﻿.checkboxMainLiveI input[type='checkbox']:checked {
    background-image: url(../../../dist/images/checkmark-tick-orange.svg);
    border-color: #ff8201;
}

.checkboxMainLiveI input[type='checkbox'] {
    display: block !important;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 1px solid #ff8201;
    vertical-align: top;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: 10px 8px;
    background-position: center;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: left;
}
/*.Myriad_Pro_Regular.checkboxDiv.header.fgWhite.fgWhiteImp {
    color: #1C326B;
}*/
span.Myriad_Pro_Regular.productTextLiv {
    color: #1C326B;
    cursor: pointer;
}
span.Myriad_Pro_Regular.fgGreySub.productTextLiv {
    color: #8a8888;
}
.livQuoteBtn {
    background-color: white;
    border: 2px solid #FF8201;
    padding: 11px;
    /* font-weight: 600; */
    color: #FF8201;
    /* width: 100%; */
    font-size: 14px;
    margin: 5px;
}
.newOrgbtn {
    background-color: #FF8201 !important;
}
.padding-0{
    padding: 0px !important;
}
.event-textareasize {
    width: 292px;
}
.desktop-margin{
        margin-top:30px !important;
        margin-bottom:10px !important;
        margin-right:0px !important;
        margin-left:0px !important
    }
.event-textarea{
    padding: 10px 10px;
    /*width: 100%;*/
    /*max-width: 300px;*/
    margin: 10px 0;
    border-radius: 2px;
    font-size: 15px;
    color: #999;
   
    font-family: 'open_sans_regular';
   
}
.header-text {
    font-weight:900;
text-shadow: 0px 0px 1px #000;
    /*color: black !important;
    background: white;
    width: inherit;
    display: inline;*/
}
.outline-orange {
    border: 2px solid orange;
}
.fg-black{
    color: #666;
}
.eventTextbox {
    color: #444;
    padding: 10px; /*14px*/
    margin: 5px;
    /*min-width: 230px;*/
    width:100%;
    line-height: 18px;
}

.border-radius-3 {
    border-radius: 3px;
}

.bg-black {
    background-color: #444;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    padding: 10px !important;
}

.close-SumoMe {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.button-search {
    padding: 10px 20px;
    color: #fff;
    background-color: #f90;
    border-radius: 0;
    width: 100%;
}

.black-circle {
    background-color: #666;
    height: 30px;
    width: 30px;
    border-radius: 75px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    margin-top: -15px;
    margin-left: 15px;
    z-index: 1000;
}

.back-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 100;
    display: none;
}

.padding-all-7-5 {
    padding: 7.5px;
}

.fgWhiteColor {
    color: #fff;
}

.margin-1 {
    margin: 1px;
}

#driversmenu {
    background: hsla(1,0%,100%,.9);
    position: absolute;
    right: 0;
    left: 0;
    min-height: 100%;
    width: 100vw;
    margin-left: calc(-1 * ((100vw - 100%) / 2));
}

ul.sticky-nav-ul li:hover {
    background: none;
}

.border-light-blue {
    border: 1px solid #7bb1e0;
}

.mobile-rfq-link-1 {
    display: none !important;
}

.padding-top-bottom60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.margin-top30 {
    margin-top: 30px;
}

margin-bottom30 {
    margin-bottom: 30px;
}

.font-size-11 {
    font-size: 11px;
}

.font-size-12 {
    font-size: 12px;
}

.max-height-540 {
    max-height: 540px;
}

.banner-caption {
    position: absolute;
    top: 23%;
}

.caption-text {
    color: #fff;
}

.max-width-850 {
    max-width: 850px;
}

.down-circle-icon {
    padding: 11px;
    border-radius: 50%;
    border: 1px solid #D2B071;
    color: #D2B071;
}

.margin-top70 {
    margin-top: 70px;
}

.line-height-44 {
    line-height: 44px;
}

.mobile-rfq-link-2 {
    display: block !important;
}

.no-margin {
    margin: 0 !important;
}

.right-align-submenu {
    left: auto;
    right: 0;
    margin-right: 23px;
}

ul.width-315 {
    width: 315px !important;
}

    ul.width-315 li {
        width: 315px !important;
    }

.no-top-padding {
    padding-top: 0;
}

.no-bottom-padding {
    padding-bottom: 0;
}

.no-left-padding {
    padding-left: 0;
}

.no-right-padding {
    padding-right: 0;
}

.no-top-margin {
    margin-top: 0;
}

.no-bottom-margin {
    margin-bottom: 0;
}

.no-left-margin {
    margin-left: 0;
}

.no-right-margin {
    margin-right: 0;
}

/*Start Font Family*/
.Myriad_Pro_Regular {
    font-family: "Myriad Pro",sans-serif;
    -moz-font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased !important;
}
.Myriad_Pro_Cond {
    font-family: "Myriad_Pro_Cond",sans-serif;
    -moz-font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased !important;
}
.Myriad_Pro_Bold {
    font-family: "Myriad_Pro_Bold",sans-serif;
    -moz-font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased !important;
}
.Myriad_Pro_BoldCond {
    font-family: "Myriad_Pro_BoldCond",sans-serif;
    -moz-font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased !important;
}

.Myriad_Pro_Light {
    font-family: "Myriad_Pro_Light",sans-serif;
    -moz-font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased !important;
}

.MyriadPro_Semibold {
    font-family: "MyriadPro_Semibold",sans-serif;
    -moz-font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased !important;
}

.MyriadPro_Black {
    font-family: "MyriadPro_Black",sans-serif;
    -moz-font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased !important;
}

.open_sans_regular {
    font-family: open_sans_regular, sans-serif;
    -moz-font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased !important;
}
#CaptchaImage {
    width: auto !important;
}

.CaptchaText {
    color: #fff;
}

.btn-rfq-form {
    background-color: #FBBC05;
    border: none;
    padding: 10px 0;
    color: #444;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
}

.border-left-1 {
    border-left: 1px solid #888;
}

.border-right-1 {
    border-right: 1px solid #888;
}

.anchor-rfq:before {
    content: "";
    display: block;
    height: 75px !important; /* fixed header height*/
    margin: -75px 0 0 !important; /* negative fixed header height */
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.margin-checkbox {
    margin: 4px 0 0 !important;
}

.clear-both {
    clear: both;
}

.fg-red-imp {
    color: #ff0000 !important;
}

.max-width-150 {
    max-width: 150px;
}

.div-show {
    display: block !important;
}

.div-hide {
    display: none !important;
}

@media screen and (max-height: 575px) {
    #rc-imageselect, .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

#rc-imageselect {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.cca-textbox {
    color: #444;
    padding: 10px;
    border: none;
    margin: 10px 1px;
    width: 100%;
    line-height: 22px;
}

.cca-dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px;
    margin: 10px 1px;
    width: 100%;
    cursor: pointer;
    background: #fff url(/Content/Images/DownArrow.png) no-repeat right center;
    background-size: 47px 47px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    line-height: 22px;
}

.open_sans_semi_bold {
    font-family: open_sans_semi_bold, sans-serif;
    -moz-font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased !important;
}

.open_sans_extra_bold {
    font-family: open_sans_extra_bold, sans-serif;
    -moz-font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased !important;
}

