@charset "utf-8";
/* CSS Document */
:focus {
    outline: none !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
}

    h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
    }

        h1 abbr, h2 abbr, h3 abbr, h4 abbr, h5 strong abbr, h6 abbr {
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
            color: #fa6b2e;
        }

body {
    -webkit-font-smoothing: subpixel-antialiased;
    color: #0d2300;
    background-color: #f4f4f4;
}

.owl-carousel .owl-item img {
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    -o-transform-style: flat;
    transform-style: flat
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: #ffffff;
}

.header a:focus {
}

a {
    outline: none;
    color: #383838;
}

    a:hover {
        outline: none;
        color: #ED7C31 !important;
        text-decoration: none !important;
    }

    a img {
        border: 0px;
        outline: none
    }

img {
    border: 0;
}

a:focus {
    outline: none !important
}

section {
    position: relative
}
/******************************|placeholder|**********************************************/
input::-webkit-input-placeholder {
    color: #050606;
    opacity: 1
}

input::-moz-placeholder {
    color: #050606;
    opacity: 1
}
/*input:-ms-input-placeholder { color: #848894; opacity: 1 }*/
input:-moz-placeholder {
    color: #050606;
    opacity: 1
}

input:focus::-webkit-input-placeholder {
    color: #050606;
    opacity: 1
}

input:focus::-moz-placeholder {
    color: #050606;
    opacity: 1
}

input:focus:-ms-input-placeholder {
    color: #050606;
    opacity: 1
}

input:focus:-moz-placeholder {
    color: #050606;
    opacity: 1
}
/******************************|placeholder close|**********************************************/
/******************************|header|*****************************/
.cta {
}

.data_parts_cust {
    padding: 20px 20px 0 20px;
}

.data_disc {
    margin-top: 30px;
}

.logo {
    display: inline-block;
    padding: 0;
    margin: 0;
}

    .logo img {
        width: 100%; /*padding: 8px 5px*/
    }

header {
    height: 100px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.36);
}

.header {
    background-size: 100% 100%;
    padding-bottom: 0px;
    position: fixed !important;
    width: 100%;
    z-index: 10000;
    transition: 0.3s;
    background-color: #ffffff
}

header .cta a {
    color: #000;
    width: auto !important;
    font-size: 1em;
    font-weight: bold;
    margin-right: 10px;
    text-decoration: none !important;
    position: relative;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
}

    header .cta a i {
        color: #000;
        padding: 4px 5px 0px 0px;
        float: left
    }

    header .cta a:first-child i {
        color: #000;
        font-size: 1.6em;
        padding-top: 0px
    }

    header .cta a:hover {
        color: #019973;
    }

    header .cta a:focus {
        color: #019973;
    }

.header a {
    color: #00005a;
    text-decoration: none
}

    .header a:hover {
        color: #00005a;
        text-decoration: none;
    }

.cta {
    display: inline-block;
    float: right;
    margin-top: 8px;
    font-size: 1.17em
}

    .cta a {
        display: inline-block;
        padding: 5px 10px
    }

.search_form {
    margin-top: 8px;
    float: right;
    display: inline-block;
    padding: 0px 20px;
    height: 40px;
    background-color: #fff !important;
    border-radius: unset !important;
    overflow: hidden;
}

    .search_form input {
        width: 325px;
        border: none;
        padding: 8px 21px;
        background-color: transparent;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .search_form a {
        display: inline-flex;
        margin-left: 10px;
        font-size: 18px;
        justify-content: center;
        align-items: center;
        text-decoration: none !important;
        height: 30px;
        color: #ED7C31 !important;
    }

    .search_form select {
        border: none;
        background-color: transparent;
        height: 23px;
        font-weight: bold;
        color: #000;
    }

.select_holder {
    color: #282828;
    display: inline-block;
    padding: 5px 0px;
    width: 111px;
}

.search_form .submit_btn {
    color: #ED7C31;
    background-color: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    padding: 0px 10px;
    font-size: 14px;
    transition: 0.3s;
    height: 30px;
}

    .search_form .submit_btn:after {
        content: '';
    }

    .search_form .submit_btn:hover, .search_form .submit_btn:focus {
        color: #008080 !important
    }

.bg-footertopx {
    padding: 0 50px;
    margin-top: -35px;
}

.line, .line_1 {
    font-family: 'Roboto', sans-serif;
    color: #fff !important;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 1px;
    width: 242px;
}

.line_1 {
    width: unset;
}

.mfg_logo {
    padding: 60px 30px;
    text-align: left;
}

    .mfg_logo p {
        text-align: center;
        font-family: 'Bebas Neue', cursive;
        color: #203764;
        font-weight: normal;
        font-size: 30px;
    }

    .mfg_logo ul {
        text-align: center;
        padding: 0;
        margin: 0 auto;
    }

        .mfg_logo ul li {
            display: inline-block;
            width: 9%;
            padding: 0 15px;
            cursor: pointer;
        }

            .mfg_logo ul li img {
                width: 100%;
            }

.pulse:focus {
    box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
    animation: pulse 1s ease-in-out
}

.rfq_form textarea::placeholder {
    color: #000;
    opacity: 1;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0.4);
        -moz-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0.4);
        box-shadow: 0 0 0 0 rgba(122, 122, 124, 0.4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 50px rgba(122, 122, 124, 0);
        -moz-box-shadow: 0 0 0 10px rgba(122, 122, 124, 0);
        box-shadow: 0 0 0 50px rgba(122, 122, 124, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0);
        -moz-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0);
        box-shadow: 0 0 0 0 rgba(122, 122, 124, 0)
    }
}

@keyframes mymove {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0.4);
        -moz-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0.4);
        box-shadow: 0 0 0 0 rgba(122, 122, 124, 0.4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 50px rgba(122, 122, 124, 0);
        -moz-box-shadow: 0 0 0 10px rgba(122, 122, 124, 0);
        box-shadow: 0 0 0 50px rgba(122, 122, 124, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0);
        -moz-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0);
        box-shadow: 0 0 0 0 rgba(122, 122, 124, 0)
    }
}

input:focus {
    outline: none
}

select {
    outline: none !important;
    -webkit-appearance: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none !important;
    padding: 0;
    margin-right: -14px;
    width: 116px;
}

    select option {
        background-color: #ffffff;
        border: none;
        color: #333333;
        padding: 5px !important;
        display: block !important
    }

select {
    background-image: url("../images/arrow_select.png");
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    select::-ms-expand {
        display: none
    }

.top_links {
    display: block;
    clear: both;
    margin-top: -14px;
    margin-bottom: 8px;
}

.nav_holder {
    display: block;
    overflow: hidden;
    clear: both
}

.main_nav {
    margin: 0px;
    padding: 0px;
    display: block;
    clear: both;
    font-family: 'Roboto', sans-serif;
    ;
    font-size: 1.17em;
    margin-top: 0px
}

    .main_nav li {
        display: inline-block;
        position: relative
    }

    .main_nav > li > a {
        color: #000;
        text-decoration: none !important;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        padding: 10px 17px;
        position: relative;
        display: inline-block;
        text-transform: uppercase !important
    }
    /* .main_nav li a:hover, .main_nav li a:focus, .main_nav > li:hover > a { color: #ffffff !important; background-color: #EC9100; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;} */


    .main_nav li ul > li > a:hover, .main_nav li ul li a:focus {
        color: #fff !important
    }

    .main_nav li span {
        position: absolute;
        bottom: 0;
        height: 3px;
        display: block;
        left: 0px;
        width: 0%;
        right: 0px;
        transition: 1s
    }

    .main_nav li:hover span, .main_nav li:focus span {
        width: 100%;
        animation: overspan 1s forwards;
        transition: 1s
    }

@-webkit-keyframes overspan {
    0% {
        width: 0%;
        left: 0px;
        right: 0px;
        background-color: #008080;
    }

    50% {
        left: 0px;
        right: 0px;
        background-color: #008080;
    }

    100% {
        width: 100%;
        left: 0px;
        right: 0px;
        background-color: #008080;
    }
}

@keyframes overspan {
    0% {
        width: 0%;
        left: 0px;
        right: 0px;
        background-color: #008080;
    }

    70% {
        left: 0px;
        right: 0px;
        background-color: #008080;
    }

    100% {
        width: 100%;
        left: 0px;
        right: 0px;
        background-color: #008080;
    }
}

.head_label span {
    text-align: left;
    font-size: 15px;
    color: #008080;
    margin-top: 4px;
    font-weight: bold;
    padding-left: 16px;
    display: block;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    /*letter-spacing: 1px;*/
}

.revert_cust_data {
    display: flex;
    flex-direction: row-reverse;
    border-radius: 10px;
    overflow: hidden;
}

.outer_cust_data {
    padding: 15px 5px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #eee;
}

.data_parts_cust hr {
    display: none;
}
/******************************|banner|*****************************/
.banner .owl-item {
    background-color: #00005a
}

.banner img {
    width: 100%;
}

.banner {
    position: relative;
}

.floatingtext {
    position: absolute;
    top: 70px;
    font-size: 4.5em;
    color: #8d8d8d;
    z-index: 1000;
    text-transform: uppercase;
    font-family: 'masqueregular' !important;
    line-height: 1.20em;
    width: 100%
}

.floatingform {
    position: absolute;
    top: 40%;
    transform: translateY(-40%);
    z-index: 1000;
    width: 400px;
    right: 8%
}

    .floatingform .container {
        margin: 0 auto;
        left: 0px;
        right: 0px
    }

.form_holder {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 30px;
    float: right
}

.form_title {
    font-family: 'robotolight';
    color: #00005a;
    font-size: 2.5em;
    line-height: 1em;
    margin-bottom: 8px;
    display: block
}

    .form_title strong {
        font-family: 'robotobold';
        font-weight: normal
    }

.form_holder input {
    width: 100%;
    padding: 12.5px;
    margin: 0px 0px 10px 0px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px #bcc0c9 solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.form_holder .btn i {
    float: left
}

.form_holder .btn:hover, .form_holder .btn:focus {
    background-color: #030558
}

.floatingtext > div {
    margin: 0 auto;
    left: 0px;
    right: 0px
}

    .floatingtext > div > div {
        float: left;
        margin-right: -30px
    }

.floatingtext strong {
    font-family: 'robotoblack'
}

.form_holder .closer {
    display: none
}
/************************************|owl-dots|*******************************************/
.owl-item {
    -webkit-backface-visibility: hidden !important;
    -webkit-transform: translateZ(0) scale(1.0, 1.0) !important;
    transform: translateZ(0) scale(1.0, 1.0) !important
}

.owl-carousel01 .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 25px;
    width: 100%
}

.owl-theme .owl-dots .owl-dot {
    margin: 5px 5px;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px #ffffff solid
}

    .owl-theme .owl-dots .owl-dot span {
        width: 4px;
        height: 4px;
        padding: 5px 5px;
        display: block;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        opacity: 1;
        filter: alpha(opacity=100);
        background-color: #ffffff !important
    }
/************************************|owl-dots close|*******************************************/
/******************************|content-section|*****************************/
.content_section {
    padding: 0px 0px
}

.big_text {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4em;
    line-height: 1em
}

    .big_text span {
        font-family: 'robotolight';
        display: block
    }

        .big_text span span {
            font-family: 'robotobold';
            display: block
        }

.content_section .title_style {
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 0px;
    font-size: 2.5em;
    color: #262c37
}

    .content_section .title_style span {
        font-family: 'robotolight';
        padding-bottom: 8px;
        display: block
    }

    .content_section .title_style strong {
        font-family: 'robotobold';
        font-size: 1.2em !important;
        text-transform: capitalize
    }

    .content_section .title_style i, .content_section .sub_title_style i {
        vertical-align: middle
    }

.content_section .sub_title_style {
    font-size: 1.6em;
    font-family: 'Roboto', sans-serif;
    ;
    line-height: 1.4em;
    margin-bottom: 15px
}

.content_section p {
    color: #666464;
    font-size: 1.1em;
    margin-bottom: 20px;
}

.more_btn {
    background-color: #008080;
    color: #fff !important;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 1em;
    display: inline-block;
    padding: 8px 23px;
    text-decoration: none !important;
    transition: 0.3s;
    border: none !important;
    margin: 10px 10px 10px 0px !important
}

    .more_btn:hover, .more_btn:focus {
        color: #fff !important;
        background-color: #008080;
    }

    .more_btn:focus {
        animation: pulse 1s ease-in-out
    }

.sub_text {
    color: #363636
}

.store_links img {
    vertical-align: middle
}

.store_links a {
    display: inline-block;
    padding: 5px;
    vertical-align: middle
}

.points {
    margin: 0px;
    padding: 0px;
    list-style: none
}

    .points li {
        padding: 8px 0px;
        position: relative;
        padding-left: 100px
    }

        .points li .icons {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 70px;
            padding-top: 14px
        }

            .points li .icons i {
                float: right
            }

    .points strong {
        font-size: 1.7em;
        color: #32353b
    }

.hang_number {
    font-size: 8em;
    color: #dddcde;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    font-family: 'robotoblack';
    margin-top: -30px;
    margin-left: -5px
}

.floating_numberbg > div > div {
    padding: 40px 15px
}

.testimon {
    padding: 40px !important
}

    .testimon p b {
        color: #333333
    }

.iconic {
    margin-top: 30px;
    margin-bottom: 20px;
    display: block
}

    .iconic i {
        vertical-align: middle;
        margin-right: 20px
    }

    .iconic strong {
        font-size: 1.5em
    }

#aircraft {
    padding: 50px 30px;
    background-color: #f6f7f8;
    border-radius: 10px;
    margin: 15px 30px;
    box-shadow: 0px 0px 2px 1px #ddd;
}

/*****************************_|owl-carousel0x|***************************/
.owl-carousel0x {
    border-radius: 8px;
    padding: 15px 100px 0px 100px !important;
    margin-top: 0px
}

    .owl-carousel0x .owl-dots {
        display: none !important
    }

    .owl-carousel0x .owl-prev {
        position: absolute;
        top: 20%;
        padding: 5px 15px;
        left: 10px;
        color: #666666;
        font-size: 2.5em;
        opacity: 0.8;
        z-index: 999
    }

    .owl-carousel0x .owl-next {
        position: absolute;
        top: 20%;
        right: 10px;
        padding: 5px 15px;
        color: #666666;
        font-size: 2.5em;
        opacity: 0.8;
        filter: alpha(opacity=80)
    }

    .owl-carousel0x .owl-prev:hover, .owl-carousel02 .owl-next:hover {
        opacity: 1;
        filter: alpha(opacity=100)
    }

.owl-carousel0x {
    text-align: center;
    padding: 0px 60px 60px 60px
}

    .owl-carousel0x img {
        width: auto !important
    }

.table_holder-listing table td strong {
    display: none;
}

@media(min-width:0px) and (max-width:1024px) {
    .owl-carousel0x .owl-prev {
        font-size: 1.5em;
        padding: 5px 10px;
        display: block !important
    }

    .owl-carousel0x .owl-next {
        font-size: 1.5em;
        padding: 5px 10px;
        display: block !important
    }
}

@media(min-width:0px) and (max-width:767px) {
    .owl-carousel0x img {
        width: 100% !important
    }
}

.crtimg {
    display: none
}

@media (min-width:0px) and (max-width:640px) {
    .owl-carousel0x {
        display: none !important
    }

    .crtimg {
        display: block;
        width: 100%;
        padding: 20px
    }
}

/*****************************_|owl-carousel0x|***************************/
.owl-carousel10 {
    border-radius: 8px;
    margin-top: 20px
}

    .owl-carousel10 .owl-stage-outer {
        width: 90%;
        margin: 0 auto
    }

    .owl-carousel10 .owl-dots {
        display: none !important
    }

    .owl-carousel10 .owl-prev {
        position: absolute;
        top: 50%;
        transform: translateY(-60%);
        padding: 5px 15px;
        left: 10px;
        color: #666666;
        font-size: 2.5em;
        opacity: 0.8;
        z-index: 999
    }

    .owl-carousel10 .owl-next {
        position: absolute;
        top: 50%;
        transform: translateY(-60%);
        right: 10px;
        padding: 5px 15px;
        color: #666666;
        font-size: 2.5em;
        opacity: 0.8;
        filter: alpha(opacity=80)
    }

        .owl-carousel10 .owl-prev:hover, .owl-carousel10 .owl-next:hover {
            color: #fa4551 !important;
        }

