* {

    padding: 0;

    margin: 0

}



p,

div {

    line-height: 20px

}



li {

    list-style: none;

    position: relative

}



input {

    border: 0

}



a {

    text-decoration: none;

    outline: none;

    color: #000

}



img {

    display: block

}



.clear {

    clear: both

}



.hr {

    border: 0;

    outline: none;

    margin: 35px 0;

    height: 1px;

    background: rgba(68, 68, 68, 0.2)

}



@font-face {

    font-family: 'lato-regular-webfont';

    src: url("../fonts/lato-regular-webfont.eot");

    src: url("../fonts/lato-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.ttf") format("truetype");

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: 'Lato-Bold';

    src: url("../fonts/Lato-Bold.eot");

    src: url("../fonts/Lato-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Bold.woff") format("woff"), url("../fonts/Lato-Bold.woff") format("woff"), url("../fonts/Lato-Bold.ttf") format("truetype");

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: 'Lato-Light';

    src: url("../fonts/Lato-Light.eot");

    src: url("../fonts/Lato-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Light.woff") format("woff"), url("../fonts/Lato-Light.woff") format("woff"), url("../fonts/Lato-Light.ttf") format("truetype");

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: 'lato-semibold-webfont';

    src: url("../fonts/lato-semibold-webfont.eot");

    src: url("../fonts/lato-semibold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-semibold-webfont.woff") format("woff"), url("../fonts/lato-semibold-webfont.woff") format("woff"), url("../fonts/lato-semibold-webfont.ttf") format("truetype");

    font-weight: normal;

    font-style: normal

}



.loader-gif:before {

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    position: fixed;

    background: #fff;

    z-index: 999

}