.novecento_sans_wide_demi_bold {
    font-family: novecento_sans_wide_demi_bold, sans-serif;
    -moz-font-smoothing: antialiased !important;
-webkit-font-smoothing: antialiased !important;
}

.max-width-745 {
    max-width: 745px;
}

.max-width-250 {
    max-width: 250px;
}

.max-width-275 {
    max-width: 275px;
}
.max-width-265 {
    max-width: 265px;
}
.width-full {
    width: 100% !important;
}

.height-width-25 {
    max-height: 25px;
    max-width: 25px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

.max-width-200 {
    max-width: 200px;
}

.text-align-right {
    text-align: right;
}

.text-align-left {
    text-align: left;
}

.text-align-center {
    text-align: center;
}
.text-align-justify {
    text-align: justify;
}

.width-10 {
    width: 10px;
}

h1 {
    font-family: novecento_sans_wide_demi_bold;
    font-size: 24px;
    color: #8a8888;
    text-transform: uppercase;
    line-height: 30px;
}

h2 {
    font-family: novecento_sans_wide_demi_bold;
    color: #8a8888;
    line-height: 30px;
}

h3 {
    font-family: novecento_sans_wide_demi_bold;
    font-size: 18px;
    text-transform: uppercase;
    color: #8a8888;
}

h4 {
    font-family: lato_regular;
    font-size: 16px;
    color: #8a8888;
    line-height: 22px;
    font-weight: 600;
}

div, span, p, ul, h5 {
    font-family: lato_regular;
    font-size: 14px;
    color: #8a8888;
    line-height: 22px;
}

.lato_bold {
    font-family: lato_bold, sans-serif;
    -moz-font-smoothing: antialiased !important;
-webkit-font-smoothing: antialiased !important;
}

.lato_light {
    font-family: lato_light, sans-serif;
    -moz-font-smoothing: antialiased !important;
-webkit-font-smoothing: antialiased !important;
}

.lato_regular {
    font-family: lato_regular, sans-serif;
    -moz-font-smoothing: antialiased !important;
-webkit-font-smoothing: antialiased !important;
}
/*End Font Family*/

/*Start Font Size*/

.font-size-13 {
    font-size: 13px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-rfq-14 {
    font-size: 14px;
}

.font-size-rfq-12 {
    font-size: 12px;
}


.font-size-15 {
    font-size: 15px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-30 {
    font-size: 30px;
}

/*.font-size-32 {
    font-size: 32px;
}*/

.font-size-36 {
    font-size: 36px;
}

/*.overrride-right {
    float: left !important;
}*/

/*End Font Size*/

.font-color-nav {
    color: #8a8888 !important;
}

.line-height-22 {
    line-height: 22px;
}
.line-height-18 {
    line-height: 18px;
}
.max-width300 {
    max-width: 300px;
}

.max-width-945 {
    max-width: 945px;
}

.font-weight-bold {
    font-weight: 600 !important;
}

.border-top-bottom {
    border-bottom: 1px solid lightgrey;
    border-top: 2px solid lightgrey;
}

.display-table {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    min-height: 100px;
    height: auto;
    align-items: center;
}

.case-studies-img-popup-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
}

.max-width645 {
    max-width: 645px;
}

.max-width475 {
    max-width: 475px;
}

.display-table-cell {
    display: table-cell;
}

.vertical-align-center {
    vertical-align: middle;
}

.table-spacing {
    border-collapse: separate;
    /* border-spacing: 5em; */
    -webkit-border-vertical-spacing: 2em;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

/*Pointer Cursor*/
.cursor-pointer {
    cursor: pointer;
}
/*Default Cursor*/
.cursor-default {
    cursor: default;
}
/*Error Message*/
#lblMessage {
    color: red;
    font-weight: bold;
}
/* Form Tooltip Custom CSS*/
.tooltip {
    z-index: 0;
}

.float-left {
    float: left;
}

.font-size12 {
    font-size: 12px;
}

.bg-light-blue {
    background-color: #044D9A;
}

#reponsivetable td, #reponsivetable tr {
    display: grid !important;
}

.selectFirstChildGrey:first-child {
    color: #909090;
}

.padding-all5 {
    padding: 5px;
}

.line-height-normal {
    line-height: normal;
}

.white-border5 {
    border-right: 10px solid #fff;
}

/*input[type=checkbox]:checked:after {
    content: "\2714"; 
}*/

.margin-left-right30 {
    margin-left: 30px;
    margin-right: 30px;
}
.cartNewImage {
    padding: 0px !important;
    margin-top: -40px;
    /*margin-left: 50px;*/
}



.circle-icon {
    padding: 15px;
    border-radius: 50%;
}

.font900 {
    font-weight: 900;
}

.fgRedColor {
    color: #F35A57;
}

.fgOrangeColor {
    color: #FFB56C;
}

.fgGreenColor {
    color: #A3CC7A;
}

.fg-95CA74 {
    color: #95CA74;
}

.fg-49A50F {
    color: #49A50F;
}

.fg-blue {
    color: #4795E3;
}

.fgBlueColor {
    color: #A0D9ED;
}

.bgRedColor {
    background-color: #F35A57;
}

.bgOrangeColor {
    background-color: #FFB56C;
}

.bgGreenColor {
    background-color: #A3CC7A;
}

.bgBlueColor {
    background-color: #A0D9ED;
}

.padding15 td {
    padding: 15px !important;
}

.borderBottomGreenColor {
    border-bottom: 2px solid #A3CC7A;
}

.borderBottomRedColor {
    border-bottom: 2px solid #F35A57;
}

.borderBottomOrangeColor {
    border-bottom: 2px solid #FFB56C;
}

.borderBottomBlueColor {
    border-bottom: 2px solid #A0D9ED;
}

.redColorBorder {
    padding: 14px 18px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    /*-moz-box-shadow: 0px 0px 2px #CC3300;
    -webkit-box-shadow: 0px 0px 2px #CC3300;
    box-shadow: 0px 0px 2px #CC3300;*/
    border: 3px solid #FF9494;
}

.orangeColorBorder {
    padding: 14px 11px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    /*-moz-box-shadow: 0px 0px 2px #FF9900;
    -webkit-box-shadow: 0px 0px 2px #FF9900;
    box-shadow: 0px 0px 2px #FF9900;*/
    border: 3px solid #FFB56C;
}

.blueColorBorder {
    padding: 14px 16px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    /*-moz-box-shadow: 0px 0px 2px #00FFFF;
    -webkit-box-shadow: 0px 0px 2px #00FFFF;
    box-shadow: 0px 0px 2px #00FFFF;*/
    border: 3px solid #A0D9ED;
}

.greenColorBorder {
    padding: 6px 9px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    /*-moz-box-shadow: 0px 0px 2px #33CC33;
    -webkit-box-shadow: 0px 0px 2px #33CC33;
    box-shadow: 0px 0px 2px #33CC33;*/
    border: 3px solid #A3CC7A;
}

.greenColorBorderDouble {
    padding: 12px 12px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    /*-moz-box-shadow: 0px 0px 2px #33CC33;
    -webkit-box-shadow: 0px 0px 2px #33CC33;
    box-shadow: 0px 0px 2px #33CC33;*/
    border: 3px solid #CCFF99;
}

.contactLinks:hover {
    color: #fff;
}

.contactText {
    color: #fff;
}

.bg404 {
    background-color: #ABCFC5;
}

.padding-all-10 {
    padding: 10px;
}

.fg500 {
    color: #E0A263 !important;
}

.fg404 {
    color: #fff !important;
}

.border-radius-6 {
    border-radius: 6px;
}

.background-none {
    background: none !important;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}

.padding-10-50 {
    padding: 10px 50px;
}

.outline-500 {
    border: 2px solid #E0A263;
}

    .outline-500:hover {
        color: #E0A263;
    }

.outline-404 {
    border: 2px solid #fff;
}

.width-100 {
    width: 100%;
}


.bgDarkBlack {
    background-color: #262626;
}

.tooltip-inner {
    background-color: red;
}

.displayBlock {
    display: block;
}

.displayNone {
    display: none;
}

.border-bottom-gray-1 {
    border-bottom: 1px solid #e7e7e7;
}

.anchor:before {
    content: "";
    display: block;
    height: 130px; /* fixed header height*/
    margin: -130px 0 0; /* negative fixed header height */
}

.anchor-case:before {
    content: "";
    display: block;
    height: 160px; /* fixed header height*/
    margin: -160px 0 0; /* negative fixed header height */
}


.min-height970 {
    min-height: 970px;
}

.min-height690 {
    min-height: 690px;
}

.min-height815 {
    min-height: 815px;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

.background-size {
    background-size: 100% 100%;
}

.listBox::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}

.listBox::-webkit-scrollbar {
    width: 15px;
    background-color: none;
}

.listBox::-ms-thumb {
    border-radius: 10px;
    background-color: #D16319;
    margin-right: 10px !important;
}

.listBox::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #D16319;
    margin-right: 10px !important;
}