.owl-carousel10 {
    text-align: center
}

    .owl-carousel10 img {
        width: auto !important
    }

        .owl-carousel10 img:hover {
            width: auto !important
        }

@media(min-width:0px) and (max-width:1024px) {
    .owl-carousel10 .owl-stage-outer {
        width: 70%;
        margin: 0 auto;
        text-align: center !important
    }

    .owl-carousel10 .owl-prev {
        font-size: 1.5em;
        padding: 5px;
        display: block !important
    }

    .owl-carousel10 .owl-next {
        font-size: 1.5em;
        padding: 5px;
        display: block !important
    }
}

@media(min-width:768px) and (max-width:1279px) {
    .content_section h1 {
        text-align: center
    }

    .default {
        text-align: center;
        margin-bottom: 10px;
    }

    .pagination_top {
        text-align: center !important
    }

    .owl-carousel10 .owl-stage-outer {
        width: 90%;
        margin: 0 auto;
        text-align: center !important
    }
}
/************************************************|footer|***************************************************/

footer .text-center p i:hover {
    opacity: 0.7 !important;
}

footer .text-center p i {
    opacity: 1 !important;
}

.socialicon a {
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 0px;
    margin-bottom: 6px;
    opacity: 0.7;
}

    .socialicon a i {
        float: left;
        margin-right: 8px
    }

    .socialicon a:hover {
        opacity: 1;
    }

    .socialicon a:focus {
        animation: pulse 1s ease-in-out
    }

footer {
    position: relative;
    font-size: 1.1em;
    z-index: 10;
    padding: 0px 0px;
    background-color: rgba(237, 124, 49,0.2);
}

    footer p {
        padding-top: 8px;
        padding-bottom: 5px
    }

    footer a {
        color: #383838 !important;
        text-decoration: none !important;
        font-weight: normal;
    }

        footer a:hover, footer a:focus {
            color: #ED7C31 !important;
            transition: 0.3s;
            text-decoration: none !important;
            font-weight: normal;
        }

    footer h4 {
        color: #368cf6;
        text-align: center;
        font-size: 1.7em
    }

    footer strong {
        color: #368cf6;
        font-size: 1.2em
    }

    footer h4 span {
        background-color: #54dbd0;
        display: block;
        width: 50px;
        margin: 0 auto;
        height: 3px;
        margin-top: 15px
    }

    footer iframe {
        position: absolute;
        top: 0px;
        left: 0px
    }

.map_over {
    position: relative;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 30px 10px;
    overflow: hidden;
    z-index: 900
}

    .map_over .container {
        padding: 0px
    }

        .map_over .container .row div:nth-of-type(1) {
            line-height: 2.8em;
            text-align: right;
            padding: 0 20px;
            width: 100% !important;
        }

        .map_over .container .row div:nth-of-type(2) {
            line-height: 2.8em;
            text-align: left;
            width: 100% !important;
            padding: 0 20px;
        }