.loader-gif:after {

    content: '';

    width: 256px;

    height: 256px;

    background: url(../images/loader.html) no-repeat 0 0;

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 1001;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



body {

    font-family: "lato-regular-webfont", "lato-regular-webfont", "Lato-Light", "lato-semibold-webfont";

    padding: 0;

    margin: 0;

    line-height: 16px;

    /*font-size: 14px;*/

    -webkit-text-size-adjust: 100%

}



.container {

    position: relative;

    width: 1200px;

    margin: 0 auto

}



.header {

    position: relative;

    width: 100%;

    background: #fff

}



.header .container {

    position: relative;

    z-index: 10

}



.header .logo {

    float: left;

    width: 165px

}



.header .header-right {

    float: right

}



.header .nav {

    float: left;

    margin-left: 0px;

    margin-top: 16px



}



.header .nav li {

    float: left;

    font-size: 16px;

    font-weight: bold;

    padding: 8px 11px;

    position: relative;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    border-right: 1px solid #e5e5e5

}



.header .nav li:last-of-type {

    border-right: 0

}



.header .nav li a {

    color: #5d5d5d

}



.header .nav li a:hover {

    color: #f6821f

}



.header .nav li ul {

    position: absolute;

    width: 200px;

    background: #fff;

    top: 100%;

    margin-top: 10px;

    left: 0;

    visibility: hidden;

    opacity: 0;

    transition: all ease 0.6s

}



.header .nav li ul li {

    width: 100%;

    padding: 10px 8px;

    font-size: 14px;

    font-weight: normal;

    border-bottom: 1px solid #f2f2f2

}



.header .nav li ul li a {

    display: block

}



.header .nav li ul li ul {

    left: 100%;

    top: 0;

    margin-top: 0

}



.header .nav li:hover>ul {

    opacity: 1;

    visibility: visible;

    transition: all ease 0.6s

}



.header .search {

    float: left;

    margin-top: 16px;

    width: 30px;

    border-left: 1px solid #e5e5e5;

    padding: 0 5px 10px 19px;

    position: relative

}



.header .search img {

    padding: 10px 5px 0;

    cursor: pointer

}



.header .search-container {

    display: none;

    position: absolute;

    top: 48px;

    right: 0;

    width: 250px;

    background-color: #fff;

    border-radius: 4px;

    overflow: hidden;

    border: 1px solid #e5e5e5;

    padding: 5px

}



.header .search-container input[type="text"] {

    border: 1px solid #e5e5e5;

    height: 30px;

    border-radius: 4px;

    width: 100%;

    padding: 0 8px;

    outline: none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.header .search-container input[type="text"]::-webkit-input-placeholder {

    color: rgba(68, 68, 68, 0.67)

}



.header .search-container input[type="text"]::-moz-placeholder {

    color: rgba(68, 68, 68, 0.67)

}



.header .search-container input[type="text"]:-ms-input-placeholder {

    color: rgba(68, 68, 68, 0.67)

}



.header .search-container input[type="text"]:-moz-placeholder {

    color: rgba(68, 68, 68, 0.67)

}



.header .search-container .submit {

    position: absolute;

    top: 5px;

    right: 5px;

    background: url(../images/search-icon.png) no-repeat center;

    width: 30px;

    height: 30px;

    color: rgba(68, 68, 68, 0.67);

    cursor: pointer;

    outline: none;

    -webkit-transition: all linear 0.5s;

    -moz-transition: all linear 0.5s;

    transition: all linear 0.5s

}



.header .search-container .submit:hover {

    background-color: #efefef

}



.header .logo-right {

    float: right;

    width: auto

}



.header:after {

    background: #1572cb none repeat scroll 0 0;

    width: 40%;

    height: 100%;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    display: none

}



.header:before {

    background: #f5821f;

    width: 40%;

    height: 100%;

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    display: none

}



.banner {

    overflow: hidden;

    position: relative;

    width: 100%

}



.about-us {

    width: 100%;

    background: #f8f9f8;

    position: relative

}



.about-us:after {

    background: transparent url("../images/about-right.jpg") no-repeat scroll 0 0;

    content: "";

    height: 100%;

    position: absolute;

    right: 0;

    text-align: right;

    top: 0;

    width: 760px;

    display: none

}



.about-us .container {

    position: static

}



.about-us .about-left {

    width: 470px;

    position: relative;

    padding: 50px 0

}



.about-us .about-left h2 {

    color: #eb7d1b;

    font-size: 40px;

    line-height: normal;

    margin-bottom: 9px;

    text-transform: uppercase

}



.about-us .about-left .text p {

    font-size: 15px;

    color: #696a69;

    line-height: 22px;
    
    text-align: justify;

}



.about-us .about-left .over {

    color: #878787;

    font-size: 19px;

    line-height: normal;

    margin: 35px 0 5px 0;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 3px;

    font-family: "Lato-Light"

}



.about-us .about-left .over span {

    background: #f8f9f8;

    display: inline-block;

    position: relative;

    z-index: 99;

    padding-right: 5px

}



.about-us .about-left .over:after {

    background: #d0d1d0 none repeat scroll 0 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    top: 12px;

    width: 185px

}



.about-us .about-left .about-li li {

    background: transparent url("../images/about-bg.jpg") no-repeat scroll 0 0;

    display: inline-block;

    margin: 29px 29px 0 0;

    text-align: center;

    width: 110px

}



.about-us .about-left .about-li li h3 {

    box-sizing: border-box;

    color: #1198dd;

    font-size: 26px;

    font-weight: normal;

    height: 100px;

    line-height: normal;

    margin-bottom: 8px;

    padding-top: 34px

}



.about-us .about-left .about-li li p {

    font-size: 13px;

    color: #222c35

}



.about-us .about-right {

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 1;

    width: 100%

}



.about-us .about-right:after {

    background: transparent url("../images/about-right.jpg") no-repeat scroll 0 0;

    content: "";

    height: 100%;

    position: absolute;

    right: 0;

    text-align: right;

    top: 0;

    width: 760px

}



.about-us .about-slider {

    width: 200px;

    height: 200px;

    position: absolute;

    top: 50px;

    right:301px;

    z-index: 1;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    overflow: hidden

}



.about-us .about-slider .nbs-flexisel-container {

    margin-top: 0

}



.about-us .about-slider ul li.nbs-flexisel-item {

    cursor: default

}



.about-us .about-slider ul li.nbs-flexisel-item img {

    position: static;

    opacity: 1;

    display: block;

    width: 100%;

    margin: 0

}



.about-us .about-slider ul li.nbs-flexisel-item .item {

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    overflow: hidden

}



.heading {

    font-family: "lato-regular-webfont";

    font-size: 26px;

    color: #454545;

    text-transform: uppercase;

    line-height: normal;

    position: relative;

    padding-bottom: 5px

}



.heading:after {

    background: #f18b29 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 3px;

    left: 0;

    position: absolute;

    width: 35px

}



.heading span {

    font-size: 12px;

    color: #a4a7ab;

    display: block;

    font-weight: normal;

    margin-bottom: 8px

}



.our-product-range {

    background: #222c35 none repeat scroll 0 0;

    color: #ffffff;

    width: 100%;

    margin-bottom: 5px;

    position: relative

}



.our-product-range .product-left {

    display: inline-block;

    margin-top: 60px;

    width: 470px

}



.our-product-range .product-left .heading {

    color: #fff;

    margin-bottom: 20px;

    font-family: "lato-regular-webfont";

    font-size: 32px

}



.our-product-range .product-left .text p {

    margin-top: 25px

}



.our-product-range .prduct-right-up {

    position: relative;

    right: 0;

    top: 0;

    width: 50%;

    z-index: 9999;

    float: right

}



.our-product-range .prduct-right-up li {

    width: 50%

}



.our-product-range .prduct-down {

    clear: both

}



.our-product-range .prduct-down li {

    width: 25%

}



.our-product-range li {

    position: relative;

    float: left;

    overflow: hidden

}



.our-product-range li:hover .norm-div p {

    bottom: -100%;

    transition: all ease 0.4s

}



.our-product-range li:hover .hover-div {

    top: 0;

    transition: all ease 0.4s

}



.our-product-range .norm-div {

    position: relative

}



.our-product-range .norm-div img {

    width: 100%

}



.our-product-range .norm-div p {

    bottom: 12px;

    font-size: 21px;

    padding: 9px 0;

    position: absolute;

    text-align: center;

    width: 100%;

    transition: all ease 0.4s

}



.our-product-range .hover-div {

    background: rgba(43, 131, 177, 0.8) none repeat scroll 0 0;

    box-sizing: border-box;

    height: 100%;

    left: 0;

    position: absolute;

    text-align: center;

    top: -100%;

    width: 100%;

    transition: all ease 0.4s

}



.our-product-range .hover-div a {

    display: block;

    height: 100%;

    width: 100%

}



.our-product-range .hover-div a .content-div {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    padding: 0 10px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    transform: translateY(-50%)

}



.our-product-range .hover-div img {

    display: block;

    margin: 0 auto 10px

}



.our-product-range .hover-div span {

    display: block

}



.our-product-range .hover-div .name {

    font-size: 21px;

    font-weight: normal;

    text-align: center;

    width: 100%;

    margin-bottom: 14px;

    color: #fff

}



.our-product-range .hover-div .description {

    color: #fff

}



.our-product-range .container {

    left: 0;

    position: absolute;

    right: 0

}



.video {

    width: 100%;

    height: 390px;

    background: url(../images/vide-bg.jpg) 0 0/100% no-repeat;

    position: relative;

    clear: both;

    float: left;

    margin: 40px 0

}



.video video {

    width: 100%;

    height: 100%

}



.video .c-tx {

    color: #ffffff;

    font-size: 28px;

    line-height: normal;

    text-align: center;

    text-transform: uppercase;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}



.video .c-tx p {

    text-transform: none;

    font-size: 20px;

    color: #e3e3e4;

    margin: 10px 0 20px 0

}



.video .c-tx img {

    display: inline-block

}



.nbs-flexisel-container {

    max-width: 100%;

    margin-top: 35px

}



.nbs-flexisel-ul {

    position: relative;

    width: 99120000099px;

    margin: 0px;

    padding: 0px;

    list-style-type: none

}



.nbs-flexisel-inner {

    overflow: hidden

}



.nbs-flexisel-item {

    float: left;

    margin: 0px;

    padding: 0px;

    cursor: pointer;

    position: relative

}



.nbs-flexisel-item img {

    left: 2px;

    margin-bottom: 0;

    margin-top: 0;

    position: absolute;

    top: 1px;

    opacity: 0;

    transition: all ease 0.6s

}



.nbs-flexisel-nav-left,

.nbs-flexisel-nav-right {

    cursor: pointer;

    height: 13px;

    opacity: 1;

    position: absolute;

    top: 25px !important;

    width: 18px;

    z-index: 100

}



.nbs-flexisel-nav-left {

    background: transparent url("../images/previous.png") no-repeat scroll 0 0;

    right: 20px

}



.nbs-flexisel-nav-right {

    background: url(../images/next.png) no-repeat;

    right: 0px

}



.prins {

    border: 1px solid #edeeee;

    height: 99px;

    width: 93%;

    -webkit-transition: all linear 0.5s;

    -moz-transition: all linear 0.5s;

    transition: all linear 0.5s

}



.prins .nor-img {

    opacity: 0

}



.prins .hov-img {

    opacity: 1

}



.prins:hover {

    border: 1px solid #f18b29

}



.client-slider {

    padding-bottom: 50px;

    position: relative;

    clear: both

}



.cater {

    position: relative;

    width: 100%;

    padding: 40px 0;

    clear: both

}



.cater .heading {

    margin-bottom: 15px

}



.cater p a {

    color: #f6821f;

    text-decoration: underline

}



.cater .cater-product {

    margin-top: 30px

}



.cater .cater-product li {

    display: inline-block;

    vertical-align: top;

    position: relative;

    margin: 4px;

    overflow: hidden

}



.cater .cater-product li img {

    transition: all ease 0.6s

}



.cater .cater-product li .hover-txt {

    border: 0 none;

    box-sizing: border-box;

    color: #ffffff;

    left: 0;

    padding-left: 0px;

    position: absolute;

    width: 100%;

    bottom: 0px;

    transition: all ease 0.6s;

    padding-bottom: 0;

    text-align: center

}



.cater .cater-product li .hover-txt p {

    bottom: 0;

    color: #ffffff;

    font-family: "Lato-Light";

    background: rgba(0, 0, 0, 0.5);

    font-size: 24px;

    padding: 14px 0;

    font-weight: 700;

    transition: all linear .3s

}



.cater .cater-product li .hover-txt p a {

    color: #fff

}



.cater .cater-product li .hover-txt .plus-s {

    margin-bottom: 12px;

    margin-left: 0;

    text-align: center;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    transition: all ease 0.6s

}



.cater .cater-product li .hover-txt .plus-s img {

    display: inline-block

}



.cater .cater-product li:hover .hover-txt {

    bottom: 50px;

    transition: all ease 0.6s

}



.cater .cater-product li:hover .hover-txt p {

    background: transparent

}



.cater .cater-product li:hover img {

    transform: scale(1.1);

    transition: all ease 0.6s

}



.cater .cater-product li:hover .plus-s {

    visibility: visible;

    opacity: 1;

    transition: all ease 0.6s

}



.footer {

    width: 100%;

    background: #313a44;

    padding: 30px 0 20px 0

}



.footer .footer-left-menu {

    float: left;

    width: 450px

}



.footer .footer-left-menu h3 {

    border-left: 2px solid #f68829;

    color: #ffffff;

    font-size: 13px;

    font-weight: normal;

    padding: 4px 0 3px 11px;

    text-transform: uppercase;

    margin-bottom: 12px

}



.footer .footer-left-menu li {

    background: transparent url("../images/footer-bullet.png") no-repeat scroll 0 10px;

    box-sizing: border-box;

    font-size: 18px;

    padding: 3px 0 3px 16px;

    width: 100%

}



.footer .footer-left-menu li a {

    color: #a0a4a7

}



.footer .footer-left-menu li a:hover {

    color: #fff

}



.footer .footer-left-menu p {

    margin-bottom: 10px

}



.footer .footer-left-menu p span {

    width: 30px;

    display: inline-block;

    vertical-align: top;

    padding-top: 3px

}



.footer .footer-left-menu p b {

    width: calc(100% - 40px);

    display: inline-block;

    font-weight: normal;

    color: #a0a4a7;

    font-size: 18px;

    vertical-align: top

}



.footer .footer-left-menu p a {

    color: #a0a4a7

}



.footer .footer-left-menu p img {

    display: inline-block;

    margin-right: 5px

}



.footer .footer-left-menu p.social-media {

    font-size: 0

}



.footer .footer-left-menu p.social-media a {

    display: inline-block;

    vertical-align: top;

    margin-right: 5px

}



.footer .footer-left-menu p.social-media a img {

    display: block;

    margin-right: 0;

    width: 25px;

    opacity: 0.5;

    -webkit-transition: all linear 0.3s;

    -moz-transition: all linear 0.3s;

    transition: all linear 0.3s

}



.footer .footer-left-menu p.social-media a:hover img {

    opacity: 1

}



.footer .footer-right-map {

    position: absolute;

    right: 0;

    top: 28px

}



.footer .line {

    background: #485059 none repeat scroll 0 0;

    height: 1px;

    margin: 14px 0;

    width: 100%

}



.footer .p-left {

    color: #ffffff;

    float: left;

    font-size: 15px;

    text-align: left;

    width: 48%

}



.footer .p-right {

    color: #ffffff;

    float: right;

    font-size: 11px;

    text-align: right;

    width: 48%

}



.footer .p-right a {

    color: #fff

}



.sub-heading {

    margin-top: 12px;

    font-size: 15px

}



.inner-banner {

    width: 100%;

    position: relative;

    background-color: #232c35

}



.inner-banner img {

    width: 100%

}



.inner-banner .container {

    bottom: 37px;

    left: 0;

    position: absolute;

    right: 0

}



.inner-banner .container h2 {

    position: relative;

    font-family: "lato-semibold-webfont";

    font-size: 27px;

    color: #fff;

    text-transform: uppercase;

    font-weight: normal

}



.inner-banner .container h2:after {

    background: transparent url("../images/banner-title-bg.jpg") no-repeat scroll 0 0;

    content: "";

    height: 4px;

    margin-left: 14px;

    position: absolute;

    top: 6px;

    width: 38px

}



.bradcam {

    text-align: right;

    padding: 25px 0

}



.bradcam li {

    display: inline-block;

    font-size: 13px;

    color: #eb7d1b;

    text-transform: capitalize

}



.bradcam li a {

    background: transparent url("../images/brad-arrow.png") no-repeat scroll 100% center;

    font-weight: normal;

    margin-right: 8px;

    padding-right: 15px

}



.bradcam li:last-of-type a {

    background: none

}



.md-div {

    box-shadow: 0 0 11px rgba(0, 0, 0, 0.11);

    margin-bottom: 54px

}



.md-div .md-left {

    box-sizing: border-box;

    float: left;

    padding: 30px;

    width: 50%

}



.md-div .md-left .text {

    color: #2f2f2f;

    font-size: 19px;

    line-height: 30px;

    margin-bottom: 36px

}



.md-div .md-left .ext-txt {

    margin-top: 60px

}



.md-div .md-right {

    background: url(../images/form-bg.jpg) repeat top left;

    float: right;

    width: 50%;

    padding: 30px;

    box-sizing: border-box

}



.md-div .md-right h2 {

    font-size: 27px;

    color: #eb7d1b;

    text-transform: uppercase;

    font-weight: normal;

    line-height: normal;

    margin-bottom: 10px

}



.md-div .md-right li {

    margin-bottom: 15px

}



.md-div .md-right li.full-li {

    width: 100%

}



.md-div .md-right li.half-li {

    width: 48%;

    float: left;

    margin-right: 4%

}



.md-div .md-right li:nth-child(3) {

    margin-right: 0

}



.md-div .md-right li input {

    border: 1px solid #d8d8d8;

    padding: 10px;

    width: 100%;

    box-sizing: border-box

}



.md-div .md-right li textarea {

    border: 1px solid #d8d8d8;

    padding: 10px;

    width: 100%;

    box-sizing: border-box;

    font-family: "lato-regular-webfont";

    font-size: 14px;

    color: #000

}



.md-div .md-right li.form-submit input {

    background: #eb7d1b url("../images/submit-arrow.png") no-repeat scroll 76% center;

    border: 0 none;

    color: #ffffff;

    cursor: pointer;

    float: right;

    font-weight: bold;

    padding: 7px 24px 7px 7px;

    text-transform: uppercase;

    transition: all 0.6s ease 0s;

    width: 100px

}



.md-div .md-right li.form-submit input:hover {

    background-color: #1572cb;

    transition: all ease .6s

}



.contact {

    margin-bottom: 40px

}



.contact .contact-left {

    background: transparent url("../images/contact-shadow.html") no-repeat scroll 100% center;

    float: left;

    margin-top: 30px;

    width: 56%;

    box-sizing: border-box;

    padding-right: 55px

}



.contact .contact-left .addrs span {

    display: inline-block;

    vertical-align: top;

    margin-right: 5px

}



.contact .contact-left .addrs p {

    display: inline-block;

    vertical-align: top;

    font-size: 50px;

    color: #565654

}



.contact .contact-left .line {

    width: 100%;

    height: 1px;

    background: #e5e5e5;

    margin: 20px 0;

    clear: both

}



.contact .contact-left .enq {

    overflow: hidden

}



.contact .contact-left h2 {

    font-size: 13px;

    color: #585858;

    text-transform: uppercase;

    margin-bottom: 10px

}



.contact .contact-left .phn-no {

    width: 45%;

    float: left;

    border-right: 1px solid #e5e5e5;

    margin-right: 4%

}



.contact .contact-left .phn-no p {

    margin-bottom: 5px

}



.contact .contact-left .phn-no span {

    display: inline-block;

    margin-right: 10px

}



.contact .contact-left .email-no {

    width: 50%;

    float: right

}



.contact .contact-left .email-no p {

    margin-bottom: 5px

}



.contact .contact-left .email-no span {

    display: inline-block;

    margin-right: 10px

}



.contact .contact-right {

    width: 40%;

    float: right

}



.contact .contact-right h3 {

    font-size: 27px;

    color: #eb7d1b;

    text-transform: uppercase;

    font-weight: normal;

    line-height: normal;

    margin-bottom: 10px

}



.contact .contact-right form li {

    margin-bottom: 10px

}



.contact .contact-right form li.half-li {

    width: 48%;

    margin-right: 4%;

    float: left

}



.contact .contact-right form li.half-li input {

    border: 1px solid #d8d8d8;

    padding: 8px;

    width: 100%;

    box-sizing: border-box

}



.contact .contact-right form li.half-li:nth-child(even) {

    margin-right: 0

}



.contact .contact-right form li.full-li {

    width: 100%;

    clear: both

}



.contact .contact-right form li.full-li textarea {

    border: 1px solid #d8d8d8;

    padding: 8px;

    width: 100%;

    box-sizing: border-box

}



.contact .contact-right form li.form-sub input {

    background: #f68829 url("../images/submit-arrow.png") no-repeat scroll 87% 14px;

    color: #ffffff;

    cursor: pointer;

    float: right;

    font-weight: bold;

    padding: 8px 15px 8px 0;

    text-transform: uppercase;

    width: 100px

}



.contact .contact-right form li.form-sub input:hover {

    background-color: #1572cb;

    transition: all ease .6s

}



.map {

    width: 100%;

    height: 400px

}



.int-table {

    width: 100%;

    border-collapse: collapse;

    margin-bottom: 50px

}



.int-table>tbody>tr>td {

    border: 1px solid #ccc

}



.int-table td {

    padding: 10px;

    box-sizing: border-box;

    font-size: 17px;

    color: #2c2c2c

}



.int-table td:first-child {

    background-color: #f2f2f2

}



.int-table td img {

    max-width: 100%

}



.int-table td span {

    display: block;

    font-size: 14px;

    color: #2f2f2f;

    margin-bottom: 10px

}



.int-table td span img {

    vertical-align: middle;

    display: inline-block;

    margin-right: 5px

}



.int-table td.sub-content-groups {

    padding: 0

}



.int-table td.sub-content-groups ul {

    border-bottom: 1px solid #ccc;

    padding: 10px

}



.int-table td.sub-content-groups ul:last-child {

    border-bottom: 0 none

}



.int-table td.sub-content-groups ul li {

    color: #eb7d1b;

    margin-bottom: 5px

}



.int-table td.sub-content-groups ul li:last-child {

    margin-bottom: 0

}



.int-table td.sub-content-groups ul li img {

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px

}



.int-table th {

    background: #454d56;

    border: 1px solid #ccc;

    padding: 15px;

    box-sizing: border-box;

    font-size: 17px;

    color: #fff;

    font-weight: normal

}



.product-list-container {

    background: #eeefee

}



.product-list {

    background: #f8f9f8;

    padding: 40px 0

}



.product-list .image {

    height: 73px;

    overflow: hidden;

    display: inline-block

}



.product-list .image img {

    display: block;

    -webkit-transition: ease all 0.5s;

    -moz-transition: ease all 0.5s;

    transition: ease all 0.5s

}



.product-list .list-name {

    font-size: 15px

}



.product-list ul:after {

    content: '';

    display: block;

    height: 0;

    clear: both

}



.product-list ul li {

    width: 22.9166%;

    display: inline-block;

    margin: 0 2.33% 2.33% 0;

    text-align: center

}



.product-list ul li:nth-of-type(4n) {

    margin-right: 0

}



.product-list ul li:nth-last-of-type(-n+4) {

    margin-bottom: 0

}



.product-list a {

    display: block;

    background: #fff;

    padding: 20px 0;

    color: #333;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);

    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);

    -webkit-transition: ease all 0.5s;

    -moz-transition: ease all 0.5s;

    transition: ease all 0.5s

}



.product-list a:hover {

    background: #f6821f;

    color: #fff

}



.product-list a:hover .image img:first-of-type {

    margin-top: -73px

}



.process-sector-product {

    margin: 0 0 20px;

    display: inline-block

}



.product-cat-sec {

    padding: 20px 0;

    width: 100%

}



.product-cat-sec .process {

    width: 100%;

    padding: 5px 0 10px 0;

    margin-bottom: 20px;

    border-bottom: solid 1px #b2b2b2;

    font-size: 13px;

    color: #333333;

    text-transform: uppercase

}



.product-cat-sec .process span {

    padding-right: 10px

}



.product-cat-sec ul {

    margin: 0;

    padding: 0

}



.product-cat-sec ul li {

    width: 385px;

    height: 243px;

    margin-right: 22px;

    margin-bottom: 20px;

    background: #000;

    position: relative;

    float: left;

    overflow: hidden

}



.product-cat-sec ul li:nth-of-type(3n) {

    margin-right: 0

}



.product-cat-sec ul li:after {

    position: absolute;

    content: "";

    width: 385px;

    height: 194px;

    background: url("../images/product-cat-img-bg.png") no-repeat 0 0;

    bottom: 0

}



.product-cat-sec ul li .title-text {

    position: absolute;

    font-size: 19px;

    color: #fff;

    bottom: 15px;

    left: 15px;

    z-index: 1

}



.product-cat-sec ul li .detail-box {

    position: absolute;

    width: 100%;

    height: 243px;

    background: rgba(246, 130, 31, 0.9);

    top: 100%;

    text-align: center;

    box-sizing: border-box;

    transition: all linear .3s;

    z-index: 2

}



.product-cat-sec ul li .detail-box .inner {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 50px;

    right: 50px

}



.product-cat-sec ul li .detail-box .inner img {

    display: inline-block

}



.product-cat-sec ul li .detail-box .inner .title-text {

    position: static;

    padding: 12px 0

}



.product-cat-sec ul li .detail-box .inner p {

    font-size: 14px;

    line-height: 22px;

    color: #fff

}



.product-cat-sec ul li:hover .detail-box {

    top: 0

}



.clear {

    clear: both

}



.desc-list .list-heading {

    font-size: 20px;

    color: #454545;

    margin-bottom: 20px

}



.desc-list ul:after {

    content: '';

    display: block;

    height: 0;

    clear: both

}



.desc-list ul li {

    position: relative;

    padding-left: 27px;

    margin-top: 10px;

    width: 50%;

    float: left;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.desc-list ul li:before,

.desc-list ul li:after {

    content: '';

    display: block;

    width: 15px;

    height: 15px;

    background: #019cde;

    position: absolute;

    top: 2px;

    left: 0

}



.desc-list ul li:before {

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%

}



.desc-list ul li:after {

    width: 8px;

    height: 6px;

    background: url(../images/icon-yes.png) no-repeat 0 0;

    top: 7px;

    left: 3px

}



.desc-list.desc-full-list ul li {

    width: 100%;

    float: none

}



.product-page .inner-banner .container {

    bottom: 45px

}



.product-detail {

    padding-bottom: 55px

}



.product-detail .heading {

    margin-bottom: 15px

}



.product-detail:after {

    content: '';

    display: block;

    height: 0;

    clear: both

}



.product-detail .left {

    width: 50%;

    float: left

}



.product-detail .right {

    width: 44.25%;

    float: right

}



.product-detail .product-image {

    /*border: 2px solid #f6831f;*/

    display: inline-block

}



.product-detail .product-image img {

    display: block;

    max-width: 100%

}



.product-detail .product-details-block::after {

    display: table;

    content: "";

    clear: both

}



.more-details-block {

    margin-top: 50px

}



.more-details-block table {

    border: 1px solid #c2c2c2;

    width: 100%;

    max-width: 1199px

}



.more-details-block table th {

    border-right: 1px solid #00aeef;

    background-color: #019cde;

    color: #fff;

    font-size: 16px;

    line-height: 1;

    text-transform: uppercase;

    font-weight: normal;

    text-align: left;

    padding: 15px 8px

}



.more-details-block table td {

    border-right: 1px solid #c2c2c2;

    border-bottom: 1px solid #c2c2c2;

    padding: 10px 8px;

    font-size: 13px;

    color: #222c35

}



.more-details-block table+table {

    margin-top: 30px

}



.more-details-block .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: #019cde

}



.download-list {

    background: url(../images/bg_download.jpg) no-repeat 0 0;

    -webkit-background-size: cover;

    background-size: cover;

    background-attachment: fixed;

    padding: 40px 0;

    text-align: center

}



.download-list .list-heading {

    font-size: 15px;

    font-family: "lato-semibold-webfont";

    text-transform: uppercase;

    color: #333;

    line-height: 24px;

    min-height: 50px;

    -webkit-transition: all ease 0.5s;

    -moz-transition: all ease 0.5s;

    transition: all ease 0.5s

}



.download-list ul li {

    width: 22.91%;

    display: inline-block;

    vertical-align: top;

    margin: 0 1.25%

}



.download-list ul li a {

    display: block;

    background: #fff;

    padding: 15px 3.5%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);

    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);

    -webkit-transition: all ease 0.5s;

    -moz-transition: all ease 0.5s;

    transition: all ease 0.5s

}