.listBox {
    width: 100%;
    height: 120px !important;
    margin: 2% 0.5%;
    padding: 10px;
    scrollbar-face-color: #D16319;
    scrollbar-shadow-color: #fff;
    scrollbar-highlight-color: #fff;
    scrollbar-3dlight-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #fff;
}

.tooltip.top .tooltip-arrow {
    border-top-color: red;
}

.Show-Text {
    display: none;
}

.dash-span {
    width: 45px;
    float: left;
    line-height: 20px;
}

.text-span {
    display: block;
    overflow: hidden;
    line-height: 15px;
}

/*//////////////////////////*/
/*Margin for DropDown on RFQ form*/
.ddlMargin {
    margin: 2% 0.5%;
}
/*//////////////////////////*/
.rfqOtherDisable {
    display: none;
}

.rfqOtherEnable {
    display: block;
}

.stick {
    position: fixed;
    top: 0px;
}

select::-ms-expand {
    display: none;
}

.drop-down-expand::-ms-expand {
    display: block;
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.checkBoxEmailType {
    display: block !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.sfcFillingTable tbody tr {
    border-bottom: 1px solid #fff !important;
}

.tdDownloads {
    border-right: 1px solid #fff !important;
    padding: 0 !important;
}

.bg-red {
    background-color: #D9442F;
}

.sfcFillingTable tr th {
    border-right: 1px solid #fff !important;
}

.sfcFillingTable tr td {
    border-right: 1px solid #fff !important;
}

.sfcFillingTable tr:nth-child(even) {
    background-color: #F1F1F1;
}

.fgBlack {
    color: #262626;
}

.bgBlack {
    background-color: #555A57;
}
.margin-20 {
    margin:20px;
}
.margin-top-bottom10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-left10 {
    margin-left: 10px;
}

.bgWhite {
    background-color: #fff;
}

.margin-bottom10 {
    margin-bottom: 10px;
}
.margin-bottom30 {
    margin-bottom: 30px;
}
.margin-bottom40 {
    margin-bottom: 40px;
}
.margin-bottom20 {
    margin-bottom: 20px;
}

.margin-top10 {
    margin-top: 10px;
}

.faqLink:hover {
    color: #f87f0a;
}

.list-style-disc {
    list-style: disc !important;
}

.list-style-circle {
    list-style: circle !important;
}

.bgGrey2 {
    background-color: #f8f8f8;
}
.holiday-margin{
 margin-top: 85px !important;
    margin-bottom: 20px;
}
.margin-top-bottom20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.fgDarkGreen {
    color: #16A765;
}

.padding-15 {
    padding: 15px !important;
}

.padding-left-right5 {
    padding-left: 5px;
    padding-right: 5px;
}

.margin-top-bottom30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.border-left-right3 {
    border-right: 3px solid #fff;
    border-left: 3px solid #fff;
}

.bgMediumOrange {
    background-color: #FFA500;
}

.height42 {
    height: 42px;
}

.fgLightBlack {
    color: #444;
}

.padding5-15 {
    padding: 5px 15px;
}

.padding10-20 {
    padding: 10px 20px;
}

.font100 {
    font-weight: 100;
}

.width50 {
    width: 50px !important;
}

.margin-left20 {
    margin-left: 20px;
}

.margin-left30 {
    margin-left: 30px;
}

.cart-img {
    height: 56px;
    width: 100px;
}

/*Search Result CSS*/
#search-result {
    padding: 20px;
    color: #444 !important;
    border-radius: 26px;
    text-shadow: none;
}

.gsc-search-button {
    padding: 10px 20px !important;
}

input.gsc-input {
    padding: 10px !important;
    border: 1px solid #DDD;
    width: 99%;
    background: #fff !important;
    /*content:'Search' !important;*/
}

.gsc-branding {
    display: none !important;
}

.gcsc-branding {
    display: none !important;
}

.gsc-adBlock {
    display: none !important;
}

.gsc-adBlockVertical {
    display: none !important;
}

.uppercase {
    text-transform: uppercase;
}

.restroomsIcons {
    text-align: center;
    height: 28px;
    width: 28px;
}

p.restroomContent {
    font-size: 11px;
    display: none;
}

    p.restroomContent input {
        margin: 0px;
    }

.has-error {
    border-color: #a94442;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/
}

/*Responsive Table CSS*/
.width55 {
    width: 55%;
}

.width25 {
    width: 25%;
}

.width90 {
    width: 90%;
}

.tableDesign thead {
    border-bottom: 3px solid #bbb;
}

.tableDesign > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.tableDesign > tbody > tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

.tableDesign tr:last-child {
    padding-bottom: 5px;
    border-bottom: 3px solid #bbb;
}

.tableBelowBorder tr {
    border-bottom: 4px solid #DCDCDC;
}

.tableBig td {
    padding: 10px 0px 10px 25px;
}


.tableBig th {
    padding: 10px !important;
}


.tableBig tr:first-child {
    border-bottom: 3px solid #bbb;
}

/*END Responsive Table CSS*/

.hover_img {
    position: relative;
    background: #fff;
}

.socialPlugin .socials .fa {
    height: 1.7em !important;
    font-size: 1.7em !important;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 1.7em !important;
    -webkit-backface-visibility: hidden;
}

.socialPlugin .socials.opened {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-60px);
    -moz-transform: scale(1) translateY(-60px);
    -o-transform: scale(1) translateY(-60px);
    transform: scale(1) translateY(-60px);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    /*width: 440px;*/
    margin-left: -60px;
    text-align: center;
    margin-top: -2.5em !important;
}