.footer_nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden;
    margin-bottom: 15px;
    z-index: 1000;
    position: relative;
}

    .footer_nav li {
        width: 100%;
        display: block;
        float: left;
        padding-bottom: 5px;
        padding-top: 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

.gaq {
    position: fixed;
    bottom: 0px;
    right: 80px;
    background-color: #d9e973;
    padding: 10px 20px;
    z-index: 1000;
    color: #525c10;
    font-weight: bold;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

    .gaq:hover, .gaq:focus {
        background-color: #616167;
        color: #ffffff
    }

.footer_line {
    text-align: center;
    background-color: #ED7C31;
    color: #ffffff;
    padding: 20px 30px 30px 30px;
    padding-bottom: 10px;
    font-size: 1em;
}

    .footer_line a {
        color: #cacad1;
        text-align: left
    }

.footer_line2 {
    padding-bottom: 20px
}

    .footer_line2 p {
        text-align: left
    }

.footer_line p:nth-of-type(1) {
    color: #ffffff;
    padding-bottom: 0px;
    margin-bottom: 0px;
    display: block;
    width: 70%;
    margin: 0 auto;
}

.footer_line p:nth-of-type(2) {
    color: #ffffff;
}

footer i {
    color: #008080 !important;
    font-size: 20px !important;
}

.map_over {
    padding-bottom: 0px;
    padding-top: 0px
}

    .map_over > div > div {
        overflow: hidden;
        position: relative;
        top: 0px;
        padding: 20px 0px 0px 0px;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row
    }

        .map_over > div > div div {
            margin-right: 20px;
            margin: 0px 0px 0px 0px
        }

            .map_over > div > div div:last-child {
                border: none
            }

            .map_over > div > div div.clearfix {
                padding: 0px !important;
                margin-bottom: 5px !important
            }
/***********************************************|sub_menu|**********************************************/
.nav_holder {
    overflow: visible
}

.main_nav li {
    position: relative;
    margin-right: -8px;
}

    .main_nav li > .fa-angle-down {
        display: none
    }

.main_nav > li > ul {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 300px;
    z-index: 10000;
    display: none;
    background-color: #008080;
}

    .main_nav > li > ul > li > ul {
        position: absolute;
        margin: 0px;
        padding: 0px;
        left: 300px;
        width: 300px;
        top: 0px;
        z-index: 10000;
        display: none
    }

    .main_nav > li > ul > li > ul {
        background-color: #008080;
        text-align: left;
    }

        .main_nav > li > ul > li > ul li a {
            display: block;
            padding: 8px 10px !important;
            color: #fff !important;
            text-align: left;
            width: 100%;
            font-family: 'Roboto', sans-serif;
            font-size: 0.9em !important;
            position: relative;
            font-weight: normal;
            letter-spacing: 1px;
        }

.cookies_design {
    padding: 15px;
    font-size: 14px;
    background: rgba(0,0,0,0.8);
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}

    .cookies_design p {
        margin-bottom: 0;
    }

    .cookies_design .btn {
        margin: 0 10px;
    }

    .cookies_design a {
        color: #ffffff;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        font-size: 20px;
    }

        .cookies_design a:hover {
            color: #fff !important;
        }
/* End cookies_design */
.dots, .dots_right {
    width: 100px !important;
    position: absolute;
    top: 133px;
    z-index: 9;
    left: 0;
}

.dots_right {
    left: auto;
    right: 0;
    top: 75%;
}

.banner::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    background-image: url(../images/form_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    width: 975px;
    height: 700px;
}

.main_nav > li:hover > ul, .main_nav > li > ul > li:hover ul {
    display: block
}

.main_nav > li:nth-child(n+3) > ul > li > ul {
    left: -300px
}

.main_nav li ul li {
    display: block
}

.main_nav > li > ul > li > a {
    display: block;
    padding: 8px 10px !important;
    color: #ffffff !important;
    text-align: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 0.9em !important;
    position: relative;
    font-weight: normal;
    letter-spacing: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.main_nav li ul li a i {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 12px 15px
}

.main_nav li ul li a:hover {
    background-color: #329999 !important;
    color: #fff !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.main_nav > li > ul > li:hover > a {
    background-color: #329999 !important;
    color: #fff !important;
    font-family: 'Roboto', sans-serif;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.search_form h4 {
    display: none
}

.equal_headings {
    font-size: 18px;
}
/***************************************|non mobile|****************************************/
.menu_bar {
    display: none
}

.search_bar {
    display: none
}

.plus_btn {
    display: none
}

.bg-light {
    background-color: rgba(0, 0, 0, 0.7);
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 10000;
    width: 100% !important;
    height: 100%;
    position: fixed;
    display: none
}

.bg-light2 {
    background-color: rgba(0, 0, 0, 0.7);
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 10000;
    width: 100% !important;
    height: 100%;
    position: fixed;
    display: none
}

.multi_part {
    display: none;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.49);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.49);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.49);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 15px;
    margin: 0 auto;
    top: -1000px;
    left: 0px;
    right: 0px;
    position: fixed;
    width: 60% !important;
    height: auto !important;
    transition: 0.3s;
    overflow-y: scroll;
    z-index: 100000
}

.pop {
    display: block;
    top: 120px;
    transition: 0.3s
}
/****************************************|inside_content|***************************************/
.content_section2 {
    padding: 20px !important;
    padding-bottom: 8px !important;
    margin: 0px 0px 10px 0px;
    overflow: visible
}

    .content_section2 h1 {
        font-size: 1.5em;
        text-transform: capitalize;
        color: #383838 !important;
        margin: 0px;
        margin-bottom: 20px;
        font-weight: bold
    }

    .content_section2 h2 {
        font-weight: bold;
        color: #444;
    }

.inside_content {
    padding-top: 40px;
    padding-bottom: 10px !important;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.table_view {
    margin-bottom: 20px;
    position: relative
}

.dataview .table_view {
    margin-bottom: 5px;
    position: relative
}

.table_view table {
    border: none;
    margin-bottom: 15px;
}

.table_view td a {
    color: #333 !important
}

.table_view td {
    width: 25%;
    padding: 9px !important;
    color: #61646d;
}
/*.table_view tr:nth-child(even) { border-top: 1px #dadcdd solid; border-bottom: 1px #dadcdd solid }*/
/*.table_view tr td:nth-child(1) { border-left: none !important }
.table_view tr td:last-child { border-right: none !important }*/
.table_title {
    display: block;
    padding: 5px 8px;
    background-color: #008080;
    text-align: left !important;
}

    .table_title strong {
        display: inline-block;
        padding: 5px 15px;
        color: #fff;
    }

.content_section2 .more_btn {
    margin: 0px !important
}

.content_section2 .topsec section {
    overflow: visible
}

.content_section2 .topsec .more_less {
    margin-top: -17px;
    right: 1px
}
/***********************************|pager|***********************************/
.view_all {
    display: inline-block;
    padding: 8px 12px;
    background-color: #ED7C31;
    color: #fff !important;
    margin-bottom: 5px;
    vertical-align: top;
    text-decoration: none !important;
    transition: 0.3s;
    text-transform: uppercase !important;
}

    .view_all:hover {
        background-color: #008080 !important;
        color: #fff !important;
    }

.second_paging div strong {
    display: inline-block;
    padding: 10px 0px
}

.pagination_top {
    text-align: right;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden
}

.pager {
    margin: 0px;
    margin-right: 8px !important;
    margin-bottom: 10px !important;
    width: 85% !important;
}

    .pager li {
        display: inline-block !important
    }

        .pager li > a {
            border-radius: 0px;
            color: #61646d !important;
            font-weight: bold;
            text-align: center !important;
            width: 38px
        }

        .pager li > a, .pager li > span {
            padding: 5px !important
        }

        .pager li .act {
            background-color: #02b7c4 !important;
            color: #fff !important
        }

        .pager li > a:focus, .pager li > span:focus {
            background-color: #02b7c4 !important;
            color: #fff !important
        }

    .pager .owl-prev {
        position: absolute;
        left: 0px;
        top: 0px;
        border-radius: 0px !important;
        font-size: 1.2em !important;
        padding: 4px 15px !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
        background-color: #020ea9;
        color: #ffffff;
        cursor: pointer
    }

    .pager .owl-next {
        position: absolute;
        right: 0px;
        top: 0px;
        border-radius: 0px !important;
        font-size: 1.2em !important;
        padding: 4px 15px !important;
        margin-top: 0px !important;
        margin-right: 0px !important;
        background-color: #020ea9;
        color: #ffffff;
        cursor: pointer
    }

        .pager .owl-prev:hover, .pager .owl-next:hover {
            opacity: 1 !important
        }

    .pager .owl-controls {
        display: block !important
    }

    .pager .owl-wrapper-outer {
        width: 90% !important;
        overflow: hidden;
        height: 35px;
        margin: 0 auto auto
    }

@media(min-width:0px) and (max-width:480px) {
    .pager .owl-wrapper-outer {
        width: 67% !important
    }
}

@media(min-width:481px) and (max-width:980px) {
    .pager .owl-wrapper-outer {
        width: 85% !important
    }
}

.pagination_top {
    margin-bottom: 10px !important
}

@media(min-width:1024px) and (max-width:1365px) {
    .pager .owl-wrapper-outer {
        width: 85.5% !important
    }
}
/***********************************|pager close|***********************************/
@media(min-width:1280px) and (max-width:8000px) {
    .header a.logo { /*position: absolute !important; z-index: 1000000 !important; padding-top: 15px; */
        display: inline-block !important
    }
}

.breadcrumb {
    background-color: #f6f7f8;
    font-size: 1.1em;
    color: #008080;
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 0px !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

    .breadcrumb a {
        color: #FFFFFF;
        vertical-align: middle
    }

    .breadcrumb .more_btn {
        background-color: #55785f !important;
        color: #fff !important;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        float: right;
        font-size: 1em;
        vertical-align: middle;
        display: flex;
        padding: 8px 15px 2px 20px !important;
        position: absolute;
        right: 28px
    }

        .breadcrumb .more_btn i {
            margin-left: 0px;
            padding: 10px 5px;
            background-color: #55785f;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
            margin-right: 0px;
            margin-top: -6px
        }

        .breadcrumb .more_btn:hover {
            background-color: #0281f8 !important
        }

.breadcrumb_links {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px
}

    .breadcrumb_links a {
        display: inline-block;
        max-width: 100%;
    }

        .breadcrumb_links a:hover {
            max-width: 220px;
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            text-decoration: none;
        }

.notavalableonhome {
    background-color: transparent;
    padding: 0px !important;
    margin: 0px !important;
    display: none
}

.btt {
    position: fixed;
    display: none;
    color: #ffffff !important;
    font-size: 1.2em;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    z-index: 20000;
    bottom: 30px;
    right: 30px
}

    .btt:hover {
    }
/*************************************||*********************************/
.part_list {
    margin-top: 10px !important;
}

    .part_list a {
        color: #61646d
    }

    .part_list table {
        border: none !important
    }

        .part_list table tr:nth-child(1) th:nth-child(odd) {
            background-color: #008080;
        }

        .part_list table td, .part_list table th {
        }

        .part_list table th {
            color: #fff;
            border: none !important
        }

        .part_list table tr:nth-child(odd) {
            border: 1px #e1e7f1 solid;
        }

        .part_list table tr th:nth-child(even) {
            background-color: #008080;
            border: 1px #e1e7f1 solid;
        }

        .part_list table tr {
            transition: 0.3s
        }

        .part_list table td, .part_list table th {
            padding: 8px 12px !important;
            vertical-align: middle !important
        }

        .part_list table th {
            padding: 12px 12px !important
        }

            .part_list table td:last-child, .part_list table th:last-child {
                text-align: center !important;
                width: 150px;
            }

        .part_list table td .more_btn {
            padding: 5px 22px !important;
            background-color: #ED7C31;
        }

            .part_list table td .more_btn:hover, .part_list table td .more_btn:focus {
                background-color: #008080 !important;
                color: #fff !important;
            }
/* .actmenu a { color: #ffffff !important; background-color: #EC9100; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;} */
.actmenu span {
    display: none !important;
    background-color: #00005a !important;
    width: 100% !important;
    opacity: 1 !important
}
/********************************|.rfq_page|*******************************/
.content_section3 {
    margin: 0px;
    padding: 0px
}

    .content_section3 h1 {
        font-family: 'robotoblack';
        font-size: 1.5em;
        margin: 0px;
        padding: 0px;
        padding-bottom: 15px
    }

    .content_section3 h2 {
        font-family: 'robotoblack';
        font-size: 1.5em;
        margin: 0px;
        padding: 0px;
        padding-bottom: 15px
    }

    .content_section3 h3 {
        background-color: #00005a;
        color: #ffffff;
        font-size: 1.3em;
        padding: 12px 15px;
        margin-bottom: 0px;
        overflow: hidden;
        display: block;
        width: 100%;
        margin-top: 0px
    }

    .content_section3 h4 {
        background-color: #e8e9e9;
        border-top: 2px #c5c7c7 solid;
        padding: 12px;
        text-align: center
    }

    .content_section3 h3 span {
        font-size: 0.8em;
        color: #bfb5fb;
        float: right
    }

@media(min-width:0px) and (max-width:479px) {
    .content_section3 h3 {
        text-align: center !important
    }

        .content_section3 h3 span {
            float: none !important;
            display: block !important;
            margin-top: 5px
        }
}

.lhs .table-responsive:nth-of-type(1) {
    background: rgba(61, 42, 105, 1);
    background: -moz-linear-gradient(left, rgba(61, 42, 105, 1) 0%, rgba(248, 84, 48, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(61, 42, 105, 1)), color-stop(100%, rgba(248, 84, 48, 1)));
    background: -webkit-linear-gradient(left, rgba(61, 42, 105, 1) 0%, rgba(248, 84, 48, 1) 100%);
    background: -o-linear-gradient(left, rgba(61, 42, 105, 1) 0%, rgba(248, 84, 48, 1) 100%);
    background: -ms-linear-gradient(left, rgba(61, 42, 105, 1) 0%, rgba(248, 84, 48, 1) 100%);
    background: linear-gradient(to right, rgba(61, 42, 105, 1) 0%, rgba(248, 84, 48, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d2a69', endColorstr='#f85430', GradientType=1);
    margin-bottom: 20px;
    padding: 15px
}

.gray_table {
    width: 100%;
    margin-bottom: 0px;
    border-collapse: collapse;
    color: #fff
}

    .gray_table td {
        padding: 10px 15px;
        border-bottom: 1px #ae6a71 solid
    }

    .gray_table tr:last-child td {
        padding: 10px 15px;
        border-bottom: none
    }

.rfq_page section {
    border: 1px #dbdcdc solid;
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 5px !important
}

    .rfq_page section p {
        font-size: 1.1em
    }

    .rfq_page section a {
        color: #00005a;
        font-weight: bold
    }

    .rfq_page section .table_view {
        margin-bottom: 20px;
        border-bottom: 1px #eeeeee solid
    }
/***********************************|MD form|**************************************/
.rfq_form {
    padding: 0px 0px 15px 0px;
    overflow: visible;
    padding-bottom: 0px
}

    .rfq_form > form > div > div {
        position: relative !important;
        margin-bottom: 20px !important;
        overflow: visible !important
    }

        .rfq_form > form > div > div > div {
            position: relative !important;
            padding-top: 5px;
            overflow: visible !important
        }

    .rfq_form input[type="email"], .rfq_form input[type="tel"], .rfq_form input[type="text"], .rfq_form select, .rfq_form textarea {
        height: 40px;
        width: 100%;
        padding: 8px 30px 8px 15px;
        border: none;
        border-bottom: 1px #c5c7c7 solid;
        background-color: transparent !important;
        margin-top: 15px;
        margin-bottom: 15px;
        outline: none
    }

    .rfq_form textarea {
        display: block
    }

    .rfq_form select {
        outline: none !important;
        -webkit-appearance: none;
        box-shadow: none !important;
        background-color: #ffffff
    }

    .rfq_form select {
        background-image: url("../images/arrow_select.png") !important;
        background-repeat: no-repeat !important;
        background-position: right 0px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        .rfq_form select::-ms-expand {
            display: none
        }

.input_line {
    display: none !important;
    background-color: #c60311;
    height: 2px;
    position: absolute;
    bottom: 0px;
    width: 0%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: 666666
}

.mdline {
    width: 100%;
    background-color: #5043a2
}

.rfq_form select, .rfq_form select option {
    color: #000;
}

.rfq_form .more_btn {
    margin: 0px !important
}

.materialinput {
    position: absolute;
    text-align: left;
    font-size: 1em;
    font-weight: bold;
    background-color: #fff;
    color: #333333;
    margin-top: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: -1;
    margin-left: 15px !important
}

.move_up {
    z-index: 100;
    position: absolute;
    top: 0px;
    margin-top: 0px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-left: 15px !important
}

.bottom_line {
}

.bottom_line_frame {
    border: none;
    width: 100%;
    margin-top: 1px; /*border-top: 1px #dddddd solid;*/
    margin-bottom: 10px;
}

.gray_box {
    background-color: #efefef;
    padding: 20px !important;
    overflow: hidden;
    display: block !important
}

.table_form {
    width: 100%;
    border: 1px #cccccc solid
}

    .table_form tr {
    }

    .table_form th {
        background-color: #fff;
        color: #333;
        padding: 12px
    }

    .table_form tr:nth-child(odd) {
        background-color: #fff !important
    }

    .table_form td, .table_form th {
        padding: 8px;
        border: 1px #ddd solid;
    }

.alterneter {
    border: 1px #ddd solid
}

    .alterneter tr:nth-child(even) {
        background-color: #ffffff
    }

    .alterneter td {
        padding: 12px !important;
        border: 1px #ddd solid;
        border-collapse: collapse
    }
/*******************************|site_map|**********************/
.site_map {
    color: #666666 !important
}

    .site_map a {
        color: #333
    }

    .site_map ul {
        margin: 0px;
        padding: 0px;
        list-style: none
    }

    .site_map .row > div > ul > li > a {
        font-weight: bold
    }

    .site_map ul li {
        padding-bottom: 6px;
        padding: 5px
    }

    .site_map .row > div > ul > li > ul {
        margin-left: 20px
    }

        .site_map .row > div > ul > li > ul > li {
            margin-left: 20px
        }

            .site_map .row > div > ul > li > ul > li > ul > li {
                margin-left: 20px
            }

            .site_map .row > div > ul > li > ul > li > ul > li {
                list-style: circle
            }

    .site_map ul li ul li {
        list-style: disc
    }
/***********************************|message|***********************************/
.message {
    padding: 0px
}

    .message h1 {
        margin-bottom: 0px;
        padding-bottom: 0px;
        display: inline-block
    }

    .message .move_up {
        margin-top: -12px !important;
    }

    .message h3 {
        font-size: 1.3em
    }

.red_btn, .view {
    background-color: #ED7C31;
    border-radius: 10px;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 1.2em;
    display: inline-block;
    padding: 8px 18px;
    text-decoration: none !important;
    transition: 0.3s;
    border: none !important;
    margin: 12px 10px 10px 0px !important;
}

    .red_btn:hover, .view:hover, .red_btn:focus, .view:focus {
        background-color: #008080;
        color: #fff !important;
    }

.view {
    background-color: #ED7C31;
}
/***********************************|message close|***********************************/
.upload_btn {
    display: block;
    position: relative;
    overflow: hidden
}

    .upload_btn:hover .glass_slide {
        background-color: rgba(255, 255, 255, 0.2);
        display: block;
        height: 100%;
        width: 200px;
        position: absolute;
        -ms-transform: skew(20deg, 0deg);
        -webkit-transform: skew(20deg, 0deg);
        transform: skew(20deg, 0deg);
        animation: glass 2.5s ease-out infinite;
        cursor: pointer
    }

@keyframes glass {
    0% {
        left: -150px
    }

    100% {
        left: 180%
    }
}

.more_less {
    display: none
}

.pager .owl-wrapper-outer img {
    position: absolute;
    right: 0px;
    top: 0px
}

.closeing {
    display: block;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    right: 10px;
    padding: 10px 25px;
    font-size: 1.3em
}
/***********************************************************************||**************************************************************************/
.insider {
    background-image: url('../images/footer-top01.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
}

.bgconsh.insider strong {
    color: #fff;
}

.bgconsh {
    padding: 30px 0px;
    margin-top: 30px;
}

.bgcons {
    color: #fff;
    position: relative;
    z-index: 100;
    padding: 0px 0px
}

    .bgcons > div > div {
        padding: 0px 15px 0px 0px;
        text-align: left
    }

    .bgcons > div:last-child > div {
        border: none
    }

    .bgcons strong {
        font-size: 1.6em;
        display: block;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        letter-spacing: 1px;
    }

    .bgcons i {
        margin: 0 auto !important;
        float: left;
    }
/***************************||*******************************/
.product_slider {
    padding: 0px 0px
}

    .product_slider a {
        text-decoration: none !important
    }

    .product_slider .owl_text {
        text-align: center;
        font-size: 1.3em;
        font-family: 'robotoregular'
    }
/************************************|owl-carousel02|*******************************************/
.main_contentx .owl-carousel02 .owl-item img {
    width: 100% !important;
    opacity: 0.4
}

.owl-carousel02 .owl_text ul {
    list-style: none !important
}

.owl-carousel02 .owl_text {
    padding: 15px;
    color: #000000;
    font-size: 1em;
    font-family: 'Roboto', sans-serif;
    ;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis
}

    .owl-carousel02 .owl_text a {
        clear: both;
        display: block;
        color: #86939f;
        text-transform: uppercase;
        font-size: 0.9em
    }

.owl-carousel03 .owl-prev {
    width: 40px !important;
    left: 20px;
    text-align: center;
    position: absolute !important;
    display: inline-block;
    padding: 2px 11px 3px 10px;
    color: #fff;
    font-size: 2em;
    top: 35%;
    transform: translate(-50%);
}

.owl-carousel03 .owl-next {
    width: 40px !important;
    right: -20px;
    text-align: center;
    position: absolute !important;
    display: inline-block;
    padding: 2px 10px 3px 11px;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    top: 35%;
    transform: translate(-50%);
}

    .owl-carousel03 .owl-prev:hover, .owl-carousel03 .owl-next:hover {
        color: #fca884
    }

.owl-carousel02 .owl-prev:hover .fa-angle-left::after, .owl-carousel02 .owl-next:hover .fa-angle-right::after {
    color: #ec4a4e;
    background-color: #fca884
}

.owl-carousel03 .owl-prev:hover .fa-angle-left::after, .owl-carousel03 .owl-next:hover .fa-angle-right::after {
    color: #ec4a4e;
    background-color: #fca884
}



.owl-carousel02 .owl-prev {
    width: auto !important;
    position: absolute !important;
    display: inline-block;
    right: 50px !important;
    padding: 2px 11px 3px 10px;
    color: #3c4aa2;
    font-size: 2em;
    -webkit-border-radius: 100%;
    -moz-border-radius: 0px;
    border-radius: 0px;
    top: -50px
}

.owl-carousel02 .owl-next {
    width: auto !important;
    position: absolute !important;
    display: inline-block;
    right: 10px !important;
    padding: 2px 10px 3px 11px;
    color: #3c4aa2;
    font-size: 2em;
    font-weight: bold;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    top: -50px
}

    .owl-carousel02 .owl-prev:hover, .owl-carousel02 .owl-next:hover {
        color: #fa6b2e
    }

        .owl-carousel02 .owl-prev:hover .fa-angle-left::after, .owl-carousel02 .owl-next:hover .fa-angle-right::after {
            color: #fa6b2e;
            background-color: #fca884
        }


.bg-blue .owl-carousel03 .owl-prev {
    color: #3c4aa3;
}

.bg-blue .owl-carousel03 .owl-next {
    color: #3c4aa3;
}

.bg-blue .owl-carousel03 .owl-prev:hover, .owl-carousel03 .owl-next:hover {
    color: #fca884
}

.bg-blue .owl-carousel02 .owl-prev:hover .fa-angle-left::after, .owl-carousel02 .owl-next:hover .fa-angle-right::after {
    color: #fa6b2e;
}

.bg-blue .owl-carousel03 .owl-prev:hover .fa-angle-left::after, .owl-carousel03 .owl-next:hover .fa-angle-right::after {
    color: #fa6b2e;
}

.bg-blue > div {
    overflow: hidden;
}

.aboutsec > div {
    padding: 0 30px;
    border-top-right-radius: 30px;
    height: auto !important;
}

.bg-blue div div {
    text-align: left;
    height: auto !important;
}

    .bg-blue div div strong {
        font-size: 1.1em;
        color: #fff;
        font-weight: normal;
        letter-spacing: 1px;
        display: block;
        position: relative;
        font-family: 'Bebas Neue', cursive;
    }
    /*.bg-blue  div div strong::before{content: ''; position: absolute; height: 3px; width: 80px; background-color: #131de2; left: 0px; top: 10px;}*/
    .bg-blue div div ul {
        margin: 0px;
        width: 33%;
        display: inline-block;
        height: auto !important;
        padding: 20px;
    }

        .bg-blue div div ul li {
            display: block;
            width: 100%;
        }


.owl-carouselicon .owl-prev {
    color: #2934b5
}

.owl-carouselicon .owl-next {
    color: #2934b5
}

.owl-carouselicon .owl-prev:hover {
    color: #008080
}

.owl-carouselicon .owl-next:hover {
    color: #008080
}

.owl-carousel02 .owl-item {
    transition: 0.3s;
    background-color: #0d1625;
    overflow: hidden
}

.owl-carousel02 .owl-stage-outer {
    padding: 0px 0px;
    margin: 0px 0px;
    padding-left: 0px
}
/*.owl-carousel02 .owl-prev .fa-angle-left::after { content: ""; width: 15px !important; height: 2px !important; padding: 0px !important; background-color: #2934b5; position: absolute !important; margin-top: 14px !important; margin-left: -6px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px }
.owl-carousel02 .owl-next .fa-angle-right::after { content: ""; width: 15px !important; height: 2px !important; padding: 0px !important; background-color: #2934b5; position: absolute !important; margin-top: 14px; margin-left: -17px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px }

*/
/*.owl-carousel03 .owl-prev .fa-angle-left::after { content: ""; width: 15px !important; height: 2px !important; padding: 0px !important; background-color: #2934b5; position: absolute !important; margin-top: 14px !important; margin-left: -6px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px }
.owl-carousel03 .owl-next .fa-angle-right::after { content: ""; width: 15px !important; height: 2px !important; padding: 0px !important; background-color: #2934b5; position: absolute !important; margin-top: 14px; margin-left: -17px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px }*/
/************************************|owl-carousel03|*******************************************/
.owl-carousel03 a {
    text-decoration: none !important
}

.owl-carousel03 .owl-item {
    background-color: #ffffff
}

    .owl-carousel03 .owl-item:hover {
        background-color: #ffffff
    }

.owl-carousel03 .owl_text {
    padding: 15px 20px;
    font-size: 1.3em;
    font-family: 'Roboto', sans-serif;
    ;
    text-align: left;
    color: #061b5f
}

    .owl-carousel03 .owl_text a {
        color: #86939f;
        text-align: center;
        text-transform: uppercase;
        font-size: 1.3rem
    }

.owl-carousel03 .owl-item {
    transition: 0.3s;
    margin: 0px 0px;
    z-index: 1000;
    overflow: hidden;
}


.owl-carousel03 .owl-item {
    margin-bottom: 25px;
}

    .owl-carousel03 .owl-item:hover {
        -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25)
    }


        .owl-carousel03 .owl-item:hover .owl_text {
            color: #ec4a4e
        }
/***************************************||**************************************/
.fildset_linke {
    margin-top: 10px !important
}

    .fildset_linke .more_btn {
        background-color: #0d1625;
        width: 100% !important;
        margin: 0px !important;
        -webkit-border-radius: 0px !important;
        -webkit-border-top-left-radius: 0px !important;
        -webkit-border-top-right-radius: 0px !important;
        -moz-border-radius: 0px !important;
        -moz-border-radius-topleft: 0px !important;
        -moz-border-radius-topright: 0px !important;
        border-radius: 0px !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        transition: 0.3s
    }

        .fildset_linke .more_btn:hover {
            background-color: #f04c4d
        }

.listingx {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    margin-bottom: 10px
}

    .listingx li {
        width: 50%;
        display: inline-block;
        margin-right: -4px
    }

        .listingx li a {
            display: block;
            padding: 8px 10px;
            color: #32353b;
            font-size: 0.8em;
            text-decoration: none !important;
            transition: 0.3;
            border-top: 1px #dadada solid
        }

            .listingx li a:hover {
                border-top: 1px #dadada solid;
                color: #000000
            }

.fildsetholder > div {
    padding: 0px 10px;
    padding-top: 15px
}

.fildset_linke {
    border: 4px #030558 solid;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 40px;
    padding-top: 0px
}

    .fildset_linke .more_btn {
        font-size: 0.9em;
        float: right;
        position: absolute;
        bottom: 0px;
        right: 0px
    }

    .fildset_linke .fset {
        display: inline-block;
        background-color: #ffffff;
        padding: 5px 10px;
        font-size: 1.5em;
        position: absolute;
        top: -23px;
        left: 10px
    }

.slide03 {
    background-color: #87adde;
    position: relative;
    padding: 40px 20px 60px 20px;
    overflow: hidden
}
/***************************************|.slide03|**************************************/
.slide03 {
    position: relative;
    z-index: 1000
}

.slidehead {
    font-size: 1.8em;
    margin-bottom: 20px;
    color: #0d2300 !important;
    margin-top: -5px
}

.slidehead2 {
    font-size: 1.4em;
    margin-bottom: 20px;
    color: #0d2300 !important;
    margin-top: 0px
}

.content_section2 .slidehead2 {
    font-size: 1.2em;
    margin-bottom: 20px;
    color: #ffffff !important;
    background-color: #008080 !important;
    padding: 12px;
    margin-top: 17px
}

.slidehead span {
    font-family: 'robotolight'
}

.slide03 h4 {
    color: #fff;
    font-size: 2em;
    margin-bottom: 25px
}

    .slide03 h4 abbr {
        color: #fff
    }

.slide03 .owl-carousel03 .owl_text {
    transition: 0.8s
}

    .slide03 .owl-carousel03 .owl_text:hover {
        background-color: rgba(240, 76, 77, 0.8) !important;
        color: #fff
    }

    .slide03 .owl-carousel03 .owl_text strong {
        font-size: 1.2em;
        display: block;
        margin-top: 50px
    }

        .slide03 .owl-carousel03 .owl_text strong span {
            width: 70px;
            height: 4px;
            background-color: #f04c4d;
            display: block;
            margin: 0 auto;
            margin-top: 12px
        }

.slide03 .owl-carousel03 .owl_text {
    font-family: robotoregular !important;
    color: #fff;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: rgba(38, 44, 55, 0.7) !important;
    border: none !important;
    margin: 0px !important
}

    .slide03 .owl-carousel03 .owl_text a {
        color: #fff
    }

    .slide03 .owl-carousel03 .owl_text ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        margin-bottom: 160px
    }

        .slide03 .owl-carousel03 .owl_text ul li {
            display: inline-block;
            width: 49%;
            padding: 5px 0px
        }

    .slide03 .owl-carousel03 .owl_text .viewall {
        margin: 0 auto !important;
        padding: 8px 20px !important;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        width: 110px;
        float: none;
        margin-top: 15px !important;
        color: #fff !important;
        border: 2px #fff solid;
        transition: 0.8s
    }

.arrowup {
    text-align: center;
    width: 100%;
    display: block;
    padding: 40px 10px;
    transition: 0.9s;
    opacity: 1
}

    .arrowup img {
        width: auto !important;
        margin: 0 auto;
        transition: 0.9s;
        opacity: 1
    }

.slide03 .owl-carousel03 .owl_text:hover ul {
    margin-bottom: 30px
}

.slide03 .owl-carousel03 .owl_text ul {
    height: 195px;
    overflow: hidden;
    transition: 0.8s
}

.slide03 .owl-carousel03 .owl_text:hover ul {
    height: auto
}

.slide03 .owl-carousel03 .owl_text:hover .arrowup, .slide03 .owl-carousel03 .owl_text:hover .arrowup img {
    margin-top: -110px;
    padding: 30px 0px;
    margin-bottom: 30px;
    opacity: 0;
    transition: 0.8s
}
/***************************************|.brands|**************************************/
.brands {
    margin-bottom: 20px;
    display: block;
    padding-top: 55px;
    margin-top: -40px
}
/*********************|rhs|******************/
.rhs {
}

.lhs {
    z-index: 1
}
    /***************************************|.lhs form|**************************************/
    .lhs .form_holder {
        border-radius: 0px;
        padding: 0px;
        position: relative;
        overflow: visible;
        display: block;
        float: none;
        margin-bottom: 20px
    }

        .lhs .form_holder .btn {
            width: 100% !important
        }

    .lhs .line {
        display: block;
        clear: both;
        padding-top: 10px;
    }
    /***************************************|.lhs bgcons|**************************************/
    .lhs .bgcons {
        background-size: auto 100%
    }

    .lhs .bgcons {
        margin-top: 20px
    }

        .lhs .bgcons > div > div {
            border-right: none;
            padding: 19px 0px 22px 0px;
            text-align: left;
            color: #fff
        }

        .lhs .bgcons > div:last-child > div {
            border: none !important
        }

    .lhs .owl-carousel03 {
    }

        .lhs .owl-carousel03 .owl-item {
            background-color: transparent !important;
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important
        }

        .lhs .owl-carousel03 .owl-next, .owl-carousel03 .owl-next {
        }

        .lhs .owl-carousel03 .owl-prev, .owl-carousel03 .owl-prev {
            right: 50px
        }

        .lhs .owl-carousel03 .owl-next {
            right: 0px
        }

        .lhs .owl-carousel03 .owl-prev {
            right: 36px
        }

        .lhs .owl-carousel03 .owl_text {
            text-align: left
        }
/***********************|listed|****************************/
.listed {
    margin-bottom: 15px
}

    .listed ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        margin-top: -15px
    }

        .listed ul li {
            display: block
        }

            .listed ul li a {
                display: inline-block;
                padding: 5px 0px;
                color: #333;
                text-decoration: none !important
            }

                .listed ul li a:hover, .listed ul li a:focus {
                    color: #61646d;
                    text-decoration: underline !important;
                }

.red_text {
    color: #ce0202 !important;
    margin-right: 20px;
    margin-bottom: 10px !important;
}

.content_section.content_section2 {
    position: relative;
    overflow: hidden;
    clear: both;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.18);
    border-radius: 0px;
}

.topsec p strong {
    color: #3636a6
}

.rhs h3 {
    color: #ffffff;
    display: block;
    font-size: 1.3em;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: 12px 15px;
    width: 100%;
    background-color: #55785f;
}

.lhs .form_holder, .lhs .listed {
    overflow: hidden;
    padding: 20px;
    padding-top: 10px;
    background-color: #fff;
    border-radius: 10px;
}

.lhs .listed {
}

.listed.secondlisted.oranger-holder {
    border: none !important;
}

.lhs .listed ul li:last-child a {
    border: none
}
/*****************************|certifix|*************************************/
@media(min-width:1920px) and (max-width:800000px) {
    .certifix a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .certifix {
        text-align: center;
        overflow: hidden;
    }

        .certifix div {
            display: inline-block;
            padding: 10px
        }
}

@media(min-width:1680px) and (max-width:1919px) {
    .certifix {
        text-align: center;
        overflow: hidden;
        margin: 0 auto
    }

        .certifix div {
            display: inline-block;
            padding: 10px;
        }

            .certifix div img {
                text-align: center;
                width: 85%;
                height: auto !important
            }
}

@media(min-width:1440px) and (max-width:1679px) {
    .certifix {
        text-align: center;
        overflow: hidden;
        margin: 0 auto
    }

        .certifix div {
            display: inline-block;
            padding: 10px;
        }

            .certifix div img {
                text-align: center;
                width: 85%;
                height: auto !important
            }
}

@media(min-width:1366px) and (max-width:1439px) {
    .certifix {
        text-align: center;
        overflow: hidden;
        margin: 0 auto
    }

        .certifix div {
            display: inline-block;
            padding: 10px;
        }

            .certifix div img {
                text-align: center;
                width: 85%;
                height: auto !important
            }
}

@media(min-width:1280px) and (max-width:1365px) {
    .certifix {
        text-align: center;
        overflow: hidden;
        margin: 0 auto
    }

        .certifix div {
            display: inline-block;
            padding: 10px;
        }

            .certifix div img {
                text-align: center;
                width: 85%;
                height: auto !important
            }
}

@media(min-width:1024px) and (max-width:1279px) {
    .certifix {
        text-align: center;
        overflow: hidden;
        margin: 0 auto
    }

        .certifix div {
            display: inline-block;
            padding: 10px;
        }

            .certifix div img {
                text-align: center;
                width: 80%;
                height: auto !important
            }
}

@media(min-width:980px) and (max-width:1023px) {
    .certifix {
        text-align: center;
        overflow: hidden;
        margin: 0 auto
    }

        .certifix div {
            display: inline-block;
            padding: 10px;
        }

            .certifix div img {
                text-align: center;
                width: 80%;
                height: auto !important
            }
}

@media(min-width:800px) and (max-width:979px) {
    .certifix {
        text-align: center;
        overflow: hidden;
        margin: 0 auto
    }

        .certifix div {
            display: inline-block;
            padding: 10px;
        }

            .certifix div img {
                text-align: center;
                width: 80%;
                height: auto !important
            }
}

@media(min-width:768px) and (max-width:799px) {
    .certifix {
        text-align: center;
        overflow: hidden;
        margin: 0 auto
    }

        .certifix div {
            display: inline-block;
            padding: 10px;
            width: 20%
        }

            .certifix div img {
                text-align: center;
                width: 90%;
                height: auto !important
            }
}

@media(min-width:600px) and (max-width:767px) {
    .certifix {
        text-align: center;
        overflow: hidden;
        margin: 0 auto
    }

        .certifix div {
            display: inline-block;
            padding: 10px;
        }

            .certifix div img {
                text-align: center;
                width: 90%;
                height: auto !important
            }

    .bgcons i {
        float: left;
        margin-right: 25px !important
    }
}

@media(min-width:480px) and (max-width:599px) {
    .certifix {
        text-align: center;
        overflow: hidden;
        margin: 0 auto
    }

        .certifix div {
            display: inline-block;
            padding: 10px;
            width: 25%
        }

            .certifix div img {
                text-align: center;
                width: 90%;
                height: auto !important
            }
}

@media(min-width:0px) and (max-width:479px) {
    .certifix {
        text-align: center;
        overflow: hidden;
        margin: 0 auto
    }

        .certifix div {
            display: inline-block;
            padding: 10px;
        }

            .certifix div img {
                text-align: center;
                width: 90%;
                height: auto !important
            }
}

@media(min-width:0px) and (max-width:320px) {
    .tpage .materialinput {
        background-color: transparent;
        text-align: center;
    }
}

@media(min-width:321px) and (max-width:380px) {
    .tpage .materialinput {
        padding-left: 0px;
    }

    body {
        overflow-x: hidden;
    }
}
/***********************************||****************************************/
.fixed {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.36);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.36);
    transition: 0.3s
}

.inrfq {
    float: right;
    display: inline-block;
    padding: 11px 29px;
    height: 40px;
    overflow: hidden;
    background-color: #ED7C31;
    border-radius: 10px;
    height: auto;
    font-size: 1em;
    color: #fff !important;
    margin-top: 0px;
    line-height: 17px;
    margin-left: 0px;
    transition: 0.3s;
}

    .inrfq:hover, .inrfq:focus {
        background-color: #008080;
        color: #fff !important;
        transition: 0.3s;
    }

.multipart {
    border-bottom: none !important;
    display: inline-block;
    color: #fff !important
}

    .multipart:hover, .multipart:focus {
        border-bottom: none !important;
        display: inline-flex;
        color: #008080 !important;
    }

.bg_title {
    color: #a8a9ab;
    font-size: 2em;
    position: absolute;
    font-family: 'robotoblack';
    opacity: 0.20;
    text-transform: uppercase;
    margin: 0 auto;
    left: 0px;
    right: 0px
}

.form_titlex {
    text-align: right;
    padding-top: 7px;
    display: block
}

.instant_rfq .form_titlex {
    position: relative;
    z-index: 1000;
    color: #0d1625;
    font-size: 1.8em;
    line-height: 1em;
    font-family: 'robotolight'
}

    .instant_rfq .form_titlex strong {
        font-family: 'robotolight';
        color: #fff
    }

.main_form_holder {
    position: relative;
    z-index: 1000;
    padding: 8px 0px
}

    .main_form_holder input {
        width: 100%;
        padding: 10px 20px;
        border: none;
        background-color: #fff;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        font-size: 1.1em;
        margin-bottom: 10px
    }

        .main_form_holder input:focus {
        }

    .main_form_holder button {
        font-family: 'Roboto', sans-serif !important;
        background-color: #ED7C31;
        padding: 10px 15px;
        border: none;
        color: #fff;
        width: 100%;
        font-size: 1.1em;
        transition: 0.5s;
    }

        .main_form_holder button:hover, .main_form_holder button:focus {
            background-color: #ED7C31;
            color: #fff;
            outline: none !important;
        }

.zoomowlbox {
    border: 5px solid transparent;
    margin-bottom: 30px;
    z-index: 1000;
    position: relative;
    padding: 45px;
    padding-top: 0px
}

    .zoomowlbox .content_section {
        padding-top: 0px
    }

.brush_bg {
    clear: both;
    background-image: url("../images/bg-brush.png");
    background-size: 100%;
    height: 100%;
    margin-top: -500px;
    position: relative;
    z-index: 10;
    background-repeat: no-repeat;
    background-position: bottom
}

.product_slider {
    width: 91.5%;
    margin: 0 auto;
    left: -65px;
    right: 0px;
    position: relative
}

    .product_slider .owl-item div a img {
        width: 100%;
        transition: 0.3s;
        margin-top: 15px;
        margin-bottom: -5px
    }

    .product_slider .owl-item:hover > div {
        position: relative
    }

    .product_slider .owl-item div a:hover img {
        width: 106% !important;
        transition: 0.3s;
        margin-left: -8px;
        margin-top: -10px;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7)
    }

    .product_slider .owl-stage-outer div:hover {
        position: relative;
        z-index: 100000 !important
    }