.download-list ul li a span {

    display: inline-block;

    margin-top: 5px;

    height: 31px;

    overflow: hidden

}



.download-list ul li a span img {

    -webkit-transition: all ease 0.5s;

    -moz-transition: all ease 0.5s;

    transition: all ease 0.5s

}



.download-list ul li a:hover {

    background: #f68829

}



.download-list ul li a:hover .list-heading {

    color: #fff

}



.download-list ul li a:hover span img:first-of-type {

    margin-top: -31px

}



.approvals {

    text-align: center;

    padding: 55px 0 50px

}



.approvals .heading:after {

    right: 0;

    margin: 0 auto

}



.approvals .sub-heading {

    font-size: 15px;

    color: #4f4f4f

}



.approvals ul {

    margin-top: 15px

}



.approvals ul li span {

    border: 1px solid #e1e1e1;

    min-height: 80px;

    position: relative;

    display: block;

    margin: 0 10px

}



.approvals ul li span img {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    opacity: 1

}



.approvals ul li:last-of-type {

    margin-right: 0

}



.related-product {

    background: #efefef;

    -webkit-box-shadow: inset 3px 3px 4px rgba(0, 0, 0, 0.07);

    -moz-box-shadow: inset 3px 3px 4px rgba(0, 0, 0, 0.07);

    box-shadow: inset 3px 3px 4px rgba(0, 0, 0, 0.07)

}