.capitalizeAll {
    text-transform: uppercase;
}

.relativePosition {
    position: relative;
}

a {
    outline: none !important;
}

.corporateGovernance table tr td {
    padding: 5px;
}

.autoWidth {
    width: auto;
}

.width250 {
    width: 250px;
}

.width300 {
    width: 300px;
}

.fontSize18 {
    font-size: 18px;
}

.fontSize15 {
    font-size: 15px;
}

.font-size30 {
    font-size: 30px;
}

.no-left-padding {
    padding-left: 0 !important;
}

.no-right-padding {
    padding-right: 0 !important;
}

.autoWidth {
    width: auto;
}

.tabMenu {
    padding: 10px 20px 10px 0 !important;
    margin-right: 0px !important;
    line-height: 1.42857143;
    border: 0 !important;
    border-bottom: 7px solid #bbb !important;
    border-radius: 0 !important;
}

.verticalLine {
    border-right: 1px solid #bbb;
}

.fgLightBlue {
    color: #337ab7 !important;
}

.fgGreen {
    color: #2bed29 !important;
}

.bgLightGrey {
    background-color: #f5f5f5 !important;
}

.fgRed {
    color: #f71313 !important;
}

.bulletList {
    list-style: initial !important;
}

.breadcrumb > .active span {
    color: #337ab7;
    font-family: lato_regular;
    font-size: 14px;
    line-height: 22px;
}

.breadcrumb > li a:active span, .breadcrumb > li a:hover span, .breadcrumb > li a:focus span, .breadcrumb > li a:visited span {
    /*color: #337ab7 !important;*/
}

.navTabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff !important;
}
/*, .nav > li > a:visited*/
.nav > li > a:active, .nav > li > a:focus {
    color: #337ab7 !important;
}



.navTabs {
    border: 0 !important;
}

    .navTabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-radius: 0;
    }

.tabSubMenu {
    display: block;
    padding: 10px 30px !important;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff !important;
    white-space: nowrap;
}

    .tabSubMenu:hover {
        background-color: #337ab7 !important;
    }

.sticky {
    /*position: fixed;*/
    width: 100%;
    z-index: 101;
}


/*.v-center {
    display: table !important;
}

    .v-center div[class*='col-'] {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }*/

.aboutUsDescText {
    position: absolute;
    top: 15%;
}

.zIndex-99 {
    z-index: 99;
}

.zIndex-999 {
    z-index: 999;
}

.zIndex-5000 {
    z-index: 5000;
}

.xxLargeFont {
    /*font-size: 30px;*/
}

.secFillingTable tr:nth-child(even) {
    background-color: #F1F1F1;
}

.reponsiveTable td {
    padding: 10px;
}

.reponsiveTable th {
    padding: 10px;
}

.borderRight {
    border-right: 1px solid #fff;
}

.floatNone {
    float: none !important;
}

.pull-middle {
    margin: 0 auto;
}

.noMargin {
    margin: 0 !important;
}

.noPadding {
    padding: 0 !important;
}

.noBorder {
    border: 0 !important;
    border-width: 0 !important;
}

.row-custom {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f5f5f5;
}

.margin-left-right {
    margin-left: 0;
    margin-right: 0;
}

.margin-left-right20 {
    margin-left: 20px;
    margin-right: 20px;
}

.margin-left-right10 {
    margin-left: 10px;
    margin-right: 10px;
}

.padding-top-bottom3 {
    padding: 3px 0 !important;
}

.Padding {
    padding-top: 30px;
    padding-bottom: 30px;
}

.Padding-top-bottom20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-left-right {
    padding-left: 5px;
    padding-right: 5px;
}