.owl-carousel02 {
    padding: 0px 15px;
    margin-bottom: 50px
}

    .owl-carousel02 .owl_text {
        margin: 15px 20px;
        color: #ffffff;
        font-size: 1.2em;
        padding: 8px !important;
        position: relative;
        transition: 0.3s;
        position: absolute;
        bottom: 0px
    }

.viewall {
    text-decoration: none !important;
    color: #fff !important;
    padding: 8px 15px;
    float: left;
    background: rgba(255, 93, 57, 1);
    background: -moz-linear-gradient(top, rgba(255, 93, 57, 1) 0%, rgba(231, 57, 18, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 93, 57, 1)), color-stop(100%, rgba(231, 57, 18, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 93, 57, 1) 0%, rgba(231, 57, 18, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 93, 57, 1) 0%, rgba(231, 57, 18, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 93, 57, 1) 0%, rgba(231, 57, 18, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 93, 57, 1) 0%, rgba(231, 57, 18, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5d39', endColorstr='#e73912', GradientType=0)
}

    .viewall:hover {
        color: #fff !important;
        background: rgba(105,116,188,1);
        background: -moz-linear-gradient(top, rgba(105,116,188,1) 0%, rgba(45,64,141,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(105,116,188,1)), color-stop(100%, rgba(45,64,141,1)));
        background: -webkit-linear-gradient(top, rgba(105,116,188,1) 0%, rgba(45,64,141,1) 100%);
        background: -o-linear-gradient(top, rgba(105,116,188,1) 0%, rgba(45,64,141,1) 100%);
        background: -ms-linear-gradient(top, rgba(105,116,188,1) 0%, rgba(45,64,141,1) 100%);
        background: linear-gradient(to bottom, rgba(105,116,188,1) 0%, rgba(45,64,141,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6974bc', endColorstr='#2d408d', GradientType=0 );
    }

.owl-carousel02 .owl_text strong {
    color: #f04c4d;
    font-size: 1.2em;
    display: block;
    margin-bottom: 20px
}

.owl-carousel02 .owl_text a {
    color: #ffffff;
    text-decoration: none
}

.product_slider .owl-item a:hover::after {
    transform: 0.05s;
    opacity: 0;
    top: -111px;
    bottom: 200px;
    left: 0px;
    right: 0px
}

.product_slider .owl-item a::after {
    content: "";
    background-color: rgba(9, 28, 93, 0.6);
    position: absolute;
    top: 15px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    z-index: 1;
    transition: 0.05s
}

.product_slider .owl-item:hover > div .owl_text {
    background-color: #ffffff;
    color: #091c5d;
    transition: 0.3s;
    z-index: 1000;
    position: relative
}

.owl-carousel02 .owl_text {
    z-index: 1000
}

.main_contentx .content_section {
    background-color: #eef0f5;
    padding: 60px 0px
}

.main_contentx {
    background-color: #fff;
    position: relative;
    padding-top: 50px;
    background-image: url('../images/bg-air.png');
    background-repeat: no-repeat;
    background-position: right bottom
}

.nomarg {
    margin-top: -30px !important;
    background-color: #fff
}

.main_contentx > div > div {
    display: block
}

.screen_numbers {
    padding: 15px;
    font-family: 'conthraxsemibold'
}

    .screen_numbers strong {
        position: relative;
        z-index: 2;
        font-size: 4em;
        color: #020ea9
    }

    .screen_numbers p {
        color: #061b5f;
        font-size: 1.4em
    }

        .screen_numbers p b {
            display: block;
            font-size: 1.4em;
            font-weight: normal;
            color: #a9a9aa
        }

.title_style {
    position: relative;
    margin-bottom: 20px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: left !important;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 31px;
}

.logo_holder img {
    padding: 5px;
}

.title_style .bg_title {
    top: -20px
}

.screen_numbers .bg_title {
    font-size: 8rem !important;
    left: 0px;
    top: -30px;
    font-family: 'conthraxsemibold';
    z-index: 1
}

.nomarg .brush_bg {
    position: absolute;
    margin-top: -620px;
    width: 100% !important
}

.fildset_linke {
    background-color: #e5e9ec;
    margin-top: -30px;
    -webkit-border-radius: 0px;
    overflow: hidden;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: none !important
}

    .fildset_linke strong b {
        display: block
    }

.fildsetholder > div {
    padding: 0px 0.5px !important
}

.fildset_linke img {
    width: 100%
}

.fildset_linke .fset {
    top: 65px;
    font-size: 1.9em;
    background-color: transparent;
    color: #fff;
    font-family: 'robotolight' !important;
    line-height: 1.3em
}

    .fildset_linke .fset b {
        font-family: 'robotobold'
    }

.fildset_linke .more_btn {
    left: 0px;
    right: 0px;
    width: 100px;
    float: none;
    text-align: center !important
}

.fildset_linke a:hover {
}

.certix {
    background-color: #fff;
    padding: 30px 0px
}

.big_cta {
    font-size: 2em
}

.owl-carousel03 .owl-stage-outer {
    width: 100%;
    margin: 0 auto !important
}

.white_content {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

/**********************************|owl-carousel-brands|************************************************/
#owl-carousel-brands {
}

    #owl-carousel-brands a {
        display: inline-block;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease
    }

    #owl-carousel-brands .owl-item a:hover {
        webkit-box-shadow: 0px 7px 5px 0px rgba(204, 204, 204, 1);
        -moz-box-shadow: 0px 7px 5px 0px rgba(204, 204, 204, 1);
        box-shadow: 0px 7px 5px 0px rgba(204, 204, 204, 1)
    }

    #owl-carousel-brands .owl-prev, #owl-carousel-brands .owl-next {
        position: absolute;
        font-size: 30px;
        top: -15px
    }

    #owl-carousel-brands .owl-prev {
        right: 30px
    }

    #owl-carousel-brands .owl-next {
        right: 0
    }

    #owl-carousel-brands .owl-item a {
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 10px
    }

        #owl-carousel-brands .owl-item a:last-child {
            border-bottom: 0
        }

    #owl-carousel-brands .owl-item {
        line-height: 0;
        padding: 0
    }

    #owl-carousel-brands .owl-wrapper-outer {
        width: 100%;
        display: inline-block
    }