.cms-page .heading {

    color: #2b2b2b

}



.cms-page p {

    color: #4f4f4f;

    line-height: 25px;

    margin: 30px 0 0;

    font-size: 15px

}



.we-are {

    overflow: hidden

}



.we-are .container:after {

    content: '';

    display: block;

    height: 0;

    clear: both

}



.we-are .left {

    width: 50%;

    float: left;

    padding-right: 5%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.we-are .right {

    width: 50%;

    float: right;

    position: relative

}



.we-are .right:after {

    content: '';

    position: absolute;

    width: 300%;

    height: 100%;

    background: #f5f5f5;

    right: -300%;

    top: 0

}



.stanvac-superon {

    background: url(../images/bg_stanvac_superon.jpg) no-repeat 0 0;

    background-size: 100% 100%

}



.stanvac-superon-list {

    padding: 55px 0

}



.stanvac-superon-list .icon {

    background: #fff;

    width: 69px;

    height: 69px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 5px solid #fbdec5;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    top: 0;

    z-index: 2

}



.stanvac-superon-list .icon img {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto

}



.stanvac-superon-list .desc {

    background: #f6821f;

    -webkit-box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.11);

    -moz-box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.11);

    box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.11);

    font-size: 15px;

    color: #fff;

    line-height: 46px;

    height: 46px;

    margin-left: 60px;

    padding: 0 20px;

    max-width: 268px;

    position: relative

}