.padding-left-right10 {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-left-right15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.padding-left-right20 {
    padding-left: 20px;
    padding-right: 20px;
}

.padding5-35 {
    padding: 5px 35px;
}

.border-top3 {
    border-top: 3px solid #DCDCDC !important;
}

.padding-left-right30 {
    padding-left: 30px;
    padding-right: 30px;
}

.padding-top-bottom10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.bgGray {
    background-color: #B0B0B0;
}

.bgGainsboro {
    background-color: #dcdcdc;
}

.bgOrange {
    background-color: #d16319;
}

.bgOrange-o {
    background-color: orange;
}

.fgLightGray {
    color: #909090;
}

.fgDarkGray {
    color: #808080;
}

.fgLightGray, .box-title, select.mmDropdown option:first-child {
    color: #909090;
}

select option:first-child {
    color: #909090;
}

.spacer-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.spacer-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.spacer-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.spacer-top-5 {
    margin-top: 5px;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: 0 !important;
    /* color: blue; */
    transform: scale(1.4);
}

.bold-text {
    font-family: lato_regular;
    font-size: 16px;
    color: #8a8888;
    line-height: 22px;
    font-weight: 600;
}

.plain-text {
    font-family: lato_regular;
    font-size: 16px;
    color: #8a8888;
    line-height: 22px;
    font-weight: 100;
}

.font600 {
    font-weight: 600;
}

.font400 {
    font-weight: 400 !important;
}

.padding-10 {
    padding: 10px;
}

.Padding-top-30 {
    padding-top: 30px;
}

.Padding20 {
    padding: 20px 0;
}

.bgLightGreen {
    background-color: #A6CB45;
}

.bgLightGreen2 {
    background-color: #3DB588;
}

.bgLightRed {
    background-color: #F14C38;
}

.bgLightOrange {
    background-color: #FBD872;
}

.paddingAll {
    padding: 15px 35px;
}

.paddingAll15 {
    padding: 15px 15px;
}


.noLeftPadding {
    padding-left: 0 !important;
}

.noRightPadding {
    padding-right: 0;
}

.Padding10 {
    padding: 10px 0;
}

.margin10 {
    margin: 10px 0;
}

.margin20 {
    margin: 20px 0;
}

.fgWhite {
    color: #fff;
}

.bgLightBlue {
    background-color: #044D9A;
}

.button99 {
    width: 99%;
    padding: 10px;
    border: none;
}

.noRadius {
    border-radius: 0 !important;
}

.greenBackground {
    background-color: #1ace60 !important;
    box-shadow: none !important;
}

.button {
    background-color: #FF8201;
    border: none;
    padding: 11px;
    /*font-weight: 600;*/
    color: #fff;
    /*width: 100%;*/
    font-size: 14px;
    margin: 5px;
}

.getAQuoteButton {
    color: #fff;
    background-color: #f58220;
    width: 100%;
    font-size: 15px;
    text-align: center;
    max-width: 200px;
    margin: 10px 0;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #f58220;
}

.ulMarginBullets {
    margin-left: 15px;
    list-style: disc;
}

.lighter-font-weight {
    font-weight: lighter;
}

.bgBlue {
    background-color: #001452;
}

.bgLightBlue {
    background-color: #F9FCFF;
}

.fgCS {
    color: #8196A1;
}


.fgBlue {
    color: #001452;
}

.fgLiveInventory {
    color: #3F59A8;
}

/*.fgWhiteImp {
    color: #fff !important;
}*/

.fgRed {
    color: red;
}

.fgOrange {
    color: orange;
}

.no-wrap {
    white-space: normal;
}

.table > tbody > tr > th {
    border-top: none;
}

.noPadding-left {
    padding-left: 0;
}

.padding-left-15 {
    padding-left: 15px;
}

.products .table > tbody > tr > td {
    padding: 8px 15px;
    border-top: 3px solid #dcdcdc;
}

.products .table > tbody > tr > th {
    padding: 8px 15px;
}

.bgDarkcyan {
    background-color: darkcyan;
}

.bgBlue {
    background-color: #001452;
}

.controls img {
    max-height: 80px;
    max-width: 50px;
}

.featuredProducts img {
    max-height: 230px !important;
}

/*Resources*/
.resourceLinks a {
    /*font-weight: 600;*/
}

.resourceLinks .link {
    margin-top: 5px;
    margin-bottom: 5px;
}

.resourceLinks > a:hover, a:focus, a:active {
    text-decoration: none;
    color: #dcdcdc;
}

.paddingButton {
    padding: 15px 50px;
}
/*Partial variable width partial view - Atul */

.mmFormOuter {
    min-height: 100px;
    height: auto;
}

    .mmFormOuter .requestQuoteTitleDiv h5 {
        color: #ffffff;
        font-size: large;
        margin: 24px auto;
        line-height: 18px;
    }


.mmTextbox {
    color: #444;
    padding: 10px; /*14px*/
    margin: 5px;
    min-width: 230px;
    line-height: 18px;
}

.mmTextArea {
    color: #444;
    padding: 14px;
    margin: 5px;
    min-height: 50px;
    min-width: 230px;
    line-height: 18px;
}

.mmButton {
    padding: 13px;
    color: #ffffff;
    min-width: 210px;
    margin: 32px 5px;
    line-height: 19px;
}

.borderRadious4 {
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

select.mmDropdown {
    -webkit-appearance: none; /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
    -moz-appearance: none; /*REMOVES DEFAULT FIREFOX STYLE*/
    /*color: #444;*/
    padding: 10px; /*14px*/
    margin: 5px;
    min-width: 230px;
    cursor: pointer;
    background: #fff url(/Content/Images/DownArrow.png) no-repeat right center;
    background-size: 47px 47px; /*TO ACCOUNT FOR @2X IMAGE FOR RETINA */
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    line-height: 18px;
}


.secTextbox {
    color: #444;
    padding: 14px;
    margin: 5px;
    line-height: normal;
    border: 1px solid #001452;
}

.secDropdown {
    -webkit-appearance: none; /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
    -moz-appearance: none; /*REMOVES DEFAULT FIREFOX STYLE*/
    color: #444;
    padding: 14px;
    margin: 5px;
    cursor: pointer;
    background: #fff url(/Content/Images/DownArrow.png) no-repeat right center;
    background-size: 47px 47px; /*TO ACCOUNT FOR @2X IMAGE FOR RETINA */
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    line-height: normal;
    border: 1px solid #001452;
    width: 100%;
}

.margin-all-10 {
    margin: 10px;
}
.margin-all-5 {
    margin: 5px;
}
.position-relative {
    position: relative;
}

/*Spotlights*/
.Spotlight {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f5f5f5;
}

.spotlight {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .spotlight a img {
        border-radius: 5px;
    }

    .spotlight a:hover > p {
        text-decoration: none;
        color: #D16319;
    }

    .spotlight p {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        color: white;
        /*font-weight: 600;*/
    }

    .spotlight .spotlightTitle {
        top: 50px;
    }

    .spotlight .spotlightReadMore {
        bottom: 38px;
    }


/*featured products*/




/*Black Shadow Start*/
.black-shadow {
    position: relative;
}

    .black-shadow img {
        width: 100%;
        max-width:350px !important;
        vertical-align: top;
    }

    .black-shadow:after, .image:before {
        position: absolute;
        opacity: 1;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    .black-shadow:after {
        content: '\A';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #fff;
        opacity: 0.8;
    }

    .black-shadow:before {
        width: 100%;
        color: #fff;
        z-index: 1;
        bottom: 0;
        padding: 4px 10px;
        text-align: center;
        background: red;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

.item:hover .thumb-overlay {
    background: #fff;
}

.item .thumb-overlay i {
    color: rgba(255,255,255,0);
    position: absolute;
    top: 42%;
    left: 50%;
    display: block;
    margin-left: -25px;
    margin-top: -10px;
    font-size: 1.5em;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    max-height: 60px;
    max-width: 60px;
}

.item:hover .thumb-overlay i {
    top: 42%;
    left: 50%;
    color: #fff;
    background-color: #4C9ED9;
    padding: 16px 16px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px #888;
    -webkit-box-shadow: 0px 0px 2px #888;
    box-shadow: 0px 0px 2px #888;
    z-index: 10;
}

.item:hover .hoverimg {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.active-item .thumb-overlay i {
    top: 42%;
    left: 50%;
    color: #fff;
    background-color: #4C9ED9;
    padding: 16px 16px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px #888;
    -webkit-box-shadow: 0px 0px 2px #888;
    box-shadow: 0px 0px 2px #888;
    z-index: 10;
}

.active-item .hoverimg {
    opacity: 1;
    background-color: #fff;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.active-item:after .black-shadow {
    content: '\A';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3) !important;
}

/*Black shadow End*/


/*.productTitle {
    margin: 3% 10%;
    width: 80%;
}*/

.productTitle2 {
    margin: 3% auto;
    /*width: 80%;*/
}

.productTitle1 {
    margin: 3% 0%;
    /*width: 80%;*/
}


.customNavigationInner {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

    .customNavigationInner .controls {
        width: 5%;
        margin: 5%;
    }

    .customNavigationInner .data {
        width: 70%;
    }


#owl-demo .item {
    margin: 2%;
}

.fancyboxGallary .fancyboxGallaryItems {
    position: absolute;
    top: 43%;
    text-align: center;
    margin: 0 auto;
    width: 90%;
}

.fancyboxGallary:hover .fancyboxGallaryItems {
    display: none;
}

/*.customNavigation {
    text-align: center;
}*/

.customNavigation a {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}


/*Carousel*/



.carousel-control {
    opacity: 1;
}

    
/*Textbox Rounded and Blue placeholder*/
.InputBoxWidth65 {
    width: 68px;
}

.InputBoxRounded {
    border-radius: 5px;
    padding: 5px;
    margin: 0 6px;
}

    .InputBoxRounded::-webkit-input-placeholder { /* WebKit browsers */
        color: #3F59A8;
    }

    .InputBoxRounded:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #3F59A8;
    }

    .InputBoxRounded::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #3F59A8;
    }

    .InputBoxRounded:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #3F59A8;
    }
/*Radio Button Blue Rounded*/
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover {
    outline: 0px !important;
    -webkit-appearance: none;
}

input[type='radio'] {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    border: 1px solid #3F59A8;
    border-radius: 50%;
    outline: none;
    margin: 0 5px;
}

    input[type='radio']:hover {
        box-shadow: 0 0 5px 0px #3F59A8 inset;
    }

    input[type='radio']:before {
        content: '';
        display: block;
        width: 60%;
        height: 60%;
        margin: 20% auto;
        border-radius: 50%;
    }

    input[type='radio']:checked:before {
        background: #3F59A8;
    }
/*Select first child blue*/
.selectFirstChildBlue:first-child {
    color: #3F59A8;
}
/*Checkbox*/
.checkboxDiv {
    min-width: 270px;
    margin-left: 0px;
    padding: 5px 10px;
    max-width: 400px;
    display:inline;
}
.productTextLiv{
    font-size: 16px;
}
.checkboxClickedDiv {
    /*background-color: #3F59A8;*/
}

.checkboxClickedDivImp {
    background-color: #3F59A8 !important;
}

.fgWhiteSub {
    color: #fff;
}
.fgGreySub {
    color: grey;
}
input[type=checkbox] {
    display: none;
}

.checkboxIco {
    display: none;
}

.checkboxIcoShow {
    display: block;
}

.checkboxMain {
    position: relative;
}

    .checkboxMain label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
        -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
        background: -webkit-linear-gradient(top,#3F59A8 0%,#3F59A8 100%);
        background: -moz-linear-gradient(top,#3F59A8 0%,#3F59A8 100%);
        background: -o-linear-gradient(top,#3F59A8 0%,#3F59A8 100%);
        background: -ms-linear-gradient(top,#3F59A8 0%,#3F59A8 100%);
        background: linear-gradient(top,#3F59A8 0%,#3F59A8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3F59A8', endColorstr='#3F59A8',GradientType=0 );
    }

        .checkboxMain label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 9px;
            height: 5px;
            background: transparent;
            top: 4px;
            left: 4px;
            border: 3px solid #fcfff4;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .checkboxMain label:hover::after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: alpha(opacity=30);
            opacity: 0.3;
        }

    .checkboxMain input[type=checkbox]:checked + label:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .checkboxMain label.checkboxMainChecked:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

.padding-top10px {
    padding-top: 10px !important;
}


/*Request Quote Form Media Query*/

@media(max-width : 991px) {
    .overrride-right {
        float: left !important;
    }
}

@media only screen (min-device-width: 768px) and (max-device-width: 1024px) {


    /*.reponsiveTable, .reponsiveTable thead, .reponsiveTable tbody, .reponsiveTable th, .reponsiveTable td, .reponsiveTable tr {
        display: block;
    }

        .reponsiveTable thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .reponsiveTable td {
            border: none;
            position: relative;
            padding-left: 45% !important;
            white-space: normal;
            text-align: left;
            margin: 10px;
        }

            .reponsiveTable td:before {
                position: absolute;
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
                content: attr(data-title);
            }*/

    .margin-left-right10 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .removePadding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

        .removePadding img {
            max-width: 50%;
        }

    .buttonResponsive {
        background-color: #d16319;
        border: none;
        padding: 10px !important;
        /*font-weight: 600;*/
        color: #fff;
        /*width: 100%;*/
        font-size: 10px !important;
        max-width: 100px;
    }

    .width55 {
        width: auto !important;
    }

    .alignLeft {
        float: left;
    }

    .nav > li > a {
        padding: 10px 10px 10px 0 !important;
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        /* left: 0; */
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 10px !important;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border-top: none;
        /* border: 1px solid rgba(0, 0, 0, .15); */
        /* border-radius: 4px; */
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }

    .fontSmall {
        font-size: 10px !important;
    }
}

@media (min-width : 1201px) {
    .requestQuoteForm {
        position: absolute;
        z-index: 100;
        top: 0px;
        right: 20%;
        width: 300px;
        /*height: 520px !important;*/
    }

    .homeCarousel {
        /*height: 520px !important;*/
    }

        .homeCarousel .item img {
            width: 100%;
            /*height: 520px;*/
        }


    .firstDropdownMenu {
        margin-left: -28px;
    }

    .navbar-nav > li > .dropdown-menu {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-left: 23px;
    }

    .nav > li > a {
        /*padding: 10px 36px;*/
    }



    .cfo img {
        max-height: 150px !important;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .requestQuoteForm {
        position: absolute;
        z-index: 100;
        top: -1px;
        right: 12%;
        width: 300px;
        /*height: 476px;*/
    }

    .homeCarousel {
        /*height: 476px !important;*/
    }

        .homeCarousel .item img {
            width: 100%;
            /*height: 476px !important;*/
        }

    .mmFormOuter .requestQuoteTitleDiv h5 {
        color: #ffffff;
        font-size: large;
        margin: 15px auto !important;
        line-height: 18px;
    }

    .mmTextbox {
        color: #444;
        padding: 11px !important;
        margin: 5px;
        min-width: 220px;
        line-height: 18px;
    }

    .mmTextArea {
        color: #444;
        padding: 10px !important;
        margin: 5px;
        min-height: 50px;
        min-width: 220px;
        line-height: 18px;
    }

    .mmButton {
        padding: 11px !important;
        color: #ffffff;
        min-width: 210px;
        margin: 15px 5px;
        line-height: 19px;
    }

    select.mmDropdown {
        -webkit-appearance: none; /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
        -moz-appearance: none; /*REMOVES DEFAULT FIREFOX STYLE*/
        color: #444;
        padding: 11px !important;
        margin: 5px;
        min-width: 220px;
        cursor: pointer;
        background: #fff url(/Content/Images/DownArrow.png) no-repeat right center;
        background-size: 47px 47px; /*TO ACCOUNT FOR @2X IMAGE FOR RETINA */
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
        line-height: 18px;
    }

    .firstDropdownMenu {
        /*margin-left: -22px;*/
    }

    .navbar-nav > li > .dropdown-menu {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        /*margin-left: 22px;*/
    }

    /*.disableLink {
        pointer-events: none;
        cursor: default;
    }*/
    /*.nav > li > a {
        padding: 5px;
    }*/

    .width-315 .margin-top20 {
        margin-top: 20px;
        margin-bottom: 15px;
    }
}

.navbar-default .navbar-nav > li > a {
    min-height: 40px !important;
}

/*Responsive Tab Menu*/
@media (max-width : 767px) {
    .mobile-width-10 {
        width: 10%;
    }

    .nav > li:hover {
        background-color: #001452;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #FFF !important;
        background-color: #001452 !important;
    }
    .new-navbar > li > a:hover {
        color: #1C326B !important;
        font-family: 'Roboto Condensed';
       
    }

    .navbar-default .navbar-nav > li > a:hover {
        color: #1C326B !important;
    }

    .navbar-nav .open .dropdown-menu {
        background-color: #fff !important;
    }

    .tabSubMenu:hover {
        background-color: inherit !important;
    }

    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 14px !important;
        color: inherit !important;
        font-weight: 400 !important;
    }

    .tabSubMenu {
        display: block;
        padding: 0 !important;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #fff !important;
        white-space: nowrap;
    }

    .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
        color: inherit !important;
    }

    .tabMenu {
        padding: 0 !important;
        margin-right: 0 !important;
        border: 0 !important;
        border-bottom: none !important;
        border-radius: 0 !important;
    }

    .controls img {
        max-height: 50px;
        max-width: 25px;
    }

    .historyDescText {
        position: absolute !important;
        margin: 20px 0 !important;
        top:4% !important;
        right:0 !important;
    }

    .disable-margin-mobile {
        margin: 0 !important;
    }

    .gsaTable, .gsaTable thead, .gsaTable tbody, .gsaTable th, .gsaTable td, .gsaTable tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .gsaTable thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .gsaTable td {
            /* Behave  like a "row" */
            border: none;
            position: relative;
            /*padding-left: 45% !important;*/
            white-space: normal;
            text-align: left;
            margin: 10px;
        }

            .gsaTable td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 50%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
                content: attr(data-title);
            }

        .gsaTable td {
            padding: 10px;
        }

        .gsaTable th {
            padding: 10px;
        }

    .margin-graph {
        margin-left: 30px;
        margin-right: 30px;
    }

    .margin-col {
        margin-left: 15px;
        margin-right: 15px;
    }

    .nav > li > a {
        padding: 10px 12px 10px 10px !important;
    }

    .mobile-padding-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .right-align-submenu {
        left: auto;
        right: 0;
        top: 30px !important;
        margin-right: 0px !important;
        position: absolute !important;
    }

        .right-align-submenu .mmFormOuter {
            background: #fff !important;
            padding: 20px !important;
        }

    .width-315 .margin-top20 {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .not-active {
        pointer-events: none;
        cursor: default;
    }
}

@media (min-width: 768px) {

.nav-height{
    position: relative !important;
    height: 0px !important;
}
    .navbar-default {
        /*background-color: #021451 !important;*/
        background-color: white !important;
        /*border-color: #e7e7e7;*/
    }
    .new-navbar > li > a {
        /*color: #fff !important;*/
        color: #1C326B !important;
        font-family: Roboto Condensed;
    }
    .navbar-default .navbar-nav > li > a {
        /*color: #fff !important;*/
        color: #1C326B !important;
        font-family: Roboto Condensed;
    }

    .new-navbar > li > a:hover, .new-navbar > li > a:focus {
        /* color: #333; */
        /*color: #fff !important;*/
        color: #1C326B !important;
        background-color: transparent;
        font-family: Roboto Condensed;
    }

            .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
                /* color: #333; */
                /*color: #fff !important;*/
                color: #1C326B !important;
                background-color: transparent;
            }

    .content-wrapper {
        margin-top: -2px;
    }

    .historyDescText {
        position: absolute;
        top: 8%;
    }

    .display-flex {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        min-height: 100px;
        height: auto;
        align-items: center;
    }

    .gsa-table-width {
        width: 50%;
    }

    .gsa-content-padding {
        padding: 0 15px;
    }

    .gsa-table-color {
        background: #f5f5f5; /* Old browsers */
        background: -moz-linear-gradient(left, #dcdcdc 0%, #dcdcdc 50%, #f5f5f5 50%, #f5f5f5 50%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dcdcdc), color-stop(50%,#dcdcdc), color-stop(50%,#f5f5f5), color-stop(50%,#f5f5f5)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, #dcdcdc 0%,#dcdcdc 50%,#f5f5f5,1) 50%,#f5f5f5 50%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, #dcdcdc 0%,#dcdcdc 50%,#f5f5f5 50%,#f5f5f5 50%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,#dcdcdc 0%,#dcdcdc 50%,#f5f5f5 50%,#f5f5f5 50%); /* IE10+ */
        background: linear-gradient(to right, #dcdcdc 0%,#dcdcdc 50%,#f5f5f5 50%,#f5f5f5 50%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#f5f5f5',GradientType=1 ); /* IE6-9 */
    }

    .Padding-top-full-30 {
        padding-top: 30px;
    }

    .margin-top-bottom-full-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    /*.border-bottom-carrer{
        border-bottom:2px solid #fff;
    }*/
}

.border-bottom-carrer {
    border-bottom: 2px solid #fff;
}

@media(min-width : 639px) and (max-width: 1200px) {
    .requestQuoteForm {
        position: absolute;
        z-index: 100;
        top: 0px;
        right: 10%;
        width: 300px;
        /*height: 474px;*/
    }

    .homeCarousel {
        /*height: 474px !important;*/ /*403px*/
    }

        .homeCarousel .item img {
            width: 100%;
            /*height: 474px;*/ /*403px;*/
        }

    .mmFormOuter .requestQuoteTitleDiv h5 {
        color: #ffffff;
        font-size: large;
        margin: 20px auto;
        line-height: 18px;
    }

    .mmTextbox {
        color: #444;
        padding: 10px;
        margin: 5px;
        min-width: 220px;
        line-height: 18px;
    }

    .mmTextArea {
        color: #444;
        padding: 10px;
        margin: 5px;
        min-height: 50px;
        min-width: 220px;
        line-height: 18px;
    }

    .mmButton {
        padding: 10px;
        color: #ffffff;
        min-width: 210px;
        margin: 15px 5px;
        line-height: 19px;
    }

    select.mmDropdown {
        -webkit-appearance: none; /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
        -moz-appearance: none; /*REMOVES DEFAULT FIREFOX STYLE*/
        color: #444;
        padding: 10px;
        margin: 5px;
        min-width: 220px;
        cursor: pointer;
        background: #fff url(/Content/Images/DownArrow.png) no-repeat right center;
        background-size: 47px 47px; /*TO ACCOUNT FOR @2X IMAGE FOR RETINA */
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
        line-height: 18px;
    }

    .xxLargeFont {
        font-size: 25px;
    }

    .margin-left-right20 {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media(min-width : 421px) and (max-width: 638px) {
    .margin-left-right {
        margin-left: 15px;
        margin-right: 15px;
    }

    .requestQuoteForm {
        margin: 5% auto;
        width: 100%;
        position: relative;
    }

    .mmFormOuter .requestQuoteTitleDiv {
        margin: 2% auto;
        width: 100%;
    }

        .mmFormOuter .requestQuoteTitleDiv h5 {
            color: #ffffff;
            /*font-weight: 600;*/
            font-size: large;
            margin: 7%;
            line-height: 18px;
        }

    .mmFormOuter .requestQuoteItems {
        margin: 1%;
    }

        .mmFormOuter .requestQuoteItems .mmTextbox {
            /*font-weight: 600;*/
            color: #444;
            border-radius: 4px;
            padding: 10px;
            margin: 2% 0.5%;
            min-width: 230px;
            line-height: 18px;
        }

        .mmFormOuter .requestQuoteItems .mmButton {
            background-color: #D16319;
            border-radius: 4px;
            padding: 10px;
            /*font-weight: 600;*/
            color: #ffffff;
            min-width: 200px;
            margin: 5% 0.5%;
            line-height: 19px;
        }

    .aboutUsDescText {
        position: relative;
        margin: 15px auto;
    }

    .historyDescText {
        position: relative;
        margin: 15px auto;
    }

    /*.contactText {
        color: #888;
    }*/

    .contactLinks:hover {
        color: #888;
    }

    .xxLargeFont {
        font-size: 23px;
    }

    .margin-left-right20 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .overrride-right {
        float: left !important;
    }

    .live-inventory-text {
        display: none;
    }

    .customizable-modular-text {
        display: none;
    }

    .right-align-submenu .mmFormOuter {
        background: #fff !important;
        padding: 20px 0 !important;
    }
}

@media (max-width : 420px) {

    .badge-notify {
        background: orange;
        position: relative;
        top: -36px;
        left: 12px;
    }

    .margin-left-right {
        margin-left: 15px;
        margin-right: 15px;
    }

    img.carouselButtonRight {
        width: 20px;
        height: 20px;
    }

    img.carouselButtonLeft {
        width: 20px;
        height: 20px;
    }

    .min-height600 {
        min-height: 200px;
    }

    .requestQuoteForm {
        min-width: 300px;
        margin: 5% auto;
        width: 100%;
        position: initial;
    }

    .aboutUsDescText {
        position: relative;
        margin: 15px auto;
        margin-bottom: 100px;
    }

    /*.contactText {
        color: #888;
    }*/

    .contactLinks:hover {
        color: #888;
    }

    .historyDescText {
        position: relative;
        margin: 15px auto;
    }

    .xxLargeFont {
        font-size: 20px;
    }

    .margin-left-right20 {
        margin-left: 10px;
        margin-right: 10px;
    }


    /*Black Shadow Start*/
    .black-shadow {
        position: relative;
    }

        .black-shadow img {
            width: 100%;
            vertical-align: top;
        }

        .black-shadow:after, .image:before {
            position: absolute;
            opacity: 1;
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
        }

        .black-shadow:after {
            content: '\A';
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: #fff;
            opacity: 0.8;
        }

        .black-shadow:before {
            width: 100%;
            color: #fff;
            z-index: 1;
            bottom: 0;
            padding: 4px 10px;
            text-align: center;
            background: red;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

    .item:hover .thumb-overlay {
        background: #fff;
    }

    .item .thumb-overlay i {
        color: rgba(255,255,255,0);
        position: absolute;
        top: 42%;
        left: 50%;
        display: block;
        margin-left: -24px;
        margin-top: -15px;
        font-size: 1em;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        max-height: 48px;
        max-width: 48px;
    }

    .item:hover .thumb-overlay i {
        top: 42%;
        left: 50%;
        color: #fff;
        background-color: #4C9ED9;
        padding: 16px 16px;
        display: inline-block;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
        -moz-box-shadow: 0px 0px 2px #888;
        -webkit-box-shadow: 0px 0px 2px #888;
        box-shadow: 0px 0px 2px #888;
        z-index: 10;
    }

    .item:hover .hoverimg {
        opacity: 0.3;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
    }

    .active-item .thumb-overlay i {
        top: 42%;
        left: 50%;
        color: #fff;
        background-color: #4C9ED9;
        padding: 16px 16px;
        display: inline-block;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
        -moz-box-shadow: 0px 0px 2px #888;
        -webkit-box-shadow: 0px 0px 2px #888;
        box-shadow: 0px 0px 2px #888;
        z-index: 10;
    }

    .active-item .hoverimg {
        opacity: 1;
        background-color: #fff;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
    }

    .active-item:after .black-shadow {
        content: '\A';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.3) !important;
    }

    .overrride-right {
        float: left !important;
    }
    /*Blak shadow End*/

    .right-align-submenu {
        left: auto;
        right: 0;
        top: 18px !important;
        margin-right: -33px !important;
        position: absolute !important;
    }

        .right-align-submenu .mmFormOuter {
            background: #fff !important;
            padding: 20px 0 !important;
        }
}


/*Breadcrumb*/
.breadcrumb {
    display: block;
    margin-bottom: 0px;
    background-color: white;
    padding-left: 0;
    padding-right: 0;
}

    .breadcrumb > .active {
        color: #001452;
    }

    .breadcrumb > li + li:before {
        color: rgba(204, 204, 204, 1);
        content: "\00bb\00a0";
    }

.validationSummary p span, .validationSummary p, .validationSummary p ul li {
    color: red;
    font-size: 14px;
}

.validation-summary-errors ul li {
    color: red;
    font-size: 14px;
}

.categoryBox {
    background-color: #6EA1A1;
    min-height: 370px;
    height: 100%;
}

.branchList {
    color: #9D9D9D;
}

    .branchListSelected, .branchList:hover, .branchList:active, .branchList:focus {
        color: #337ab7;
    }


/*Form validation*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.formErrorMessageMargin {
    margin-left: 30px;
    margin-right: 30px;
}

.form-horizontal .checkBoxform {
    display: block;
    margin: 0;
    padding: 0;
}

    .form-horizontal .checkBoxform:hover, .form-horizontal .checkBoxform:active, .form-horizontal .checkBoxform:focus, .form-horizontal .checkBoxform:visited {
        display: block;
        -webkit-appearance: checkbox;
    }

.form-live-inventory .checkBoxform {
    display: block;
    margin: 0;
    padding: 0;
}

    .form-live-inventory .checkBoxform:hover, .form-live-inventory .checkBoxform:active, .form-live-inventory .checkBoxform:focus, .form-live-inventory .checkBoxform:visited {
        display: block;
        -webkit-appearance: checkbox;
    }


/* Wizard */
.nav-wiz {
    border-bottom: 2px solid #E8E8E8;
}

    .nav-wiz > li {
        float: left;
    }

        .nav-wiz > li.active > a, .nav-wiz > li.active > a:hover, .nav-wiz > li.active > a:focus {
            border-bottom: 5px solid #001452;
        }

.blue-btn {
    background-color: #001452;
    width: 110px;
    border-radius: 0;
    border: none;
    padding: 10px 0;
    color: white;
}

    .blue-btn.disabled, .blue-btn[disabled], fieldset[disabled] .blue-btn {
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .25;
    }

select.main-select-dark {
    cursor: pointer;
    background: #fff url(/Content/Images/down-arrow-dark.png) no-repeat right center;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 13px;
    color: #8A8888;
}

.border-top-bottom {
    border-top: 5px solid #f8f8f8;
    border-bottom: 5px solid #f8f8f8;
}


/*.nav-wiz > li.active > a::after{
     content: '';
  width: 8px;
  height: 8px;
  background: #001452;
  position: absolute;
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  bottom: -4px;
  left: 95px;
}*/

.border-top-bottom-terms {
    border-bottom: 4px solid #e7e7e7;
    border-top: 4px solid #e7e7e7;
}


.bs-example {
    margin: 200px 150px 0;
}

    .bs-example button {
        margin: 10px;
    }


select::-ms-value {
    background: none;
    color: #4A6B7E;
}

.btnSubmit {
    background-color: #D16319;
    /* border-radius: 4px; */
    border: none;
    padding: 10px;
    /* font-weight: 600; */
    color: #ffffff;
    min-width: 152px;
}

#bottom-search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
}

    #bottom-search.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
    }

#bottom-search input[type="search"] {
     position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding: 20px 30px;
    outline: 1px solid #fff;
}
    /*#bottom-search .search-form {
            top: 50%;
    left: 0;
    right: 0;
    position: absolute;
    }*/
#bottom-search .btn {
    position: absolute;
    top: 51%;
    left: 0;
    right: 0;
    /*margin-top: 61px;*/
    /*margin-left: -45px;*/
}

.max-width-275 {
    max-width: 275px;
}

#bottom-search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #f90;
    /*background-color: #f90;
    border-color: #f90;*/
    opacity: 1;
    padding: 10px 20px !important;
    font-size: 30px;
    text-shadow: none !important;
}



@media (min-width : 991px) and (max-width: 1200px){
    .reponsiveTable td {
        padding: 10px 5px !important;
    }

    .reponsiveTable th {
        padding: 10px 5px !important;
    }

}