/*****************************||**********************************/
.main_paging .pager .owl-wrapper-outer, .pagination_top.main_paging {
    overflow: visible;
    z-index: 1000;
}

.main_paging .owl-carousel .owl-item .view_all {
    width: 86px !important
}

.main_paging .pager > li a {
    margin-top: -1px;
    line-height: 21px;
    font-size: 0.9em;
}

.main_paging .pager li > a {
    width: 60px;
    background: #fff;
    border: 0;
    border-radius: 0px;
}

.main_paging .owl-buttons {
    display: none
}

.main_paging .pager {
    width: auto !important;
    margin-right: 0 !important;
    padding: 1px 0
}

    .main_paging .pager li {
        position: relative
    }

    .main_paging .pager > li:hover > a {
        background: #008080 !important;
        color: #fff !important;
    }

    .main_paging .pager li > a:focus {
        background: #008080 !important;
        color: #fff !important;
        border-bottom-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }

    .main_paging .pager li > a:hover {
        background: #008080 !important;
        color: #fff !important;
        border-bottom-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }

.main_paging .open > .dropdown-menu {
    background: #008080 !important;
    color: #000 !important;
    top: 26px;
    border-radius: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    left: -112%;
    font-size: 12px;
    display: inline-flex;
}

.main_paging ul.pager li:last-child .dropdown-menu {
    left: -133%
}

.main_paging .open > .dropdown-menu a {
    width: 23px;
    background: #008080;
    border-right: 0;
    color: #fff !important;
    font-size: 14px
}

.main_paging .browse-btn {
    background: #c0cae4;
    color: #0a1e5f !important;
    font-weight: 700;
}

.dropdown-menu, .dropdown-backdrop {
    position: absolute;
    left: 0px;
    margin-left: 0px;
    overflow: hidden;
}

.main_paging .open > .dropdown-menu {
    left: 0px;
    border: none !important;
}

.main_paging .view_all {
    background-color: #ED7C31;
    color: #fff;
    margin-left: 0px;
}

    .main_paging .view_all:hover {
        background-color: #008080;
        color: #fff;
    }

.main_paging .pager {
    display: inline-block;
}

    .main_paging .pager li a {
        background-color: #008080;
        color: #fff !important;
    }

.main_paging .open > .dropdown-menu {
    padding: 0px 20px;
    margin-top: 10px
}

.brands .owl-carousel02 .owl-item {
    background-color: #fff
}

    .brands .owl-carousel02 .owl-item div div {
        border: 1px #dddddd solid;
        padding: 15px
    }

.brands .owl-carousel02 {
    margin-bottom: 5px;
    padding: 0px
}

.search_long {
    position: relative;
    -webkit-box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.18);
}

    .search_long input {
        border: none;
        width: 100%;
        padding: 10px 15px;
        padding-right: 45px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 1px #edf0f6 solid;
    }

    .search_long button {
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 100;
        color: #ED7C31;
        font-size: 1.5em;
        background-color: transparent;
        border: none;
        padding: 5px 15px
    }

.lhs .big_text {
    margin-top: 0px;
    font-size: 1.8em;
    color: #fff;
    margin-bottom: 15px !important;
}

.lhs .zoomowlbox {
    padding: 15px;
    border-radius: 10px;
    padding-bottom: 0px;
    overflow: hidden;
    border-bottom: none !important;
    background-color: #008080 !important;
}

.lhs .zoomowlboxin {
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    margin: -15px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-bottom: 15px;
}

    .lhs .zoomowlboxin .owl-carousel03 .owl-item span {
        transition: 0.3s;
        position: absolute;
        bottom: 30px;
        padding: 10px 20px;
        background-color: #fff;
        width: 70%;
        margin: 0 auto;
        left: 0px;
        right: 0px;
        text-align: center
    }

        .lhs .zoomowlboxin .owl-carousel03 .owl-item span:hover {
            background-color: #0d1625;
            color: #fff
        }

    .lhs .zoomowlboxin .owl-item:hover > div .owl_text {
        background-color: #ffffff;
        color: #091c5d;
        transition: 0.3s;
        z-index: 1000;
        position: relative
    }

.owl-carousel03 .owl_text {
    margin: 15px 20px;
    border: 2px #ffffff solid;
    color: #020ea9;
    font-size: 1.2em;
    padding: 8px !important;
    position: relative;
    transition: 0.3s;
    text-align: center !important;
    background-color: #ffffff !important
}

.lhs-list {
    margin: 20px 40px 20px 40px
}

.paadingx h3 {
    padding: 20px 40px 0px 40px !important
}

.fildset_linke {
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.47);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.47)
}

    .fildset_linke .fset {
        top: 40px !important
    }

.lhs .fildsetholder .owl-carousel03 .owl-prev {
    right: 70px
}

.lhs .fildsetholder .owl-carousel03 .owl-next {
    right: 35px
}

.lhs .bgcons {
    padding: 0px 0px !important;
    top: 0px;
    margin: 20px !important;
    margin-bottom: 35px !important
}

.cage_code {
    font-size: 1.1em;
    line-height: 1.4em
}

.table.table-bordered.cage_code td {
    width: auto !important
}

.cage_code a {
    color: #333333
}

.valiyes {
    position: absolute;
    color: #14b304;
    right: 15px;
    top: 29px
}

.valino {
    position: absolute;
    color: #ef4b4c;
    right: 15px;
    top: 29px
}

.removespace {
    margin: 0px
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #dbecf4;
    border-color: #dbecf4;
    color: #61646d
}

.table_view {
    overflow: hidden
}

.fsc {
    padding-bottom: 10px !important
}

.tpage {
    position: relative;
    padding-top: 5px;
    margin-top: 15px
}

.brush_bg img {
    position: relative;
    z-index: 1
}

.img_data_disc {
    padding: 0 10px;
    width: 100%;
    text-align: left;
    font-size: 0.9em;
}




@media(min-width:321px) and (max-width:800000000px) {
    .tpage {
        width: 378px;
        margin: 0 auto;
        margin-top: 15px !important;
        left: auto !important;
        right: auto !important
    }
}

.slick-dots {
    position: absolute;
    right: 34px;
    top: 25%;
    z-index: 1000
}

@media(min-width:0px) and (max-width:1024px) {
    .bg-long {
        text-align: center !important;
    }

    .bulet {
        top: 0%
    }

    /*****************|bulet banners|***************/
    .slick-dots {
        right: 10px;
        margin-top: -30px
    }
}

.slick-dots li {
    list-style: none
}

    .slick-dots li button {
        border: none;
        display: block;
        background-color: #ec4a4e;
        padding: 0px;
        height: 20px;
        width: 20px;
        display: block;
        margin: 15px;
        text-align: center;
        color: #fff;
        font-size: 1em;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        transition: 0.3s;
        cursor: pointer;
        text-indent: -100px;
        overflow: hidden
    }

    .slick-dots li:hover button, .slick-dots li:focus button, .slick-active button {
        background-color: #020ea9 !important;
        padding: 5px 10px !important;
        transition: 0.3s;
        height: 30px !important;
        width: 30px !important;
        margin: 13px !important;
        margin-right: 0px !important;
        text-indent: inherit !important
    }

.floting_banner {
    transition: 0.5s
}

    .floting_banner .anim {
        opacity: 0
    }

        .floting_banner .anim:nth-of-type(1) {
            opacity: 1
        }

.mount {
    bottom: -38%;
    z-index: 0;
    width: 100%;
    position: fixed
}

.rfq_holdx {
    width: 78%;
    overflow: hidden;
    padding: 10px 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    float: right;
    position: absolute;
    z-index: 9999;
    top: 30%;
    transform: translateY(-30%);
    margin: 0 auto;
    left: 0px;
    right: 0px
}

    .rfq_holdx input {
        -webkit-border-radius: 0px;
        border: none !important;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: inset 1px 1px 10px 0px rgba(0,0,0,0.28);
        -moz-box-shadow: inset 1px 1px 10px 0px rgba(0,0,0,0.28);
        box-shadow: inset 1px 1px 10px 0px rgba(0,0,0,0.28);
        padding: 12px 55px;
        width: 60%;
        margin: 0 auto !important;
    }

.bigtext {
    font-size: 4.3em;
    margin-top: 20px !important;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Bebas Neue', cursive;
    color: #87adde;
    width: 40%;
    margin: 0 auto;
    text-align: left;
    line-height: 1em
}

    .bigtext span {
        color: #f04c4d
    }

img.bgbox {
    position: absolute;
    width: 500px !important;
    margin: 0 auto !important;
    left: 0px;
    right: 0px;
    z-index: -1
}

.content_sectionx {
    background-color: #fff
}

.main_contentx h2 {
    position: relative;
    margin-bottom: 50px
}

    .main_contentx h2 .bg_title {
        top: 50%;
        transform: translateY(-50%);
        font-size: 2.5em
    }


.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    position: absolute;
    font-size: 1.8em !important;
    margin-left: 20px;
    margin-top: 10px;
    color: #05b6fe;
}

.onformbtn {
    position: absolute;
    background: transparent !important;
    width: auto !important;
    padding: 0px !important;
    font-size: 1.8em !important;
    margin-left: -40px;
    margin-top: 5px;
    color: #05b6fe;
}

    .onformbtn i {
        color: #05b6fe;
    }

/********||*************/
.download-exe {
    color: #383838 !important;
    font-size: 1.1em;
    display: block;
    text-align: center;
    font-weight: normal;
}

.nchanddown {
    background-color: #fff;
    height: 100%;
}

    .nchanddown .nochina {
        z-index: 100
    }

        .nchanddown .nochina img {
            margin-left: -20px;
        }

address p {
    color: #383838;
    font-weight: bold;
}

    address p:hover {
        color: #ED7C31 !important;
        font-weight: bold;
    }

.bigcall {
    font-size: 2em;
    font-family: robotobold
}

.main_nav {
    float: right;
    border-left: none
}

.brandscroll h4 {
    font-size: 1.6em;
    margin-bottom: 30px
}

.brandscroll {
    background-color: #fff;
    overflow: hidden;
    padding: 30px 0px
}

    .brandscroll img {
        width: auto !important;
        margin: 0 auto !important
    }

    .brandscroll .imgbox {
        height: 75px
    }

    .brandscroll .owl-carousel04x .owl-item > div {
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
        margin: 10px;
        padding: 10px 0px 0px 0px
    }

    .brandscroll .owl-carousel04x ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        width: 100%
    }

        .brandscroll .owl-carousel04x ul li {
            width: 50%;
            display: inline-block;
            padding: 8px 15px;
            border: 1px #ccc solid;
            margin-top: -1px;
            margin-right: -3px
        }

.redbg {
    background-color: #f04c4d;
    padding: 30px !important
}

    .redbg h4 {
        color: #000;
        z-index: 100;
        position: relative;
        font-size: 1.6em;
        margin-bottom: 30px;
        z-index: 1
    }

        .redbg h4 abbr {
            color: rgba(255, 255, 255, 0.7);
            z-index: -1
        }

.brandscroll .owl-carousel05x {
    padding-bottom: 30px;
    overflow: visible
}

.redbg .owl-item {
    background-color: #000
}

    .redbg .owl-item img {
        opacity: 0.6;
        transition: 0.5s
    }

    .redbg .owl-item:hover img {
        opacity: 0.3
    }

.brandscroll .owl-carousel05x .owl-next:hover, .brandscroll .owl-carousel05x .owl-prev:hover {
    color: #fff !important
}

.redbg .owl-item span {
    transition: 0.5s;
    position: absolute;
    bottom: 0%;
    color: #fff;
    width: 80%;
    margin: 0 auto;
    left: 0%;
    right: 0%;
    text-align: center;
    padding: 20px 15px;
    display: block;
    font-size: 1.5em
}

.redbg .owl-item:hover span {
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto
}

.redbg .owl-item:hover {
    -webkit-box-shadow: 0px 10px 5px -6px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0px 10px 5px -6px rgba(0, 0, 0, 0.39);
    box-shadow: 0px 10px 5px -6px rgba(0, 0, 0, 0.39)
}

.owl-carousel05x {
}

.lhs .slide03 {
    border-left: none !important
}

.owl-carousel04x .owl-prev, .owl-carousel05x .owl-prev {
    width: 40px !important;
    text-align: center;
    position: absolute !important;
    display: inline-block;
    left: 20px;
    padding: 2px 11px 3px 10px;
    color: #5875b3;
    font-size: 1.5em;
    top: 35%;
    transform: translate(-50%);
}

.owl-carousel04x .owl-next, .owl-carousel05x .owl-next {
    width: 40px !important;
    text-align: center;
    position: absolute !important;
    display: inline-block;
    right: -20px;
    padding: 2px 10px 3px 11px;
    color: #5875b3;
    font-size: 1.5em;
    font-weight: bold;
    top: 35%;
    transform: translate(-50%);
}

    .owl-carousel04x .owl-prev:hover, .owl-carousel04x .owl-next:hover {
        color: #ec4a4e
    }

    .owl-carousel05x .owl-prev:hover, .owl-carousel05x .owl-next:hover {
        color: #fff
    }

    .owl-carousel04x .owl-prev:hover .fa-angle-left::after, .owl-carousel04x .owl-next:hover .fa-angle-right::after {
        color: #ec4a4e;
    }

    .owl-carousel05x .owl-prev:hover .fa-angle-left::after, .owl-carousel05x .owl-next:hover .fa-angle-right::after {
        color: #fff;
    }