.stanvac-superon-list .desc:after {

    content: '';

    display: block;

    height: 0;

    width: 0;

    border-top: 23px solid transparent;

    border-bottom: 23px solid transparent;

    border-left: 23px solid #f6821f;

    position: absolute;

    right: -23px;

    top: 0

}



.stanvac-superon-list ul li {

    position: relative;

    padding: 13px 0;

    display: inline-block;

    width: 310px;

    margin-bottom: 30px

}



.stanvac-superon-list ul li:nth-of-type(2n) .icon {

    left: auto;

    right: 0

}



.stanvac-superon-list ul li:nth-of-type(2n) .desc {

    margin-left: 0;

    margin-right: 60px;

    padding-left: 0px

}



.stanvac-superon-list ul li:nth-of-type(2n) .desc:after {

    transform: rotateY(180deg);

    left: -23px;

    right: auto

}



.stanvac-superon-list ul li:nth-of-type(1),

.stanvac-superon-list ul li:nth-of-type(7) {

    margin-left: 147px

}



.stanvac-superon-list ul li:nth-of-type(2),

.stanvac-superon-list ul li:nth-of-type(8) {

    margin-left: 285px

}



.stanvac-superon-list ul li:nth-of-type(3),

.stanvac-superon-list ul li:nth-of-type(5) {

    margin-left: 67px

}



.stanvac-superon-list ul li:nth-of-type(4),

.stanvac-superon-list ul li:nth-of-type(6) {

    margin-left: 445px

}



.stanvac-superon-list ul li:nth-last-of-type(-n+2) {

    margin-bottom: 0

}



.superon {

    width: 246px;

    height: 246px;

    border: 2px dashed #8f959a;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto

}



.superon>span {

    display: block;

    position: absolute;

    width: 100%;

    top: 50%;

    right: 0;

    left: 0;

    margin: auto;

    transform: translate(0, -50%);

    font-size: 33px;

    text-transform: uppercase;

    line-height: 1;

    text-align: center;

    color: #fff;

    font-family: "Lato-Bold" Arial

}



.superon>span span {

    font-size: 39px;

    display: block;

    height: 73px

}



.achievement {

    padding: 50px 0

}



.achievement:after {

    content: '';

    display: block;

    height: 0;

    clear: both

}



.achievement .icon {

    position: absolute;

    width: 35px;

    left: 0;

    top: 0

}



.achievement ul {

    margin-top: 30px;

    width: 31.66%;

    float: left;

   /* margin-right: 2.5%*/

}



.achievement ul:last-of-type {

    margin-right: 0

}