.content_section > p.red_text, p.redtex {
    color: red !important
}
/*p.redtex { margin-top: -38px !important }*/
.rfq_form abbr {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

    .rfq_form abbr .fa-check {
        color: #03b65b;
        display: none;
    }

    .rfq_form abbr .fa-close {
        color: #d30105;
        display: none;
    }

.captchabox {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px
}

.table_view td a.more_btn {
    color: #fff !important
}

    .table_view td a.more_btn:hover {
        color: #fff !important
    }

.rfq_form h4 {
    border: 3px #fff solid !important
}

.dark {
    background-color: #008080 !important;
    margin-bottom: 0px !important;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.light {
    background-color: #55785f !important;
    margin-bottom: 0px !important;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

form .slidehead2.dark {
    margin-bottom: 20px !important;
}

form .slidehead2.light {
    margin-bottom: 20px !important;
}

.nav_holder ul li a.mrox {
    background-color: #fff !important;
    padding: 5px 15px !important;
    color: #f04c4d !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: auto !important
}

    .nav_holder ul li a.mrox ~ span {
        display: none !important
    }

@media(min-width:599px) and (max-width:768px) {
    .bgcons {
        padding: 15px 0px !important
    }

        .bgcons > div > div {
            text-align: left !important
        }
}

.outer_rfq ul {
    margin: 0 auto;
    padding: 0;
}

    .outer_rfq ul li {
        list-style-type: none;
        float: left;
        color: #fff;
        width: 33.33%;
        text-align: center;
    }

.outer_rfq {
    background-color: #ED7C31;
    padding: 15px;
    width: 100%;
    margin: 15px auto;
}

.upload_cust_file, .upload_cust_file:focus, .upload_cust_file:hover {
    text-transform: capitalize;
    color: #383838;
    padding: 8px 30px;
    background-color: #fff !important;
    font-size: 25px;
    outline: none;
    text-decoration: none;
}

.data_cust_table {
    width: 100%;
    max-width: 100%;
}

    .data_cust_table tr td {
        padding: 10px;
    }

/*******************|twosec2|************************/
.twosec2 {
    overflow: hidden;
    text-align: left;
}

.iconicons {
    width: 80% !important;
    margin: 0 auto !important;
    overflow: hidden;
    display: block;
    padding: 0px 40px
}

.iconiclist {
    list-style: none;
    margin: 0 auto;
    margin-top: 20px
}

    .iconiclist .owl-stage-outer {
        overflow: hidden;
        margin: 0 auto !important
    }

    .iconiclist .owl-item {
        display: inline-block;
        vertical-align: top
    }

        .iconiclist .owl-item a {
            margin: 10px 0px !important;
            display: block;
            text-align: center;
            padding: 10px 8px;
            border: 1px #ccc solid;
            font-size: 0.9em !important;
            line-height: 1.2em;
            text-decoration: none
        }

            .iconiclist .owl-item a img {
                width: auto !important;
                margin: 0 auto !important
            }

.main_form_holder {
}

.iconicons .owl-prev i, .iconicons .owl-next i {
    font-size: 2.5em
}

.iconicons .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -40px
}

.iconicons .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -40px
}

.bg-blue h2 {
    margin-bottom: 38px;
    padding-left: 20px;
}

.bg-blue {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}

#selling_part {
    width: 100%;
    padding: 0 30px;
}

.bg-blue > div {
    height: auto !important;
    font-family: 'Roboto', sans-serif;
}

.bg-blue ul {
    list-style: none;
    margin-top: 10px;
}

    .bg-blue ul li {
        display: inline-block;
        width: 49%;
        padding: 5px 0px;
    }

        .bg-blue ul li:last-child {
            border: none !important;
        }

        .bg-blue ul li a {
            color: #fff !important;
        }

            .bg-blue ul li a:hover {
                color: #fff !important;
            }

.bg-blue h2 {
    position: relative;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}

.flotingimg {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 0
}

.aboutsec {
    color: #fff;
    padding-left: 0;
    padding-right: 0;
}

.breadcrumb_links a:hover {
    color: #fff !important;
}

.aboutsec p {
    font-size: 1.2em;
    margin: 5px auto;
    text-align: justify;
    color: #000;
}