.achievement ul li {

    font-size: 16px;

    line-height: 21px;

    color: #757575;

    position: relative;

  /*  padding-left: 45px;*/

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.achievement ul li:last-of-type {

    margin-bottom: 0

}



.achievement ul>li {

    margin-bottom: 30px

}



.achievement ul ol {

    margin-top: 15px

}



.achievement ul ol li {

    position: relative;

    padding-left: 20px;

    font-size: 16px;

    margin-bottom: 20px

}



.achievement ul ol li:last-of-type {

    margin-bottom: 0

}



.achievement ul ol li:before {

    content: '';

    display: block;

    width: 8px;

    height: 8px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 1px solid #f6821f;

    position: absolute;

    left: 0;

    top: 4px

}



.history {

    background: #f8f9f8;

    padding: 60px

}



.history .heading {

    margin-bottom: 35px

}



.history p {

    color: #4f4f4f

}



.history .bullet {

    width: 24px;

    height: 24px;

    position: absolute;

    z-index: 2;

    top: 0;

    left: -16px;

    background: #f8f9f8;

    border: 4px solid #f8f9f8;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%

}



.history .bullet:before {

    content: '';

    background: rgba(242, 148, 67, 0.31);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    width: 24px;

    height: 24px;

    display: block

}



.history .bullet:after {

    content: '';

    display: block;

    width: 10px;

    height: 10px;

    background: #f29443;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto

}



.history .year {

    font-size: 22px;

    color: #ee6f03;

    font-family: "lato-semibold-webfont";

    display: inline-block;

    position: absolute;

    left: -125px

}



.history .year .icon {

    display: inline-block;

    vertical-align: middle;

    margin-right: 15px

}



.history .list-heading {

    color: #4f4f4f;

    font-size: 18px;

    font-family: "lato-semibold-webfont";

    margin: 5px 0 10px

}



.history p {

    font-size: 15px;

    color: rgba(47, 47, 47, 0.8);

    padding: 0

}



.history ul {

    margin-top: 65px;

    position: relative;

    padding: 30px 0

}



.history ul:after {

    content: '';

    display: block;

    height: 0;

    clear: both

}



.history ul:before {

    content: '';

    width: 1px;

    height: 100%;

    position: absolute;

    left: 50%;

    top: 0;

    background: rgba(0, 0, 0, 0.2)

}



.history ul li {

    position: relative;

    width: 50%;

    float: right;

    clear: right;

    padding-left: 25px;

    margin-bottom: 70px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.history ul li:nth-of-type(2n) {

    float: none;

    padding-left: 0

}



.history ul li:nth-of-type(2n) .year {

    left: auto;

    right: -125px

}



.history ul li:nth-of-type(2n) .bullet {

    left: auto;

    right: -16px

}



.history ul li:last-of-type {

    margin-bottom: 0

}



.request-form {

    padding: 60px 0;

    background: #f4f4f4;

    display: none

}



.request-form .heading {

    text-align: center;

    margin-bottom: 15px

}



.request-form .heading:after {

    right: 0;

    margin: 0 auto

}



.request-form p {

    font-size: 15px;

    color: #000;

    font-family: "Lato-Light";

    text-align: center

}



.request-form .form {

    margin-top: 25px

}



.request-form .form input,

.request-form .form textarea,

.request-form .form select {

    background: #fff;

    border: 1px solid #e5e5e5;

    height: 36px;

    width: 100%;

    padding: 8px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    color: rgba(68, 68, 68, 0.67)

}



.request-form .form input ::-webkit-input-placeholder,

.request-form .form textarea ::-webkit-input-placeholder,

.request-form .form select ::-webkit-input-placeholder {

    color: rgba(68, 68, 68, 0.67)

}



.request-form .form input ::-moz-placeholder,

.request-form .form textarea ::-moz-placeholder,

.request-form .form select ::-moz-placeholder {

    color: rgba(68, 68, 68, 0.67)

}



.request-form .form input :-ms-input-placeholder,

.request-form .form textarea :-ms-input-placeholder,

.request-form .form select :-ms-input-placeholder {

    color: rgba(68, 68, 68, 0.67)

}



.request-form .form input :-moz-placeholder,

.request-form .form textarea :-moz-placeholder,

.request-form .form select :-moz-placeholder {

    color: rgba(68, 68, 68, 0.67)

}



.request-form .form textarea {

    height: 90px;

    font-family: "lato-regular-webfont"

}



.request-form .form .field {

    width: 48%;

    float: left;

    margin: 0 1% 15px

}



.request-form .form .field .field-inside {

    margin-bottom: 15px

}



.request-form .form .field .field-inside:last-of-type {

    margin-bottom: 0

}



.request-form .form .action {

    margin: 15px 1% 0;

    text-align: center;

    display: inline-block;

    width: 100%

}



.request-form .form .action .submit {

    display: inline-block;

    height: 30px;

    background: #f6821f;

    border: 1px solid #fff;

    color: #fff;

    padding: 0 20px;

    width: auto

}



.career-sec p {

    opacity: .8;

    color: #2f2f2f;

    padding-top: 20px

}



.career-sec .work-culture {

    background: url("../images/career-bg.jpg") no-repeat 0 0;

    width: 100%;

    height: 164px;

    margin: 40px 0;

    padding: 15px 0;

    box-sizing: border-box

}



.career-sec .work-culture .title {

    font-size: 28px;

    width: 25%;

    padding: 40px 0px 0px 30px;

    box-sizing: border-box;

    color: #fff;

    font-family: 'Lato-Light';

    text-transform: uppercase;

    height: 100%;

    float: left;

    border-right: solid 1px #3c3c42

}



.career-sec .work-culture .title span {

    display: block;

    padding-top: 15px;

    color: #eb7d1b;

    font-weight: 600

}



.career-sec .work-culture .title-short {

    width: 25%;

    height: 100%;

    position: relative;

    font-size: 26px;

    color: #fff;

    padding-left: 20px;

    padding-right: 20px;

    box-sizing: border-box;

    text-align: center;

    font-weight: bold;

    float: left;

    border-right: solid 1px #3c3c42

}



.career-sec .work-culture .title-short:last-child {

    border-right: none

}



.career-sec .work-culture .title-short span {

    position: absolute;

    left: 15px;

    right: 15px;

    top: 50%;

    transform: translateY(-50%);

    line-height: 28px

}



.related-product {

    padding: 20px 0;

    width: 100%

}



.related-product .container {

    overflow: hidden

}



.related-product .process {

    width: 100%;

    padding: 5px 0 10px 0;

    margin-bottom: 20px;

    border-bottom: solid 1px #b2b2b2;

    font-size: 13px;

    color: #333333;

    text-transform: uppercase

}



.related-product .process span {

    padding-right: 10px

}



.related-product-list {

    width: 1222px

}



.related-product-list .nbs-flexisel-container {

    margin-top: 0

}



.related-product-list .nbs-flexisel-nav-left,

.related-product-list .nbs-flexisel-nav-right {

    top: 12px !important

}



.related-product-list .nbs-flexisel-nav-left {

    background-image: url(../images/previous-dark.png)

}



.related-product-list .nbs-flexisel-nav-right {

    background-image: url(../images/next-dark.png)

}



.related-product-list ul {

    margin: 0;

    padding: 0

}



.related-product-list ul .related-content {

    width: 385px;

    margin-right: 22px;

    background: #000;

    position: relative;

    float: left;

    overflow: hidden

}



.related-product-list ul .related-content:nth-of-type(3n) {

    margin-right: 0

}



.related-product-list ul .related-content:after {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    background: url("../images/product-cat-img-bg.png") no-repeat 0 bottom;

    background-size: 100%;

    bottom: 0

}



.related-product-list ul .related-content>img {

    position: static;

    opacity: 1;

    width: 100%;

    display: block

}



.related-product-list ul .related-content .title-text {

    position: absolute;

    font-size: 19px;

    color: #fff;

    bottom: 15px;

    left: 15px;

    z-index: 1

}



.related-product-list ul .related-content .detail-box {

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(246, 130, 31, 0.9);

    top: 100%;

    text-align: center;

    box-sizing: border-box;

    transition: all linear .3s;

    z-index: 2

}



.related-product-list ul .related-content .detail-box .inner {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 50px;

    right: 50px

}



.related-product-list ul .related-content .detail-box .inner img {

    display: inline-block;

    position: static;

    opacity: 1

}



.related-product-list ul .related-content .detail-box .inner .title-text {

    position: static;

    padding: 12px 0

}



.related-product-list ul .related-content .detail-box .inner p {

    font-size: 14px;

    line-height: 22px;

    color: #fff

}



.related-product-list ul .related-content:hover .detail-box {

    top: 0

}



.opening:after {

    content: '';

    display: block;

    height: 0;

    clear: both

}



.opening .main-heading {

    font-size: 26px;

    color: #f18b29;

    font-weight: 800;

    line-height: normal;

    text-transform: uppercase

}



.opening .left {

    float: left;

    width: 47%

}



.opening .right {

    float: right;

    width: 50%;

    margin: 0

}



.opening-list {

    margin-top: 25px

}



.opening-list:after {

    content: '';

    display: block;

    height: 0;

    clear: both

}



.opening-list ul {

    height: 355px

}



.opening-list ul:after {

    content: '';

    display: block;

    height: 0;

    clear: both

}



.opening-list ul li {

    width: 47.5078%;

    float: left;

    display: table;

    margin: 0 3.320% 3.320% 0

}



.opening-list ul li:nth-of-type(2n) {

    margin-right: 0

}



.opening-list ul li a {

    background: #f8f8f8;

    height: 102px;

    width: 100%;

    padding: 25px 0;

    text-align: center;

    position: relative;

    display: table-cell;

    vertical-align: middle;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.13);

    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.13);

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.13);

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.opening-list ul li a .list-heading {

    font-size: 16px;

    color: #000

}



.opening-list ul li a .location {

    color: #019cde;

    font-family: "lato-semibold-webfont";

    font-size: 16px

}



.opening-list ul li a:hover .detail a {

    background: #1a2c57

}



.opening-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: #eb7d1b

}



.apply-now {

    background: #363636;

    padding: 20px 35px 30px

}



.apply-now .sub-heading {

    font-size: 20px;

    color: #fff;

    line-height: 24px;

    margin: 0

}



.apply-now .form {

    margin-top: 20px

}



.apply-now .form .group-col-6,

.apply-now .form .group-col-12 {

    padding-left: 5px;

    padding-right: 5px;

    position: relative

}



.apply-now .form .field-heading {

    font-size: 16px;

    margin-bottom: 10px;

    margin-left: 5px;

    color: #fff

}



.apply-now .form .action {

    padding-left: 5px;

    padding-right: 5px

}



.apply-now .form .action input {

    background: url(../images/arrow-right.png) no-repeat 125px 13px #eb7d1b;

    color: #fff;

    border: 0;

    text-transform: uppercase;

    display: inline-block;

    width: auto;

    height: 35px;

    padding: 0 35px 0 25px;

    font-size: 15px;

    margin-top: 0;

    font-weight: 400;

    cursor: pointer;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    transition: .5s

}



.apply-now .form .action input:hover {

    background-color: #d86702;

    color: #fff;

    border-color: #b51312

}



.apply-now .form .field {

    margin-bottom: 15px

}



.apply-now .form .field input,

.apply-now .form .field textarea,

.apply-now .form .field select {

    width: 100%;

    border: 1px solid rgba(255, 255, 255, 0.2);

    background: rgba(255, 255, 255, 0.05);

    height: 37px;

    outline: none;

    padding: 0 20px;

    font-size: 15px;

    color: rgba(255, 255, 255, 0.5);

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    transition: .5s

}



.apply-now .form .field input::-webkit-input-placeholder,

.apply-now .form .field textarea::-webkit-input-placeholder,

.apply-now .form .field select::-webkit-input-placeholder {

    color: rgba(255, 255, 255, 0.5)

}



.apply-now .form .field input::-moz-placeholder,

.apply-now .form .field textarea::-moz-placeholder,

.apply-now .form .field select::-moz-placeholder {

    color: rgba(255, 255, 255, 0.5)

}



.apply-now .form .field input:-ms-input-placeholder,

.apply-now .form .field textarea:-ms-input-placeholder,

.apply-now .form .field select:-ms-input-placeholder {

    color: rgba(255, 255, 255, 0.5)

}



.apply-now .form .field input:-moz-placeholder,

.apply-now .form .field textarea:-moz-placeholder,

.apply-now .form .field select:-moz-placeholder {

    color: rgba(255, 255, 255, 0.5)

}



.apply-now .form .field input:placeholder,

.apply-now .form .field textarea:placeholder,

.apply-now .form .field select:placeholder {

    color: rgba(255, 255, 255, 0.5)

}



.apply-now .form .field input:focus,

.apply-now .form .field textarea:focus,

.apply-now .form .field select:focus {

    outline: none;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15)

}



.apply-now .form .field select option {

    color: #000

}



.apply-now .form .field textarea {

    height: 75px;

    font-family: "lato-regular-webfont";

    padding: 10px 20px

}



.apply-now .form .field-head {

    color: #fff;

    font-size: 15px;

    background: #e60a0a;

    line-height: 37px;

    padding: 0 20px

}



.apply-now .form .radio {

    position: relative

}



.apply-now .form .radio input[type="radio"] {

    position: absolute;

    z-index: -5;

    opacity: 0;

    visibility: hidden

}



.apply-now .form .radio label {

    font-size: 16px;

    color: #5b5b5b;

    position: relative;

    display: block;

    line-height: 21px;

    padding-left: 35px

}



.apply-now .form .radio label:before,

.apply-now .form .radio label:after {

    content: '';

    display: block;

    width: 21px;

    height: 21px;

    border: 2px solid #e60a0a;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    transition: .5s;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.apply-now .form .radio label:after {

    width: 9px;

    height: 9px;

    border: 0;

    position: absolute;

    top: 6px;

    left: 6px;

    background: none

}



.apply-now .form .radio.selected label:after {

    background: #e60a0a

}



.apply-now .form .input-file {

    opacity: 0;

    position: absolute;

    top: 0;

    z-index: -5

}



.apply-now .form .input-file-label {

    border: 1px solid rgba(255, 255, 255, 0.3);

    width: 100%;

    display: block;

    height: 37px;

    color: rgba(255, 255, 255, 0.5);

    line-height: 35px;

    font-size: 14px;

    cursor: pointer

}



.apply-now .form .input-file-label strong {

    display: block;

    font-weight: normal;

    padding: 0 40px;

    float: right;

    color: #fff;

    background: #019cde;

    line-height: 37px

}



.apply-now .form .input-file-label span {

    font-size: 14px;

    padding-left: 15px

}



.get-in-touch {

    font-size: 20px;

    text-align: center;

    margin: 35px 0;

    color: #2f2f2f

}



.group:after {

    content: '';

    display: table;

    clear: both

}



.group .row {

    margin-left: -15px;

    margin-right: -15px

}