.gradi {
    background: rgba(71, 66, 106, 1);
    background: -moz-linear-gradient(left, rgba(71, 66, 106, 1) 0%, rgba(148, 114, 120, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(71, 66, 106, 1)), color-stop(100%, rgba(148, 114, 120, 1)));
    background: -webkit-linear-gradient(left, rgba(71, 66, 106, 1) 0%, rgba(148, 114, 120, 1) 100%);
    background: -o-linear-gradient(left, rgba(71, 66, 106, 1) 0%, rgba(148, 114, 120, 1) 100%);
    background: -ms-linear-gradient(left, rgba(71, 66, 106, 1) 0%, rgba(148, 114, 120, 1) 100%);
    background: linear-gradient(to right, rgba(71, 66, 106, 1) 0%, rgba(148, 114, 120, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47426a', endColorstr='#947278', GradientType=1)
}

.gradi {
    color: #fff;
    padding: 15px 20px;
    overflow: hidden
}

    .gradi ul {
        list-style: none;
        margin-top: 15px;
        font-size: 0.9em;
        margin-left: 0px;
        padding-left: 0px;
    }

        .gradi ul li {
            display: inline-block;
            width: 49%;
            padding: 4px 0px;
            padding-left: 13px !important;
            background-image: url('../images/arrow-left.png');
            background-repeat: no-repeat;
            background-position: left center;
        }

            .gradi ul li a {
                color: #fff;
            }

.gradix {
}

.gradi .viewall {
    display: block;
    width: 110px;
    text-align: center;
    margin: 0 auto !important;
    float: none !important;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
    left: 0px !important;
    right: 0px !important;
}

.gradix .owl-item:hover .gradi, .gradix .owl-item:focus .gradi {
    background: #e73812;
}

    .gradix .owl-item:hover .gradi .viewall, .gradix .owl-item:focus .gradi .viewall {
        color: #fff !important;
        background: rgba(105,116,188,1);
        background: -moz-linear-gradient(top, rgba(105,116,188,1) 0%, rgba(45,64,141,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(105,116,188,1)), color-stop(100%, rgba(45,64,141,1)));
        background: -webkit-linear-gradient(top, rgba(105,116,188,1) 0%, rgba(45,64,141,1) 100%);
        background: -o-linear-gradient(top, rgba(105,116,188,1) 0%, rgba(45,64,141,1) 100%);
        background: -ms-linear-gradient(top, rgba(105,116,188,1) 0%, rgba(45,64,141,1) 100%);
        background: linear-gradient(to bottom, rgba(105,116,188,1) 0%, rgba(45,64,141,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6974bc', endColorstr='#2d408d', GradientType=0 );
    }


.bgconsh {
}

.brandsscroll {
}

    .brandsscroll h3 {
        margin-top: 0px;
    }

    .brandsscroll .content_section {
        -webkit-box-shadow: -1px 4px 5px 0px rgba(0, 0, 0, 0.18);
        -moz-box-shadow: -1px 4px 5px 0px rgba(0, 0, 0, 0.18);
        box-shadow: -1px 4px 5px 0px rgba(0, 0, 0, 0.18);
        display: block;
        padding: 15px 30px 30px 30px
    }

.lhs .form_holder {
    padding: 20px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.listed {
    color: #333333;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.18);
}

    .listed .slidehead {
        color: #333 !important;
        font-family: "robotoregular" !important
    }

/*.lhs .redbgx{background-color: #e00823 !important}
.lhs .graybgx{background-color: #3e3e3f !important}*/
.lhs .listed.secondlisted {
}

    .lhs .listed.secondlisted li {
        display: inline-block;
        width: 49%
    }

.listed-details {
    background-color: #fff;
    padding: 20px;
    border: 1px #c3bbbb dotted;
    margin-bottom: 30px;
}

.left-etc a, .right-etc a {
    background-color: #ED7C31 !important;
    color: #fff !important
}

    .left-etc a:hover, .right-etc a:hover {
        background-color: #e8555f !important !important;
        color: #fff !important
    }

.pagination > li > a, .pagination > li > span {
    color: #61646d;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.flotingtext {
    color: #fff;
    position: absolute;
    top: 20%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    font-size: 2em;
    text-align: center
}

.table_view tr:last-child {
    border-bottom: none !important
}
/*.table_view tr td:last-child { border-bottom: none !important }*/

.bg-blue .col-lg-4 ul {
    padding: 0px;
}

.hidemob {
    display: block;
    width: 100%;
    border: 1px #fff solid;
}

.hidedesk {
    display: none;
    width: 100%;
    border: 1px #fff solid;
}

a:hover > img.hidemob {
    opacity: 0.8;
    border: 1px #ccc solid;
}

a:hover > img.hidedesk {
    opacity: 0.8;
    border: 1px #ccc solid;
}

a:focus > img.hidemob {
    opacity: 0.8;
    border: 1px #ccc solid;
}

a:focus > img.hidedesk {
    opacity: 0.8;
    border: 1px #ccc solid;
}




.main_paging .pager > li:hover > a {
    background: #008080 !important;
    color: #fff !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.main_paging .pager > li > ul li:hover a {
    background: #008080 !important;
    color: #fff !important;
}

.contactform .red_text {
    color: red !important;
    margin-top: 11px !important;
}

@media(min-width:0px) and (max-width:767px) {

    .hidemob {
        display: none;
    }

    .hidedesk {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .contactform .red_text {
        color: red !important;
        margin-top: 0px !important;
    }
}

.gradi strong {
    display: block !important;
    margin-bottom: 5px;
}

.fsc td a:hover {
    color: #61646d !important;
}




.cta2 {
    display: block;
    clear: both;
    color: #fff !important;
}

    .cta2 a {
        color: #fff !important;
        display: inline-block;
        padding: 8px 30px;
        font-size: 1.3em !important;
        border: 2px #fff solid;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        margin: 0px 5px;
        text-decoration: none !important;
    }

        .cta2 a:hover {
            color: #3c4aa3 !important;
        }

        .cta2 a:first-child i {
            font-size: 1.3em;
            padding-top: 0px;
        }
/*****************||*********************/

.custom-radio {
    list-style: none;
    margin-bottom: 18px;
}

    .custom-radio div {
        display: inline-block;
        padding: 3px 20px;
        color: #fff;
    }


input[type=radio].with-font,
input[type=checkbox].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    input[type=radio].with-font ~ label:before,
    input[type=checkbox].with-font ~ label:before {
        font-family: FontAwesome;
        display: inline-block;
        content: "\f204";
        letter-spacing: 10px;
        font-size: 1.2em;
        color: #d8d9dd;
        width: 1.4em;
    }

    input[type=radio].with-font:checked ~ label:before,
    input[type=checkbox].with-font:checked ~ label:before {
        content: "\f205";
        font-size: 1.2em;
        color: #3c4aa3;
        letter-spacing: 5px;
    }

    input[type=checkbox].with-font ~ label:before {
        content: "\f204";
    }

    input[type=checkbox].with-font:checked ~ label:before {
        content: "\f205";
        color: #3c4aa3;
    }

    input[type=radio].with-font:focus ~ label:before,
    input[type=checkbox].with-font:focus ~ label:before,
    input[type=radio].with-font:focus ~ label,
    input[type=checkbox].with-font:focus ~ label {
        color: #3c4aa3;
    }

.boxtileopen {
}

    .boxtileopen span {
        position: absolute;
        color: #fff;
        font-size: 1.4em;
        top: 23%;
        display: inline-block;
        padding: 25px;
        width: 65%;
    }

.boxtile div span {
    position: absolute;
    color: #fff;
    font-size: 1.4em;
    top: 0px;
    display: inline-block;
    padding: 25px;
    width: 65%;
}

.twosec2x {
    margin-top: -100px;
    overflow: hidden;
    padding-bottom: 30px;
    background-color: transparent;
}

.metro-tile {
    margin-left: -30px;
}

    .metro-tile h1 {
        color: #fff;
        margin-bottom: 20px;
        margin-top: 0px;
        margin-left: 15px;
    }

.boxtile div {
    margin: 30px 0px 0px 0px;
}

.side_text {
}



.bg-long {
    text-align: left;
    background-image: url('../images/footer-top01.jpg');
    padding: 40px 120px;
    margin-bottom: 30px;
    background-size: 100%;
    overflow: hidden;
    color: #fff;
}

    .bg-long h1, .bg-long h2, .bg-long h3, .bg-long h4 {
        text-transform: uppercase;
        margin-bottom: 20px;
        font-size: 1.9em;
        font-family: robotobold;
        color: #fff !important;
    }

.long-form input {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 13px 15px;
    line-height: 0px;
    font-size: 1.2em;
    border: none !important;
    width: 45%;
    color: #848894;
}

.calllong i, .long-form button i {
    margin-right: 5px;
}

.calllong, .long-form button {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px 30px;
    font-size: 1.3em;
    background-color: #3c4aa3;
    color: #fff;
    text-decoration: none !important;
    display: inline-block;
    border: none !important;
    text-transform: uppercase;
}

    .calllong:hover, .long-form button:hover, .calllong:focus, .long-form button:focus {
        background-color: #fa6b2e;
        color: #fff;
    }

.bg-long2 {
    background-image: url('../images/footer-top02.jpg');
    text-align: center;
    padding: 50px 50px;
    margin-bottom: 0px;
    background-size: 100%;
    overflow: hidden;
    color: #fff;
}

    .bg-long2 p {
        font-size: 1.4em;
        color: #000;
    }

.iconinc img {
    width: auto;
    height: auto !important;
    margin: 0px 10px;
}

h1, h2, h3, h4, h5, h6 {
    color: #0d2300;
    font-weight: bold;
}

.ftext {
    bottom: 0px;
    color: #fff;
    padding: 20px;
    font-size: 1.4em;
    background-color: #292929;
}

    .ftext span {
        background-color: #00acd7;
        padding: 2px;
        display: block;
        width: 70px;
        margin-top: 10px;
    }

.boxholdx a {
    text-decoration: none !important;
    color: #000;
    font-size: 1.2em;
}

    .boxholdx a:hover div {
        -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.13);
        -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.13);
        box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.13);
    }

.boxholdx {
    text-align: center;
}

    .boxholdx div div {
        background-color: #fff;
        margin: 15px 0px;
        padding: 30px 20px;
        font-weight: bold;
    }

.listingsec div div {
    background-color: #fff;
    margin: 15px 0px;
    padding: 20px;
}

    .listingsec div div ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .listingsec div div ul li {
            width: 49%;
            display: inline-block;
            padding: 10px 0px;
            border-bottom: 2px #eff1f4 solid;
        }

.arrowx {
    position: absolute;
    bottom: 45px;
    left: 45px;
    transition: 0.3s;
}

    .arrowx img {
        width: auto !important;
        height: auto !important;
    }

a:hover .arrowx, a:hover .arrowx {
    left: 55px;
    transition: 0.3s;
}


.oranger-holder {
    padding: 0px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.oranger {
    background-color: transparent !important;
    margin: 0px !important;
    padding: 15px 30px !important;
}

h3.slidehead.oranger {
    color: #111 !important;
    padding-left: 0px !important;
}

.oranger-holder.owl-carousel03 {
    margin: 0px !important;
}

.oranger-holder .more_btn {
    font-size: 1.4rem !important;
}


.listbg {
    margin: -21px;
    width: 111% !important;
    display: block;
}

    .listbg img {
        width: 103% !important;
    }

    .listbg ~ h3 {
        top: 0%;
        transform: translateY(-180%);
    }

.lhs .main_form_holder div {
    position: relative;
}

    .lhs .main_form_holder div input {
        padding-right: 43px !important;
        border-bottom: 1px #e1e2e7 solid;
    }


    .lhs .main_form_holder div > i {
        position: absolute;
        right: 20px;
        top: 13px;
        font-size: 1.3em;
        color: #ccc;
    }

    .lhs .main_form_holder div:hover > i {
        color: #e2e3e3;
    }

    .lhs .main_form_holder div input:focus ~ i {
        color: #e2e3e3;
    }

.lhs .gradix img {
}


.detailstag {
    list-style: none;
    display: block;
    overflow: hidden;
    margin: 0px 15px;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: -18px;
}

    .detailstag li {
        display: inline-block;
        padding: 10px 20px;
        background-color: #d9dbdc;
        margin-bottom: 5px;
        margin-right: 5px;
        margin-left: -4px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }



.gradix .owl-item {
    position: relative;
    text-align: left;
}

    /*.gradix .owl-item > div::after{ transition: 0.3s; position:relative; content: ''; background-color: rgba(0,64,249,0.4); top:100%; bottom:0%; left: 0%; right: 0%; position: absolute; z-index: 1;  }*/
    .gradix .owl-item:hover > div::after {
        top: 0%;
    }

.ftext {
    z-index: 100;
}

.oneline li {
    width: 100% !important;
}


.banner_text {
    font-size: 160%;
    display: block;
    margin-bottom: 15px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}





/*******************||*********************/
.megamenu {
    background-image: url('../images/background.png') !important;
    display: none;
    vertical-align: top;
    text-align: left;
    font-family: 'robotolight' !important;
    font-size: 1em !important;
    position: fixed;
    left: 0px;
    right: 0px;
    width: 100%;
    padding: 20px;
    padding-bottom: 50px;
    background-color: rgba(60,74,163,0.8);
    padding-left: 25%;
    background-image: url('../images/mengamenu-bg.png');
    background-repeat: no-repeat;
    background-position: center center !important;
    background-size: cover;
}

.main_nav li:hover .megamenu {
    display: block;
}

.megamenu > ul {
    display: inline-block;
    width: 24%;
    vertical-align: top;
}

    .megamenu > ul li {
        text-align: left;
        color: #fff;
    }

        .megamenu > ul li strong {
            display: inline-block;
            font-weight: bold;
            border-bottom: 1px #fff solid;
            margin-bottom: 15px;
            margin-top: 15px;
            font-family: 'robotomedium' !important;
        }

        .megamenu > ul li a {
            padding: 6px 15px !important;
            color: #fff;
            font-weight: normal;
            display: block; /*border-bottom: 1px rgba(255,255,255,0.4) dashed;*/
        }




@media(min-width:0px) and (max-width:1279px) {

    .megamenu {
        position: relative;
        display: none;
        width: 100% !important;
        padding: 0px !important;
        overflow: hidden;
        background-image: none !important;
    }

    .main_nav li:hover .megamenu {
        display: none;
    }

    .megamenu ul {
        width: 100% !important;
        display: block !important;
        overflow: hidden;
        margin: 0px;
        padding: 0px 12px !important;
    }

    .nav_holder ul li a {
        font-family: 'Roboto', sans-serif;
    }
}

.contactform input {
    margin-bottom: 0px !important;
}
/*.boxlistx{margin-top: -100px;}*/
.boxlistx img {
    width: 100%;
}

.boxlistx {
    padding-bottom: 5px;
    position: relative;
    z-index: 100;
    margin-top: 0px;
    display: none;
}

    .boxlistx > div > div {
    }

        .boxlistx > div > div div strong {
            font-size: 1em;
            display: block;
            padding: 30px 20px;
            width: 57%;
            display: table-cell;
            vertical-align: top;
        }

        .boxlistx > div > div > div > div > div > div, .boxlistx > div > div > a > div {
            background-color: #fff;
            overflow: hidden;
            position: relative;
        }

        .boxlistx > div > div > div {
            overflow: visible;
            position: relative;
        }

.hfree {
}

/*************|rfqhome|*****************/
.rfqhome {
    margin: 0 0 20px 0;
    padding: 0px 5px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.55);
}

    .rfqhome button {
        bottom: 0px;
        background-color: #fff;
        padding: 5px 30px !important;
    }

        .rfqhome button i {
            color: #e8555f !important;
        }

        .rfqhome button:hover, .rfqhome button:focus {
            outline: none !important;
            background-color: transparent;
        }

    .rfqhome h3 {
        margin-bottom: 20px;
    }

    .rfqhome p {
        text-align: left;
    }

    .rfqhome input::placeholder {
        display: block;
        width: 100%;
        padding: 0px 15px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border: none;
        margin-bottom: 0px;
        border-right: 2px #e1e2e7 solid;
        color: #435c9f;
    }

    .rfqhome input::placeholder {
        color: #000 !important;
    }

.grayboxhome {
    padding-bottom: 10px;
    /*    position: absolute;1327
    bottom: -150px;*/
    z-index: 1000;
    background-color: transparent !important;
    display: block;
}

    .grayboxhome .iconbox {
        text-align: center;
        padding: 0px;
        overflow: hidden;
        width: 80%;
        margin: 0 auto;
        background-color: #fff;
        position: relative;
        z-index: 100;
        border-radius: 0px;
        -webkit-box-shadow: 0px 0px 33px -9px rgba(0,0,5,0.35);
        -moz-box-shadow: 0px 0px 33px -9px rgba(0,0,5,0.35);
        box-shadow: 0px 0px 33px -9px rgba(0,0,5,0.35);
    }

.graybox-main {
    background-image: linear-gradient(to right, #008080, #ED7C31);
    padding: 15px;
}

.graybox {
    padding-top: 0px;
    padding-bottom: 0px;
    width: 1602px;
    margin: 10px auto;
}

.iconbox {
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 100;
}

    .iconbox > div {
        background-repeat: no-repeat;
        background-position: center top;
        padding-top: 20px;
        padding-bottom: 20px;
    }

.wsix_cust_btn {
    background-color: #ED7C31;
}

.iconbox p {
    color: #fff;
    font-size: 1em;
    display: block;
    padding: 0px 30px;
    margin-top: 20px !important;
}

.iconbox > div:last-child p {
    border: none;
}

.iconbox p strong {
    display: block;
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    font-weight: unset;
}

.ic_disc, .ic_disc1, .ic_disc2, .ic_disc3 {
    width: 265px;
    margin: 0 auto;
    display: block;
}

.ic_disc1 {
    width: 276px;
}

.ic_disc2 {
    width: 267px;
}

.ic_disc3 {
    width: 267px;
}

f

.copy {
    color: #5f5f5f;
}

.iconbox h2 {
    display: none;
    position: relative;
    z-index: 100;
    color: #383838;
}

.t1, .t2 {
    color: #008080;
    font-family: 'Bebas Neue', cursive;
    font-size: 52px;
    text-align: center;
    border-bottom: 3px solid #ED7C31;
    font-weight: normal;
}


.bg-footertopx h3 {
    color: #000;
    display: block;
    margin: 30px auto;
    text-align: left;
    text-transform: uppercase;
    font-size: 1.8em;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 1px;
}

.bg-footertopx .container {
    width: 100% !important;
}

.bluehead {
    background-color: #3c4aa3;
    color: #fff;
    font-size: 1.5em;
    padding: 20px;
    display: block;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-bottom: 15px;
}


.bg-footertop > .container div:nth-of-type(2) ul li {
    display: inline-block;
    width: 100%;
}

.bg-footertop > .container div:nth-of-type(3) ul li {
    display: inline-block;
    width: 32.3%;
}

.part-image {
}

.bg-blue .owl-carousel03 {
    padding: 0px !important;
}

    .bg-blue .owl-carousel03 .owl-item {
        background-position: 0px 800px;
        transition: 0.8s;
        background-image: url('../images/bg-slide.jpg');
        background-repeat: no-repeat;
        background-size: 100%;
        padding-top: 15px;
    }

        .bg-blue .owl-carousel03 .owl-item:hover {
            background-position: 0% 0%;
            transition: 0.3s;
        }

            .bg-blue .owl-carousel03 .owl-item:hover ul li a, .bg-blue .owl-item:hover strong {
                color: #fff !important;
                transition: 0.5s;
            }

                .bg-blue .owl-carousel03 .owl-item:hover ul li a:hover {
                    color: #fa6b2e !important
                }



.bg-blue .owl-item ul {
    display: block;
    margin: 0px;
    padding: 0px;
}

.bg-blue .owl-item strong {
    font-size: 1.4em;
    color: #3c4aa3;
    display: block;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.linex {
    display: block;
    margin-top: 10px !important;
    background-color: #3c4aa3;
    height: 3px;
    width: 60px;
    margin: 0 auto;
    clear: both;
}


#landscape-canvas {
    top: 0px !important;
    bottom: 0%;
    background-image: url('../imagine/img/background.jpg');
    background-size: 100%;
    background-position: bottom;
    top: -110px !important;
    z-index: 0 !important
}



.section-title {
    font-family: 'night_machineregular';
    font-weight: normal !important;
}



.listed .slidehead {
    margin: -20px;
    margin-bottom: 10px;
    padding: 15px;
}

    .listed .slidehead strong {
        font-weight: normal;
    }



.table.table-bordered tr:nth-child(even) {
    background-color: #fff;
}

.whitex {
    background-color: #fff;
}



.lhs .slidehead {
    margin-top: 0px !important;
}

.boxlistx > div .formbg img {
    display: none;
}

.boxlistx > div .formbg > div {
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.flotingheading {
    font-weight: bold;
    color: #000;
    font-size: 2em;
    padding-left: 0px;
    padding-right: 20px;
    margin-bottom: 20px;
    text-align: left;
}

.zoomowlbox {
    background-color: #E4F6F8 !important;
}

.zoomowlboxin div {
    background-color: #008080 !important;
}

.zoomowlbox .bgcons {
    padding-top: 0px !important;
    margin: 15px 0px !important;
}

    .zoomowlbox .bgcons h3 {
        margin-top: 0px !important;
        display: none;
    }

.table_view .table.fscsx td {
    width: 100% !important;
}

.fscsx td a {
    color: #333;
}

.table-bordered.fscsx2 {
    border: none !important;
}

.fscsx {
    margin-bottom: 0px;
    border: 0px !important;
}

    .fscsx td {
        padding: 9px;
    }

.table_view .table.fscsx2 tr:last-child td {
    width: 100% !important;
}



.rfqhome h3 span {
    font-weight: bold;
    font-family: 'robotomedium';
}

.owl-carousel03 {
    background-color: transparent !important;
}

    /*.rfqhome input {border-right: 2px solid #eee !important;}*/

    /*.owl-carousel03.hpsl > .owl-stage-outer > div > div{background-color: #368cf6;}
.owl-carousel03.hpsl > .owl-stage-outer > div > div:hover{background-color: #55785f}*/

    .owl-carousel03.hpsl > div > div > div a {
        color: #1965b3;
        font-family: 'Roboto', sans-serif;
        font-weight: normal !important;
        font-size: 1.3em;
    }



/* .owl-carousel04x .owl-item:hover strong{
	position: absolute;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 100%;
	background-color: rgba(84,130,53,0.7);
}
.disc_pic strong {
    position: relative;
    height: 65px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    width: 100%;
    margin: 0 auto;
    background-color: #ED7C31;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 22px;
    bottom: 65px;
} */

/*.owl-carousel04x .owl-item:hover .disc_pic::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,32,129,0.4);
	visibility: visible;
	z-index: 9;
	display: block;
	width: 100%;
	height: 95% !important;
}*/
.immg_holder, .cust_airpic {
    position: relative;
}

.overlay strong, .air_overlay strong a {
    color: #fff;
    font-size: 22px;
}

.overlay, .air_overlay {
    position: absolute;
    bottom: auto;
    left: 0;
    top: 0;
    right: 0;
    overflow: hidden;
    height: 70px;
    background-color: #ED7C31;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s ease;
    border-radius: 10px;
}

.air_overlay {
    background-color: #008080;
    top: auto;
    bottom: 0;
}
    /* .immg_holder:hover .overlay,
.cust_airpic:hover .air_overlay {
	height: 100%;
	background-color: rgba(84,130,53,0.7);
} */
    .air_overlay strong a:hover {
        color: #fff !important;
    }

.disc_pic img, .cust_airpic img {
    width: 100% !important;
    border-radius: 10px;
}

/*.owl-carousel04x div strong{ display: block; color: #fff; font-size: 1.3em; padding:15px 30px; transition: 0.3s; position: fixed; display: block; width: 68%;
top: 6px; text-align: left; z-index: 1; }*/

/*
.owl-carousel04x .owl-stage-outer{padding-bottom: 50px;}*/

.owl-carousel04x > .owl-stage-outer > div > div a {
    display: block;
}
/*.owl-carousel04x > .owl-stage-outer > div > div a strong::before{content: '';  background-color: #131de2; height: 3px; position: absolute; top: 15px; width: 80px;}*/

.owl-carousel04x .owl-item, .owl-carousel04x > .owl-stage-outer > div > div a {
    margin-bottom: 0px;
}

.owl-carousel04x > .owl-stage-outer > div > div a {
    text-decoration: none !important;
}
/*.owl-carousel04x > .owl-stage-outer > div > div img{transition: 0.3s; position: absolute !important; bottom: 2px; width: 100%; margin: 0px auto !important; left: 0px; right: 0px;}*/
/*.owl-carousel04x > .owl-stage-outer > div > div:hover img{opacity: 1; transition: 0.3s}*/

.owl-carousel04x > .owl-stage-outer > div > div strong {
    transition: 0.3s;
}







/*.owl-carousel04x > .owl-stage-outer > div > div:nth-child(4n+1) strong{background-color: #12110f; transition: 0.3s;}
.owl-carousel04x > .owl-stage-outer > div > div:nth-child(4n+2) strong{background-color: #6c9cce; transition: 0.3s;}
.owl-carousel04x > .owl-stage-outer > div > div:nth-child(4n+3) strong{background-color: #ffce03; transition: 0.3s;}*/


/*.owl-carousel04x > .owl-stage-outer > div > div:nth-child(4n+0) a:focus strong{background-color: #e00823; transition: 0.3s;}
.owl-carousel04x > .owl-stage-outer > div > div:nth-child(4n+1) a:focus strong{background-color: #12110f; transition: 0.3s;}
.owl-carousel04x > .owl-stage-outer > div > div:nth-child(4n+2) a:focus strong{background-color: #6c9cce; transition: 0.3s;}
.owl-carousel04x > .owl-stage-outer > div > div:nth-child(4n+3) a:focus strong{background-color: #ffce03; transition: 0.3s;}*/



/*
.owl-carousel04x > .owl-stage-outer > div > div:nth-child(4n+0){background-color: #e00823; transition: 0.3s;}
.owl-carousel04x > .owl-stage-outer > div > div:nth-child(4n+1){background-color: #12110f; transition: 0.3s;}
.owl-carousel04x > .owl-stage-outer > div > div:nth-child(4n+2){background-color: #6c9cce; transition: 0.3s;}
.owl-carousel04x > .owl-stage-outer > div > div:nth-child(4n+3){background-color: #ffce03; transition: 0.3s;}*/

.owl-carousel03.hpsl .owl-next {
    color: #888;
    padding: 5px 15px;
    opacity: 1;
    transition: 0.3s;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-right: -50px;
    font-size: 1.5em !important;
    display: none !important;
}

.owl-carousel03.hpsl .owl-prev {
    color: #888;
    padding: 5px 15px;
    opacity: 1;
    transition: 0.3s;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-left: -50px;
    font-size: 1.5em !important;
    display: none !important;
}

.owl-carousel03.hpsl .owl-next:hover {
    color: #55785f;
    padding: 5px 15px;
    opacity: 1;
    transition: 0.3s;
}

.owl-carousel03.hpsl .owl-prev:hover {
    color: #55785f;
    padding: 5px 15px;
    opacity: 1;
    transition: 0.3s;
}



.owl-carousel04x .owl-next {
    color: #333;
    padding: 5px 15px;
    opacity: 1;
    transition: 0.3s;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-right: -55px;
    display: none !important;
}

.owl-carousel04x .owl-prev {
    color: #333;
    padding: 5px 15px;
    opacity: 1;
    transition: 0.3s;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-left: -55px;
    display: none !important;
}

.owl-carousel04x .owl-stage {
    margin: 0 auto;
}

.lhs .owl-carousel04x .owl-next {
    margin-right: 0px;
}

.lhs .owl-carousel04x .owl-prev {
    margin-left: 0px;
}


.owl-carousel04x .owl-next:hover {
    color: #fff;
    padding: 5px 15px;
    opacity: 1;
    transition: 0.3s;
}

.owl-carousel04x .owl-prev:hover {
    color: #fff;
    padding: 5px 15px;
    opacity: 1;
    transition: 0.3s;
}

.main_paging .pager > li > a {
}

.flotingtextx {
    font-family: 'Roboto', sans-serif;
    top: 123px;
    position: absolute;
    left: 0;
    color: #fff;
    width: 677px;
    font-size: 40px;
    z-index: 1;
    text-align: left;
    margin: 0 auto;
    letter-spacing: 2px;
    font-weight: bold;
    bottom: auto;
    height: 160px;
    display: flex;
    align-items: center;
    padding: 36px 68px 32px 57px;
    border-bottom-right-radius: 500px;
}

.bg-blue {
    padding: 30px;
    background: rgb(0,128,128);
    background: linear-gradient(180deg, rgba(0,128,128,1) 0%, rgba(237,124,49,1) 100%);
    margin-top: 35px;
    border-radius: 10px;
    position: relative;
}

    .bg-blue::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 3px;
        height: 230px;
        z-index: 9;
        background-color: #fff;
        transform: translate(-50%, -50%);
    }

.input_effect {
    border: 1px solid #eee !important;
    border-radius: 10px;
}

.mbtn {
    height: auto !important;
    display: flex;
}

.flotingtextx span {
    font-family: 'robotolight_italic';
}

.slidehead i {
    color: #fff
}

.slidehead2 i {
    color: #fff
}



.boxlistx .owl-carousel03 .owl-item, .formbg > div, .bg-blue > div > div {
    border-radius: 0px;
    overflow: hidden;
    height: auto !important;
}



.bg-footertopx .owl-item > div, .bg-footertopx .owl-item > div a {
    border-radius: 0px;
    overflow: hidden !important;
}


.certifix a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


@media(min-width:480px) and (max-width:1023px) {
    .pagination_top.default .view_all {
        float: none !important;
        vertical-align: top;
    }

    .aboutsec p {
        font-size: 0.9em !important;
    }

    .certifix div {
        display: inline-block;
        vertical-align: middle;
        text-align: center !important;
        width: 30%;
    }

    .certifix a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        transform: scale(0.8) !important;
        width: 100%;
    }

    .boxlistx > div > div > div {
        height: inherit !important;
    }

    .rfqhome {
        position: relative;
    }

    .nchanddown {
        padding-bottom: 25px;
    }
    /*footer, .map_over{padding-top: 0px !important;}*/
}

@media(min-width:0px) and (max-width:479px) {
    .pagination_top.default .view_all {
        float: none !important;
    }

    .aboutsec p {
        font-size: 0.9em !important;
    }

    /*footer, .map_over{padding-top: 15px !important;}*/
    .boxlistx > div > div > div {
        height: inherit !important;
    }

    .rfqhome {
        position: relative;
    }

    .bg-footertopx, .bg-blue > div {
        margin-bottom: 15px;
    }


    .rfqhome button {
        padding: 10px 30px;
        font-size: 1.2em !important;
        margin: 0 auto !important;
        width: 100%;
        text-align: center;
        font-weight: bold;
    }

    .certifix div {
        display: inline-block;
        vertical-align: middle;
        text-align: center !important;
        width: 45%;
    }

    .certifix a {
        display: block;
        vertical-align: middle;
        text-align: center;
        transform: scale(0.7) !important;
        width: 100%;
        transform-origin: center;
    }

    .bg-footertopx, .bg-blue > div {
        padding: 0px !important;
    }

    .aboutsec {
        padding: 20px;
    }
}



@media(min-width:1279px) and (max-width:8000000px) {

    .pagination_top.default .view_all {
        padding: 6.7px 12px !important;
    }

    .certix {
        padding-bottom: 50px;
    }

    .nchanddown {
        width: 90%;
        z-index: 100;
        position: relative;
        padding-bottom: 0px;
        background-color: transparent;
        clear: both;
        overflow: hidden;
        margin-top: -100px !important;
    }
}

.nchanddown {
    margin: 0 auto;
}

    .nchanddown > div > div {
        height: 142px !important;
        margin-top: 15px;
        border-radius: 10px;
        padding: 15px;
        background-color: #fff;
        position: relative;
        -webkit-box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.18);
        -moz-box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.18);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.18);
    }

.nochainax {
    float: left;
    margin-right: 8px;
}

.nochina span {
    font-size: 1.3em;
    color: #fa4551;
    text-align: left;
}

.rfqhome button {
    padding: 12px 30px;
    font-size: 1.2em;
}

.nchanddown ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .nchanddown ul li {
        padding-left: 25px;
        margin-bottom: 3px;
    }

        .nchanddown ul li:before {
            content: '';
            padding: 9px;
            display: block;
            overflow: hidden;
            left: 15px;
            float: left;
            position: absolute;
            background-image: url('../images/spritesheet.png');
            background-position: right bottom;
        }

.table_view ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-bottom: 30px;
}

.boxx ul li {
    padding: 5px 0px !important;
    color: #888;
}

.table_view ul li {
    display: block;
    width: 100%;
    padding: 9px !important;
    border: 1px solid #eee;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.93em;
}

    .table_view ul li a {
        color: #61646e;
    }

.table_view .row div.col-lg-3 {
    padding-top: 15px !important;
    position: relative;
}

/*.boxx ul li:last-child{margin-bottom:5px !important;}*/


.lhs .owl-item {
    border-radius: 0px;
}

.listed.secondlisted.oranger-holder {
    background-color: transparent;
}



.table_view {
}


    .table_view .row div.col-lg-3 .more_btn {
        position: absolute;
        bottom: 0px;
    }

.boxx .more_btn {
    position: absolute;
    bottom: 25px !important;
    left: 30px !important;
}


.light_blue {
    background-color: #55785f !important;
}

.dark, .light, .light_blue {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    margin-bottom: 0px !important;
}

.captchabox .more_btn {
    padding: 10px 20px;
    background-color: #ED7C31
}

    .captchabox .more_btn i {
        color: #fff
    }

    .captchabox .more_btn:hover, .captchabox .more_btn:focus {
        background-color: #008080 !important;
        color: #fff !important
    }

        .captchabox .more_btn:hover i {
            color: #fff
        }

.dark ~ .table_view, .light ~ .table_view, .light_blue ~ .table_view {
    border-top: none !important;
}


.thead {
    border-top: none !important;
    border: none !important;
}

    .thead th {
        background-color: #008080 !important;
        color: #fff;
        font-weight: bold;
        border: none !important;
        padding: 10px 12px !important;
    }

        .thead th:first-child {
            border-top-left-radius: 0px;
        }

        .thead th:last-child {
            border-top-right-radius: 0px;
        }

.table_view strong {
    background-color: #008080;
    padding: 10px 30px;
    display: block;
    color: #fff;
}
/*.table_form{border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden;}*/

.thead td {
    width: auto !important;
}

.thead table tr:nth-child(1) {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    overflow: hidden;
}

.part_list table tr:nth-child(1) {
    border: none !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    overflow: hidden
}

.part_list table th:nth-child(1) {
    border-top-left-radius: 0px !important;
    overflow: hidden !important;
    border: none !important;
}

.part_list table th:last-child {
    border-top-right-radius: 0px !important;
    overflow: hidden !important;
    border: none !important;
}



.uploadx {
    margin-bottom: 20px !important;
}

    .uploadx img {
        width: 100% !important;
    }

.uploadx, .we-proud-wrap {
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.18);
    overflow: hidden;
    text-align: center;
}

.lhs .slidehead2 {
    padding: 15px;
    color: #fff !important;
}

.lhs .table.table-bordered .more_btn {
    margin: 0px !important;
}

.lhs .table.table-bordered tr:last-child td {
    width: 100% !important
}

.lhs .table.table-bordered tr:nth-child(odd) {
    background-color: #edeef2;
}

.lhs .table.table-bordered tr:nth-child(even) {
    background-color: #fff;
}


.zoomowlbox {
    border-radius: 0px;
    overflow: hidden;
}

.rfqremovespace {
    padding-bottom: 0px !important;
}

.thead {
    border: none !important;
    margin-bottom: 20px;
}

    .thead table td {
        border: 1px #ddd solid !important;
        padding: 10px !important;
    }

    .thead td {
        padding: 5px 15px !important;
    }

        .thead td a, .table_form a {
            color: #333;
        }

        .thead td a, .table_form a {
            word-wrap: break-word;
            color: #333;
            white-space: nowrap;
        }

        .thead td span {
            color: #888;
        }


.content_section2 h2 {
    font-size: 1.2em;
    color: #444
}



.roundboxes {
    border-top: 0px !important;
}

    .roundboxes strong {
        background-color: #008080;
        display: block;
        color: #fff;
        padding: 10px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        overflow: hidden;
    }


    .roundboxes ul {
        margin-top: 0px;
        margin: 10px 10px !important;
    }

    .roundboxes .boxx {
        margin: 10px !important;
        margin-left: 0px !important;
        -webkit-box-shadow: 1px 0px 25px 0px rgba(0, 0, 0, 0.14);
        -moz-box-shadow: 1px 0px 25px 0px rgba(0, 0, 0, 0.14);
        box-shadow: 1px 0px 25px 0px rgba(0, 0, 0, 0.14);
        border-radius: 0px !important;
        border: 1px #ddd solid;
    }

.boxx li {
    background-color: #fff !important;
    border-bottom: 1px #ddd solid;
}

.split li {
    display: inline-block !important;
    width: 49% !important;
    background-color: #fff !important;
}


.dark ~ table.table-bordered tr:nth-child(odd) {
    background-color: #edeef2 !important;
}

.dark ~ table.table-bordered tr:nth-child(even) {
    background-color: #fff !important;
}




.graybgx1 {
    width: 100%;
    padding: 15px;
    border-radius: 0px;
}

    .graybgx1 td {
        padding: 5px 5px;
    }




.pagination > li:first-child > a, .pagination > li:first-child > a {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.pagination > li:last-child > a, .pagination > li:last-child > a {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    margin-right: 2px !important;
}



.table_form.nobgx tr {
    background-color: transparent !important;
}

.btnhold {
    width: 100% !important;
}

.tpage .materialinput {
    background-color: transparent;
}

.formbg {
    position: absolute;
    top: 0 !important;
    left: auto;
    right: 140px;
    z-index: 1000;
    text-align: center;
    height: 695px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#Part Number, #quantity, #email_address {
    border-radius: 35px;
    padding: 0 30px;
    width: 572px;
    height: 69px;
    font-size: 20px;
    max-width: 100%;
    border-radius: 10px;
    border: unset;
    box-shadow: unset;
}

    #Part Number::placeholder,
    #quantity::placeholder,
    #email_address::placeholder {
        color: #888;
        text-transform: uppercase;
    }

.fom_btn, .fom_btn:hover, .fom_btn:focus {
    width: 226px;
    height: 69px;
    border-radius: 35px;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 20px;
    margin: 0 auto;
    text-transform: uppercase;
    background-color: #008080;
    border-radius: 10px;
    transition: all .5s ease;
    ;
}

    .fom_btn:hover {
        background-color: #329999;
    }

.formbg h3 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 50px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 33px;
}

.rfqhome h3, .rfqhome h3 span {
    color: #354291 !important
}

.rfqhome input::placeholder {
    color: #383838 !important;
}

.bg-bluex {
    padding-top: 75px;
    background-color: rgba(237, 124, 49,0.2);
}

.homethree {
    margin: 0 auto !important;
    padding: 10px 40px 0px 40px;
    position: relative;
    left: 20%;
    z-index: 1;
}

.fixf {
    background-color: #ffffff;
}

.white_content .container-fluid .container, .breadcrumb .container {
    width: 100%;
}

.rhs .graybox {
    padding: 0px !important;
}

    .rhs .graybox .iconbox {
        width: 100% !important;
        margin-top: 15px !important;
    }


.lhs .table_view {
    border: 2px #eee solid;
    background-color: #fff;
    padding: 15px !important;
}
    /*.lhs .table_view td{border: none !important;}*/
    .lhs .table_view tr:last-child td {
        border: none !important;
    }

    .lhs .table_view table {
        margin-bottom: 0px !important;
    }

        .lhs .table_view table td {
            border: none;
            border-bottom: 1px #ccc solid
        }

.lhs .table.table-bordered tr:nth-child(odd),
.lhs .table.table-bordered tr:nth-child(even) {
    background-color: #fff !important;
}


.table-responsive {
    border: none !important;
}



.lhs .bg-footertopx {
    padding: 0px !important;
}


.lhs .owl-carousel04x > .owl-stage-outer > div > div img {
    transition: 0.3s;
    position: absolute !important;
}

.listed ul li span {
    color: #535353;
    font-family: 'robotolight'
}

.listed ul li {
    border-bottom: 1px #e1e2e7 solid
}

    .listed ul li:last-child {
        border-bottom: none;
    }

.listed ul li {
    padding: 8px 0px;
}

    .listed ul li a {
        display: inline-block;
        padding: 0px;
        text-overflow: ellipsis;
    }

.lhs .owl-carousel04x .owl-item, .lhs .owl-carousel04x > .owl-stage-outer > div > div a {
    background-color: #1c63b1 !important;
}

.lhs .owl-carousel04x div strong, .lhs .owl-carousel04x .owl-next, .lhs .owl-carousel04x .owl-prev {
    color: #fff !important;
}


.lhs .form_holder {
    background: #008080;
    border-radius: 10px;
}


.lhs .line {
    color: #fff !important;
}

.fscsx2 td span {
    font-family: 'robotolight'
}

.map_over img {
    width: auto;
}

.img_holder {
    max-width: 50%;
    width: 100%;
    margin: 0 auto;
    border-radius: unset;
    float: left;
    display: block;
    padding: 20px;
    cursor: pointer;
}

    .img_holder p {
        width: 395px;
        height: 77px;
        padding-left: 24px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: #008080;
        color: #fff;
        margin: 0 auto;
        font-size: 20px;
        font-weight: bold;
        transition: all 300ms ease;
    }

        .img_holder p:hover {
            background-color: #000;
        }

    .img_holder img {
        width: 100%;
    }

p.title_style {
    font-size: 1.8em !important;
    margin-top: 15px !important;
}

.padding-50 {
    padding: 0px 50px 30px 50px;
    background-color: #f6f7f8;
    border-radius: 10px;
    box-shadow: 0px 0px 2px 1px #ddd;
}

.logo_holder {
    text-align: center;
    transform: scale(0.8);
    transform-origin: center center;
}

.img_holder:hover a, .img_holder:hover ~ p, p.title_style:hover {
    color: #A00021 !important;
}

.objclass {
    width: 100%;
}

/**********************/

.box-row {
    width: 100%;
    border-radius: 4px;
    background: #fff;
    border: 12px solid #fff;
    color: #333;
    margin-bottom: 15px;
    /* box-shadow: 0 0 5px rgb(0 0 0 / 10%); */
}

.fsc_table tr:first-child {
    background: #008080;
    color: #ffffff;
}

.fsc_table tr td {
    padding: 10px;
    border: 1px solid #e6edf2 !important;
}

    .fsc_table tr td:first-child {
        width: 75px;
    }

    .fsc_table tr td:nth-child(2) {
        width: 84%;
    }

    .fsc_table tr td:nth-child(3) {
        width: 123px;
    }

.default {
    padding-left: 0px;
}
/******************************|part listing|*******************************************/

@media(min-width:0px) and (max-width:1020px) {
    .part_listx > table > tbody > tr > td:before {
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
    }

    .part_listx > table > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .part_listx > table > tbody > tr > td:nth-of-type(2):before {
        content: "NSN : ";
    }

    .part_listx > table > tbody > tr > td:nth-of-type(3):before {
        content: "Item Name : ";
    }

    .part_listx > table > tbody > tr > td:nth-of-type(4):before {
        content: "Availability : ";
    }
}