.group .group-fluid {

    padding-left: 15px;

    padding-right: 15px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.group .group-head {

    border-bottom: 3px solid #e39c04

}



.group .group-head:after {

    content: '';

    display: block;

    height: 0;

    clear: both

}



.group .group-head .heading {

    font-size: 24px;

    color: #3f3e3e;

    line-height: 40px;

    float: left

}



.group .group-body .heading {

    font-size: 16px;

    color: #000;

    line-height: 20px;

    text-transform: uppercase;

    margin-bottom: 15px

}



.group-col-1,

.group-col-2,

.group-col-3,

.group-col-4,

.group-col-5,

.group-col-6,

.group-col-7,

.group-col-8,

.group-col-9,

.group-col-10,

.group-col-11,

.group-col-12 {

    padding-left: 15px;

    padding-right: 15px;

    float: left;

    position: relative;

    min-height: 1px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.group-col-1 {

    width: 8.33333333%

}



.group-col-2 {

    width: 16.66666667%

}



.group-col-3 {

    width: 25%

}



.group-col-4 {

    width: 33.33333333%

}



.group-col-5 {

    width: 41.66666667%

}



.group-col-6 {

    width: 50%

}



.group-col-7 {

    width: 58.33333333%

}



.group-col-8 {

    width: 66.66666667%

}



.group-col-9 {

    width: 75%

}



.group-col-10 {

    width: 83.33333333%

}



.group-col-11 {

    width: 91.66666667%

}



.group-col-12 {

    width: 100%

}



.modal {

    display: none;

    /*width: 575px;
*/
    padding: 35px;



}



.modal .modal-head {

    font-size: 30px;

    color: #da211f;

    border-bottom: 1px solid #dcdcdc;

    padding: 0 0 15px

}



.modal .modal-body .heading {

    color: #888;

    font-size: 22px;

    margin: 10px 0

}



.modal .modal-body .job-list {

    margin-top: 15px

}



.modal .modal-body .job-list ul li {

    position: relative;

    padding-left: 18px;

    color: #878787;

    display: block;

    font-size: 14px;

    line-height: 18px;

    position: relative;

    margin-bottom: 15px

}



.modal .modal-body .job-list ul li:before {

    content: '';

    display: block;

    width: 9px;

    height: 9px;

    background: #d3d3d3;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    position: absolute;

    top: 4px;

    left: 0

}



.modal .modal-body .job-list ul li:last-of-type {

    margin-bottom: 0

}



.modal .modal-body .job-list ul li strong {

    font-size: 18px;

    color: #252525;

    font-size: 18px

}



.mro-page {

    background: #f4f4f4

}



.product-tabs {

    background: #fff;

    padding: 25px 0;

    text-align: center

}



.product-tabs ul li {

    width: 33.33%;

    display: inline-block

}



.product-tabs ul li a {

    display: block;

    position: relative;

    background-color: #1472ca;

    -webkit-transition: all ease 0.5s;

    -moz-transition: all ease 0.5s;

    transition: all ease 0.5s

}



.product-tabs ul li a img {

    display: block;

    width: 100%;

    opacity: 0.3

}



.product-tabs ul li a>div {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    height: 100%;

    width: 100%;

    color: #fff;

    font-family: "lato-regular-webfont";

    font-size: 30px

}



.product-tabs ul li a>div div {

    display: table;

    width: 100%;

    height: 100%

}



.product-tabs ul li a>div div span {

    display: table-cell;

    vertical-align: middle;

    line-height: 29px

}



.product-tabs ul li:hover a,

.product-tabs ul li.active a {

    background-color: #f6821f

}



.product-tabs.morethanthree ul li {

    width: 15.83%

}



.product-tabs.morethanthree ul li a>img {

    height: 150px

}



.product-tabs.morethanthree ul li a>div {

    font-size: 18px

}



.product-grid .image {

    width: 100%

}



.product-grid .image img {

    width: 100%

}



.product-grid .desc {

    padding: 20px

}



.product-grid .name {

    color: #333;

    font-family: "lato-regular-webfont";

    font-size: 18px;

    position: relative;

    margin-bottom: 10px;

    -webkit-transition: all ease 0.5s;

    -moz-transition: all ease 0.5s;

    transition: all ease 0.5s

}



.product-grid .name:after {

    content: '';

    display: block;

    width: 30px;

    height: 2px;

    background-color: #f6821f;

    margin-top: 8px

}



.product-grid p,

.product-grid span {

    margin: 0;

    font-size: 13px;

    color: #616161

}



.product-grid span {

    padding-right: 15px;

    border-right: 1px solid #616161;

    display: inline-block;

    position: relative;

    line-height: 18px;

    margin-top: 15px;

    -webkit-transition: all ease 0.5s;

    -moz-transition: all ease 0.5s;

    transition: all ease 0.5s

}



.product-grid span:after {

    content: '';

    display: block;

    width: 6px;

    height: 6px;

    border: solid #616161;

    border-width: 1px 1px 0 0;

    position: absolute;

    right: -15px;

    top: 6px;

    -webkit-transition: all ease 0.5s;

    -moz-transition: all ease 0.5s;

    transition: all ease 0.5s;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    transform: rotate(45deg)

}



.product-grid ul {

    margin: 35px 0;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: flex-start;

    justify-content: flex-start

}



.product-grid ul:after {

    content: '';

    display: block;

    height: 0;

    clear: both

}



.product-grid ul li {

    width: calc(25% - 10px);

    display: block;

    font-size: 13px;

    margin: 0 10px 20px 0

}



.product-grid ul li a {

    border: 1px solid #ebebeb;

    background: #fff;

    display: block;

    height: 100%

}



.product-grid ul li a:hover .name {

    color: #f6821f

}



.product-grid ul li a:hover span {

    color: #f6821f;

    border-color: #f6821f

}



.product-grid ul li a:hover span:after {

    border-color: #f6821f

}



.product-grid.triple ul li {

    width: calc(33.33% - 10px);

    display: block

}



.stanvac-tabs-content {

    display: none

}



.stanvac-tabs-content:after {

    content: '';

    display: block;

    height: 0;

    clear: both

}



.stanvac-tabs-content.active {

    display: block

}



.products .left {

    width: 25%;

    float: left;

    padding-right: 0.75%;

    box-sizing: border-box

}



.products .right {

    width: 75%;

    float: left

}



.side-product-nav {

    background-color: #fff;

    margin-top: 42px

}



.side-product-nav ul li {

    border-bottom: 1px solid rgba(0, 0, 0, 0.05)

}



.side-product-nav ul li a {

    font-size: 14px;

    position: relative;

    padding: 14px 30px 14px 15px;

    line-height: 18px;

    display: block;

    -webkit-transition: all ease 0.5s;

    -moz-transition: all ease 0.5s;

    transition: all ease 0.5s

}



.side-product-nav ul li a:after {

    content: '';

    display: block;

    width: 6px;

    height: 7px;

    border: solid #7a7a7a;

    border-width: 1px 1px 0 0;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    transform: rotate(45deg);

    position: absolute;

    right: 18px;

    top: 20px;

    -webkit-transition: all ease 0.5s;

    -moz-transition: all ease 0.5s;

    transition: all ease 0.5s

}



.side-product-nav ul li a:hover,

.side-product-nav ul li a.active {

    background-color: #eb7d1b;

    color: #fff

}



.side-product-nav ul li a:hover:after,

.side-product-nav ul li a.active:after {

    border-color: #fff

}



.cater-list {

    margin-top: 15px

}



.cater-list ul:after {

    content: '';

    display: block;

    height: 0;

    clear: both

}



.cater-list ul li {

    position: relative;

    font-size: 14px;

    padding-left: 20px;

    color: #757575;

    line-height: 21px;

    float: left;

    width: 33.33%;

    margin-bottom: 10px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.cater-list ul li:before {

    content: '';

    display: block;

    width: 8px;

    height: 8px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 1px solid #f6821f;

    position: absolute;

    left: 0;

    top: 4px

}



.search-page * {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.search-form {

    padding: 40px 0 30px;

    background-color: #f5f5f5

}



.search-form .search-form-block {

    margin: 0 auto;

    max-width: 750px

}



.search-form .search-form-block .search-fields {

    position: relative;

    margin-bottom: 15px;

    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05)

}



.search-form .search-form-block .search-fields .search-field {

    height: 55px;

    padding: 0 75px 0 20px;

    font-size: 18px;

    line-height: 1.2;

    color: #7e7e7e;

    letter-spacing: 0.5px;

    width: 100%

}



.search-form .search-form-block .search-fields .search-button {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 55px;

    background: url(../images/icon-search-dark.svg) no-repeat center center;

    border: 0 none;

    font-size: 0;

    padding: 0;

    cursor: pointer

}



.search-form .search-form-block .search-fields .search-button:hover {

    background-color: #e0e0e0

}



.search-form .search-form-block p {

    font-size: 15px

}



.result-listing {

    padding: 30px 0 50px

}



.result-listing ul {

    margin: 0 auto;

    padding: 0 75px;

    list-style: none

}



.result-listing ul li:last-child .results-box {

    border-bottom: 0 none

}



.result-listing .results-box {

    position: relative;

    padding: 25px 0;

    border-bottom: 1px solid rgba(68, 68, 68, 0.2)

}



.result-listing .results-box::before {

    position: absolute;

    content: attr(data-loop-number) ".";

    display: block;

    top: 30px;

    right: 100%;

    margin-right: 10px;

    width: 50px;

    font-size: 15px;

    line-height: 1;

    color: #444;

    text-align: right

}



.result-listing .results-box h4 {

    font-size: 22px;

    line-height: 1;

    margin-bottom: 10px

}



.result-listing .results-box h4 a {

    color: #444;

    -webkit-transition: all linear 0.3s;

    -moz-transition: all linear 0.3s;

    transition: all linear 0.3s

}



.result-listing .results-box p {

    font-size: 15px;

    line-height: 1.4;

    margin-bottom: 20px

}



.result-listing .results-box .btn {

    padding: 10px 20px;

    min-width: auto;

    font-size: 12px;

    letter-spacing: 1px;

    background-color: #f6821f;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

    -webkit-transition: all linear 0.3s;

    -moz-transition: all linear 0.3s;

    transition: all linear 0.3s

}



.result-listing .results-box:hover h4 a {

    color: #1572cb

}



.result-listing .results-box:hover .btn {

    background-color: #1572cb

}



.coming-soon img {

    display: block;

    width: 100%

}



.responsive-banner {

    display: none

}



.responsive-banner .nbs-flexisel-item img {

    position: relative;

    opacity: 1;

    width: 100%

}



.footer-toggle {

    display: none

}



.int-table td.product-pdf {

    padding: 0

}



.int-table td.product-pdf>table>tbody>tr>td {

    border-bottom: 1px solid #ccc

}



.int-table td.product-pdf>table>tbody>tr:last-of-type>td {

    border-bottom: 0

}



.int-table td.product-pdf .product-pdf-inner {

    padding: 0

}



.int-table td.product-pdf .product-pdf-inner>table>tbody>tr>td.blank {

    background: rgba(0, 0, 0, 0.04);

    border-bottom: 0 !important

}



.int-table td.product-pdf .product-pdf-inner>table>tbody>tr>td:first-of-type {

    border-right: 1px solid #ccc;

    border-bottom: 1px solid #ccc

}



.int-table td.product-pdf .product-pdf-inner>table>tbody>tr:last-of-type>td {

    border-bottom: 0

}



.int-table td.product-pdf tr td {

    background: none;

    padding: 10px

}



.int-table td.product-pdf tr td:first-of-type {

    color: #eb7d1b

}



.int-table td.product-pdf tr td img {

    display: inline-block;

    margin-right: 5px;

    vertical-align: middle

}



.menu-wrap {

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 9;

    position: fixed;

    background: transparent;

    top: 0;

    left: 0;

    cursor: pointer

}





/*# sourceMappingURL=main-sand-sass.css.map */