﻿@charset "utf-8"; /* CSS Document */
h1, h2, h3, h4, h5, h6 {
    font-family: 'robotolight';
}

    h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
        font-family: 'robotolight';
        font-weight: bold;
    }

        h1 abbr, h2 abbr, h3 abbr, h4 abbr, h5 strong abbr, h6 abbr {
            font-family: 'robotomedium';
            font-weight: bold;
            color: #fa6b2e;
        }

body {
    -webkit-font-smoothing: subpixel-antialiased;
}

.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: 'robotoregular'
}

.header a:focus {
}

a {
    outline: none
}

    a img {
        border: 0px;
        outline: none
    }

img {
    border: 0;
}

a:focus {
    outline: none !important
}

section {
    position: relative
}
/******************************|placeholder|**********************************************/
input::-webkit-input-placeholder {
    color: #848894;
    opacity: 1
}

input::-moz-placeholder {
    color: #848894;
    opacity: 1
}

input:-ms-input-placeholder {
    color: #848894;
    opacity: 1
}

input:-moz-placeholder {
    color: #848894;
    opacity: 1
}

input:focus::-webkit-input-placeholder {
    color: #848894;
    opacity: 1
}

input:focus::-moz-placeholder {
    color: #848894;
    opacity: 1
}

input:focus:-ms-input-placeholder {
    color: #848894;
    opacity: 1
}

input:focus:-moz-placeholder {
    color: #848894;
    opacity: 1
}
/******************************|placeholder close|**********************************************/ /******************************|header|*****************************/
.cta {
}

.logo {
    display: inline-block;
}

    .logo img { max-width:380px;margin-top:10px !important;
    }

header {
    height: 100px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.header {
    background-color: #090405;
    background-size: 100% 100%;
    padding-bottom: 0px;
    position: fixed !important;
    width: 100%;
    z-index: 10000;
    transition: 0.3s
}

header .cta a {
    color: #fff;
    width: auto !important;
    font-size: 1em;
    margin-right: 10px;
    text-decoration: none !important;
    position: relative;
    display: inline-block;
    font-family: 'robotomedium'
}

    header .cta a i {
        color: #f8c802;
        padding: 4px 5px 0px 0px;
        float: left
    }

    header .cta a:first-child i {
        color: #f8c802;
        font-size: 1.6em;
        padding-top: 0px
    }

    header .cta a:hover {
        text-decoration: underline !important;
    }

    header .cta a:focus {
        text-decoration: underline !important;
    }

.header a {
    color: #00005a;
    text-decoration: none
}

    .header a:hover {
        color: #C60311
    }

.cta {
    display: inline-block;
    float: right;
    margin-top: 8px;
    font-size: 1.17em
}

    .cta a {
        display: inline-block;
        padding: 5px 10px
    }

.search_form {
    background-color: #ffffff;
    margin-top: 8px;
    float: right;
    display: inline-block;
    padding: 0px 20px;
    height: 40px;
    overflow: hidden;
}

    .search_form input {
        width: 220px;
        border: none;
        padding: 8px 10px;
        height: 39px;
        margin-left: 5px;
    }

    .search_form a {
        display: inline-block;
        padding: 8px 0px 0px 0px;
        margin: 0px 10px 5px 10px;
        color: #00005a;
        border-bottom: 2px #00005a solid;
        text-decoration: none !important
    }

    .search_form select {
        border: none;
        background-color: transparent;
        height: 23px
    }

.select_holder {
    color: #282828;
    display: inline-block;
    padding: 8px 10px 8px 15px;
    margin-right: -2px
}

.search_form .submit_btn {
    background: rgba(109,51,136,1);
    background: -moz-linear-gradient(left, rgba(109,51,136,1) 0%, rgba(185,28,70,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(109,51,136,1)), color-stop(100%, rgba(185,28,70,1)));
    background: -webkit-linear-gradient(left, rgba(109,51,136,1) 0%, rgba(185,28,70,1) 100%);
    background: -o-linear-gradient(left, rgba(109,51,136,1) 0%, rgba(185,28,70,1) 100%);
    background: linear-gradient(left, rgba(109,51,136,1) 0%, rgba(185,28,70,1) 100%);
    background: linear-gradient(to right, rgba(109,51,136,1) 0%, rgba(185,28,70,1) 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d3388', endColorstr='#b91c46', GradientType=1 );*/
    position: relative;
    z-index: 100;
    color: #fff;
    border: none;
    padding: 7px 18px 9px 18px;
    font-size: 1em;
    transition: 0.3s;
    height: 42px;
    margin-right: -20px;
    margin-left:30px;
}

    .search_form .submit_btn:after {
        content: ' Search';
        text-transform: uppercase
    }

    .search_form .submit_btn:hover, .search_form .submit_btn:focus {
        background: rgba(197,25,59,1);
        background: -moz-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(197,25,59,1)), color-stop(100%, rgba(96,55,146,1)));
        background: -webkit-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
        background: -o-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
        background: linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
        background: linear-gradient(to right, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5193b', endColorstr='#603792', GradientType=1 ); */
    }

.line {
    font-family: 'robotomedium';
    color: #fff;
    font-size: 0.9em;
    text-align: left !important;
}

.pulse:focus {
    box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
    animation: pulse 1s ease-in-out
}

@-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-right: 30px;
    width: 120px
}

    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-bottom: 0px;
    margin-top: 5px;
}

.nav_holder {
    display: block;
    overflow: hidden;
    clear: both
}

.main_nav {
    margin: 0px;
    padding: 0px;
    display: block;
    clear: both;
    font-family: 'robotomedium';
    font-size: 1.17em;
    margin-top: 9px
}

    .main_nav li {
        display: inline-block;
        position: relative
    }

    .main_nav > li > a {
        color: #fff;
        text-decoration: none !important;
        padding: 10px;
        position: relative;
        display: inline-block; /*text-transform: uppercase !important*/
    }

    .main_nav li a:hover, .main_nav li a:focus {
        color: #c99805 !important
    }

    .main_nav li ul > li > a:hover, .main_nav li ul li a:focus {
        color: #fff !important
    }

    .main_nav li span {
        position: absolute;
        bottom: 0px;
        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: #3c4aa3
    }

    50% {
        left: 0px;
        right: 0px;
        background-color: #fa6b2e
    }

    100% {
        width: 100%;
        left: 0px;
        right: 0px;
        background-color: #fa6b2e
    }
}

@keyframes overspan {
    0% {
        width: 0%;
        left: 0px;
        right: 0px;
        background-color: #3c4aa3
    }

    70% {
        left: 0px;
        right: 0px;
        background-color: #fa6b2e
    }

    100% {
        width: 100%;
        left: 0px;
        right: 0px;
        background-color: #fa6b2e
    }
}
/******************************|banner|*****************************/
.banner .owl-item {
    background-color: #00005a
}

.banner img {
    width: 100%
}

.banner {
    position: relative;
    margin-top: -100px;
    background-attachment: fixed;
    background-size: 100%;
}

.floatingtext {
    position: absolute;
    top: 70px;
    font-size: 4.5em;
    color: #ffffff;
    z-index: 1000;
    text-transform: uppercase;
    font-family: 'robotolight';
    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;
}

.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: opacity(100%);
        background-color: #ffffff !important
    }
/************************************|owl-dots close|*******************************************/ /******************************|content-section|*****************************/
.content_section {
    padding: 0px 0px
}

.big_text {
    color: #000;
    font-family: 'robotobold';
    font-size: 1.4em;
    line-height: 1em
}

    .big_text span {
        font-family: 'robotolight';
        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: 'robotomedium';
    line-height: 1.4em;
    margin-bottom: 15px
}

.content_section p {
    color: #666464;
    font-size: 1.1em;
    margin-bottom: 20px
}

.more_btn {
    background-color: #c99805;
    color: #ffffff !important;
    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 {
        background-color: #000;
    }

    .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
    }
/*****************************_|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: opacity(80%);
    }

    .owl-carousel0x .owl-prev:hover, .owl-carousel02 .owl-next:hover {
        opacity: 1;
        filter: opacity(100)
    }

.owl-carousel0x {
    text-align: center;
    padding: 0px 60px 60px 60px
}

    .owl-carousel0x img {
        width: auto !important
    }

@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: opacity(80%)
    }

    .owl-carousel10 .owl-prev:hover, .owl-carousel02 .owl-next:hover {
        opacity: 1;
        filter: opacity(100)
    }

.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
}

.pagination_top {
    text-align: center !important
}

.owl-carousel10 .owl-stage-outer {
    width: 90%;
    margin: 0 auto;
    text-align: center !important
}
/*}*/ /************************************************|footer|***************************************************/
.socialicon a {
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-bottom: 6px
}

    .socialicon a i {
        float: left;
        margin-right: 8px
    }

    .socialicon a:hover {
        opacity: 0.5;
    }

    .socialicon a:focus {
        animation: pulse 1s ease-in-out
    }

footer {
    position: relative;
    color: #fff;
    background-repeat: no-repeat;
    font-size: 1.1em;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    z-index: 10;
    padding: 30px 0px;
    background: rgba(109,51,136,1);
    background: -moz-linear-gradient(top, rgba(109,51,136,1) 0%, rgba(185,28,70,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(109,51,136,1)), color-stop(100%, rgba(185,28,70,1)));
    background: -webkit-linear-gradient(top, rgba(109,51,136,1) 0%, rgba(185,28,70,1) 100%);
    background: -o-linear-gradient(top, rgba(109,51,136,1) 0%, rgba(185,28,70,1) 100%);
    background: linear-gradient(top, rgba(109,51,136,1) 0%, rgba(185,28,70,1) 100%);
    background: linear-gradient(to bottom, rgba(109,51,136,1) 0%, rgba(185,28,70,1) 100%); /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d3388', endColorstr='#b91c46', GradientType=0 );*/
}

    footer p {
        padding-top: 8px;
        padding-bottom: 5px
    }

    footer a {
        color: #fff !important;
        text-decoration: none !important
    }

        footer a:hover, footer a:focus {
            color: #c99805 !important;
            text-decoration: none !important
        }

    footer h4 {
        color: #ffffff;
        text-align: center;
        font-size: 1.7em
    }

    footer strong {
        color: #ffffff;
        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
        }

        .map_over .container .row div:nth-of-type(2) {
            line-height: 2.8em
        }

.footer_nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden;
    margin-bottom: 15px
}

    .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;
    color: #cacad1;
    padding: 0px 30px 30px 30px;
    padding-bottom: 10px;
    font-size: 1em;
    background: #ac2051;
}

    .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: #eceef6;
    padding-bottom: 0px;
    margin-bottom: 0px;
    display: block;
    width: 72%;
    margin: 0 auto;
}

.footer_line p:nth-of-type(2) {
    color: #eceef6;
}

footer i {
    color: #f8c802 !important
}

.map_over {
    padding-bottom: 0px;
    padding-top: 0px
}

    .map_over > div > div {
        width: 100%;
        overflow: hidden;
        position: relative;
        top: 0px;
        display: -webkit-flex;
        display: -webkit-box;
        display: 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
}

    .main_nav li > .fa-angle-down {
        display: none
    }

.main_nav > li > ul {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 280px;
    z-index: 10000;
    display: none;
    background-color: #000;
}

    .main_nav > li > ul > li > ul {
        position: absolute;
        margin: 0px;
        padding: 0px;
        left: 280px;
        width: 280px;
        top: 0px;
        z-index: 10000;
        display: none
    }

    .main_nav > li > ul > li > ul {
        background-color: #000;
        text-align: left;
    }

        .main_nav > li > ul > li > ul li a {
            display: block;
            padding: 9px 15px !important; /*border-bottom: 1px rgba(255, 255, 255, 0.3) dashed;*/
            color: #ffffff !important;
            text-align: left;
            width: 100%;
            font-family: 'robotolight';
            font-size: 1em !important;
            position: relative
        }

    .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: -280px
}

.main_nav li ul li {
    display: block
}

.main_nav > li > ul > li > a {
    display: block;
    padding: 9px 15px !important; /*border-bottom: 1px rgba(255, 255, 255, 0.3) dashed;*/
    color: #ffffff !important;
    text-align: left;
    width: 100%;
    font-family: 'robotolight';
    font-size: 1em !important;
    position: relative
}

.main_nav li ul li a i {
    position: absolute;
    right: 0px;
    top: 4px;
    padding: 12px 15px
}

.main_nav li ul li a:hover {
    background-color: #c99805 !important
}

.main_nav > li > ul > li:hover > a {
    background-color: #c99805 !important
}

.search_form h4 {
    display: none
}

.search_form .text-left {
    display: none
}
/***************************************|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: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    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 30px 0px;
    overflow: visible
}

    .content_section2 h1 {
        font-size: 1.5em;
        color: #61646d;
        margin: 0px;
        margin-bottom: 20px;
        font-weight: bold
    }

    .content_section2 h2 {
        font-size: 1.5em;
        color: #61646d !important;
        margin: 5px;
        margin-bottom: 5px;
        font-weight: bold;
        margin-left: 0px !important;
    }

.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: #61646d
}

.table_view td {
    width: 25%;
    padding: 10.3px !important
}
/*.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: white !important;
    padding-left: 0px !important;
}

    .table_title strong {
        display: inline-block;
        padding: 5px 15px;
        color: #fff;
        background-color: #c99805;
    }

.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: 6px 12px;
    background-color: #3c4aa3;
    color: #ffffff !important;
    margin-bottom: 5px;
    float: right;
    text-decoration: none !important;
    transition: 0.3s
}

    .view_all:hover {
        background-color: #ff21ac;
    }

.second_paging div strong {
    display: inline-block;
    padding: 10px 0px
}

.pagination_top {
    background-color: #ffffff !important;
    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;
    width: 85% !important;
    float: right
}

    .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: #603793 !important;
            color: #fff !important
        }

        .pager li > a:focus, .pager li > span:focus {
            background-color: #3c4aa3 !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;
        display: inline-block !important
    }
}

.breadcrumb {
    background: rgba(197,25,59,1);
    background: -moz-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(197,25,59,1)), color-stop(100%, rgba(96,55,146,1)));
    background: -webkit-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
    background: -o-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
    background: linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
    background: linear-gradient(to right, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5193b', endColorstr='#603792', GradientType=1 );*/
    margin-top: 0px;
    font-size: 1.1em;
    color: #c99805;
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 0px !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

    .breadcrumb a {
        color: #fff;
        vertical-align: middle
    }

    .breadcrumb .more_btn {
        background-color: #f04c4d !important;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        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: 10px;
            padding: 10px 12px;
            background-color: #292929;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
            margin-right: -15px;
            margin-top: -6px
        }

        .breadcrumb .more_btn:hover {
            background-color: #333333 !important
        }

.breadcrumb_links {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px
}

    .breadcrumb_links a {
        display: inline-block;
        margin-top: -4px;
        max-width: 66px;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        line-height: none
    }

        .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: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    z-index: 20000;
    bottom: 30px;
    right: 30px
}

    .btt:hover {
    }
/*************************************||*********************************/
.part_list a {
    color: #61646d
}

.part_list table {
    border: none !important
}

    .part_list table tr:nth-child(1) th:nth-child(odd) {
        background-color: #000;
    }

    .part_list table td, .part_list table th {
        border: none !important;
        border-right: 1px #d6d7d9 solid !important
    }

    .part_list table th {
        color: #fff;
        border: none !important
    }

    .part_list table tr:nth-child(odd) {
        background-color: #000;
        border: 1px #e1e7f1 solid
    }

    .part_list table tr th:nth-child(even) {
        background-color: #000;
    }

    .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;
            border: none !important
        }

    .part_list table td .more_btn {
        padding: 5px 22px !important;
        background-color: #c99805
    }

        .part_list table td .more_btn:hover, .part_list table td .more_btn:focus {
            background-color: #000
        }

.actmenu a {
    color: #c99805 !important
}

.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: 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: #666666
}

.rfq_form .more_btn {
    margin: 0px !important
}

.materialinput {
    position: absolute;
    font-size: 1em;
    font-weight: bold;
    background-color: #fff;
    color: #333333;
    margin-top: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    z-index: -1;
    margin-left: 15px !important
}

.move_up {
    z-index: 100;
    position: absolute;
    top: 0px;
    margin-top: -3px;
    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 {
        background-color: #ffffff !important
    }

    .table_form th {
        background-color: #f0f1f4;
        color: #333;
        padding: 12px
    }

    .table_form tr:nth-child(odd) {
        background-color: #f0f1f4 !important
    }

    .table_form td, .table_form th {
        padding: 12px
    }

.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: #00005a
    }

    .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: #c99805;
    color: #ffffff !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: #000;
    }

.view {
    background-color: #c99805
}
/***********************************|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: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    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: #12110f
    }

    .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: 'robotomedium';
    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: 50%;
    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: 50%;
    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: 100%;
    border-radius: 100%;
    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: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    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 div {
    background-color: rgba(14,5,13,0.65);
    text-align: left;
    padding: 20px 25px;
}

    .bg-blue div div strong {
        font-size: 1.5em;
        color: #fff;
        margin-bottom: 10px;
        display: block;
    }

    .bg-blue div div h2 strong {
        font-size: 1.5em;
        color: #fff;
        margin-bottom: 10px;
        display: block;
    }

    .bg-blue div div ul {
        margin: 0px;
        padding: 0px;
        padding-left: 5px;
    }

        .bg-blue div div ul li {
            display: block;
            width: 110%;
        }

.owl-carouselicon .owl-prev {
    color: #2934b5
}

.owl-carouselicon .owl-next {
    color: #2934b5
}

.owl-carouselicon .owl-prev:hover {
    color: #ec4a4e
}

.owl-carouselicon .owl-next:hover {
    color: #ec4a4e
}

.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: #f6f6f6
    }

.owl-carousel03 .owl_text {
    padding: 15px 20px;
    font-size: 1.3em;
    font-family: 'robotomedium';
    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;
    -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-stage-outer {
}

.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: 15px !important;
        -webkit-border-top-left-radius: 0px !important;
        -webkit-border-top-right-radius: 0px !important;
        -moz-border-radius: 15px !important;
        -moz-border-radius-topleft: 0px !important;
        -moz-border-radius-topright: 0px !important;
        border-radius: 15px !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.3s;
            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: 2em;
    margin-bottom: 20px;
    color: #0d1625 !important;
    margin-top: -5px
}

.slidehead2 {
    font-size: 1.4em;
    margin-bottom: 20px;
    color: #0d1625 !important;
    margin-top: 0px
}

.content_section2 .slidehead2 {
    font-size: 1.2em;
    margin-bottom: 20px;
    color: #ffffff !important;
    background-color: #3e3e3f;
    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: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        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 {
        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: 15px 0px;
            text-align: left;
            color: #727272
        }

        .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;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    margin: 10px 0px 30px 0px;
    border-radius: 10px;
}

    .listed ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        margin-top: -15px
    }

        .listed ul li {
            display: block
        }

            .listed ul li a {
                display: block;
                width: 100%;
                padding: 5px 0px;
                color: #333;
                text-decoration: none !important
            }

                .listed ul li a:hover, .listed ul li a:focus {
                    color: #CB0305
                }

.red_text {
    color: #ce0202 !important;
    float: right;
    margin-right: 20px
}

.content_section.content_section2 {
    position: relative;
    overflow: hidden;
    clear: both;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    margin: 10px 0px 30px 0px;
    border-radius: 10px;
}

.topsec p strong {
    color: #3636a6
}

.rhs h3 {
    color: #61646d !important;
    display: block;
    font-size: 1.3em;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: 12px 15px;
    width: 100%;
    background-color: white !important;
    padding-left: 0px !important
}

.lhs .form_holder, .lhs .listed {
    overflow: hidden;
    padding: 20px;
    padding-top: 0px;
    background-color: #fff;
}

    .lhs .listed ul li:last-child a {
        border: none
    }
/*****************************|certifix|*************************************/

@media(min-width:1920px) and (max-width:800000px) {
    .certifix {
        text-align: center;
        overflow: hidden
    }

        .certifix div {
            display: inline-block;
            padding: 10px;
            width: 9.7%;
            transform: scale(1) !important;
        }

            .certifix div img {
                max-width: 100% !important;
                height: auto;
            }
}

@media(min-width:1680px) and (max-width:1919px) {
    .certifix {
        text-align: center;
        overflow: hidden;
        margin: 0 auto
    }

        .certifix div {
            display: inline-block;
            padding: 10px;
            width: 9.7%;
            transform: scale(1) !important;
        }

            .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;
            width: 9.7%;
            transform: scale(1) !important;
        }

            .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;
            width: 9.7%;
            transform: scale(1) !important;
        }

            .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;
            width: 9.7%;
            transform: scale(1) !important;
        }

            .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;
            width: 18%
        }

            .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;
            width: 18%
        }

            .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;
            width: 19%
        }

            .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;
            width: 20%
        }

            .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;
            width: 25%
        }

            .certifix div img {
                text-align: center;
                width: 90%;
                height: auto !important
            }
}
/***********************************||****************************************/
.fixed {
    -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: 13px 25px;
    overflow: hidden;
    background-color: #c99805;
    height: 40px;
    font-size: 1em;
    color: #ffffff !important;
    text-transform: uppercase;
    margin-top: 5px;
    line-height: 12px;
    margin-left: 2px;
}

    .inrfq:hover, .inrfq:focus {
        background-color: #3e3e3f;
    }

.multipart {
    border-bottom: none !important;
    display: inline-block;
    color: #939191 !important
}

    .multipart:hover, .multipart:focus {
        border-bottom: none !important;
        display: inline-block;
        color: #ef4b4c !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;
        font-size: 1.1em;
        margin-bottom: 10px
    }

        .main_form_holder input:focus {
        }

    .main_form_holder button {
        font-family: 'robotobold' !important;
        background-color: #c99805;
        padding: 10px 15px;
        border: none;
        color: #ffffff;
        width: 230px;
        font-size: 1.2em;
        transition: 0.5s;
    }

        .main_form_holder button:hover, .main_form_holder button:focus {
            background-color: #c99805;
            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: 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: 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.5s;
    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.5s
}

.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
}

    .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: #ecf1fd;
    margin-top: -30px;
    -webkit-border-radius: 15px;
    overflow: hidden;
    -moz-border-radius: 15px;
    border-radius: 15px;
    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: #ffffff;
    padding: 30px 0px
}

.big_cta {
    font-size: 2em
}

.owl-carousel03 .owl-stage-outer {
    width: 100%;
    margin: 0 auto !important
}

.white_content {
    background-color: #ffffff;
    padding-top: 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;
}

.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: #603793 !important;
        color: #fff !important;
    }

    .main_paging .pager li > a:focus, .main_paging .pager li > a:hover {
        background: #c99805 !important;
        color: #fff !important
    }

.main_paging .open > .dropdown-menu {
    background: #e00823 !important;
    color: #00b5ff !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: #e00823;
    border-right: 0;
    color: #fff !important;
    font-size: 14px
}

.main_paging .browse-btn {
    background: #c0cae4;
    color: #0a1e5f !important;
    font-weight: 700;
    border-right: 1px solid #fff
}

.dropdown-menu, .dropdown-backdrop {
    position: absolute;
    left: 0px;
    margin-left: 0px;
    overflow: hidden;
}

.main_paging .open > .dropdown-menu {
    left: 0px
}

.main_paging .view_all {
    background-color: #c99805
}

    .main_paging .view_all:hover {
        background-color: #000
    }

.main_paging .pager {
    display: block
}

    .main_paging .pager li:nth-child(1) a {
    }

.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
}

    .search_long input {
        border: none;
        width: 100%;
        padding: 10px 15px;
        padding-right: 45px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #f0f1f4;
        border: 1px #ccc solid;
    }

    .search_long button {
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 100;
        color: #000;
        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;
    padding-bottom: 0px;
    overflow: hidden;
    border-bottom: none !important
}

.lhs .zoomowlboxin {
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    margin: -15px;
    padding-bottom: 10px
}

    .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 15px !important;
    top: 0px;
    margin: 20px !important;
    margin-bottom: 35px !important
}

.cage_code {
    font-size: 1.1em;
    line-height: 1.4em;
    color: #000;
    font-weight: bold;
}

.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: #e8e6eb;
    border-color: #c0cae2;
    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
}

@media(min-width:321px) and (max-width:800000000px) {
    .tpage {
        width: 308px;
        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: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        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: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    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: 50px;
        border: none !important;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -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_neuebold;
    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: #fff !important;
    font-size: 1.4em;
    color: #b31e03;
    display: block;
    text-align: center;
}

.nchanddown {
    background-color: #fff;
    height: 100%;
}

    .nchanddown .nochina {
        overflow: hidden;
        margin-bottom: -6px;
        z-index: 100
    }

        .nchanddown .nochina img {
            margin-left: -20px;
        }

address p {
    color: #fff
}

.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: 2em;
    top: 50%;
    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: 2em;
    font-weight: bold;
    top: 50%;
    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;
        background-color: #ec4a4e
    }

    .owl-carousel05x .owl-prev:hover .fa-angle-left::after, .owl-carousel05x .owl-next:hover .fa-angle-right::after {
        color: #fff;
        background-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
    }

    .rfq_form abbr .fa-close {
        color: #d30105
    }

.captchabox {
   /* width: 60%;*/
    margin: 0 auto;
    /*padding-top: 0px*/
}

.table_view td a.more_btn {
    color: #fff !important
}

.rfq_form h4 {
    border: 3px #fff solid !important
}

.dark {
    background-color: #000 !important;
    margin-bottom: 0px !important;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.light {
    background-color: #000 !important;
    margin-bottom: 0px !important;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

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: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    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
        }
}
/*******************|twosec2|************************/
.twosec2holder {
    margin-top: -40px;
    margin-bottom: -40px;
}

.twosec2 {
    width: 100%;
    overflow: hidden;
    text-align: left;
    background-color: #f0f1f4;
    padding-bottom: 5px;
    padding-top: 10px;
    /*background-image: url('../images/bg-about.jpg');*/
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    display: table;
    margin: auto;
    transform: skew(0,-1deg); /*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0.08748866352592415, M22=1, SizingMethod='auto expand')"*/
    overflow: hidden;
    position: relative;
    z-index: 100 !important;
    padding: 30px 0px;
}

    .twosec2 > div {
        -moz-transform: scale(1.1) skew(0deg, 1deg);
        -webkit-transform: scale(1.1) skew(0deg, 1deg);
        -o-transform: scale(1.1) skew(0deg, 1deg);
        -ms-transform: scale(1.1) skew(0deg, 1deg);
        transform: scale(1.1) skew(0deg, 1deg);
        padding: 40px 60px !important;
    }

.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: 10px;
    padding-left: 20px;
}

.bg-blue {
    overflow: hidden;
}

    .bg-blue > div {
        padding: 15px !important;
        text-align: center;
    }

    .bg-blue ul {
        list-style: none;
        margin-top: 10px;
    }

        .bg-blue ul li {
            display: inline-block;
            width: 49%;
            padding: 4px 0px;
            border-top: 1px rgba(244,244,244,0.2) dotted;
        }

            .bg-blue ul li a {
                color: #fff !important;
                text-decoration: none
            }

                .bg-blue ul li a:hover, .bg-blue ul li a:focus {
                    color: #c99805 !important;
                }

    .bg-blue h2 {
        position: relative
    }

.flotingimg {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 0
}

.aboutsec {
    padding: 10px 30px
}

    .aboutsec p {
        font-size: 1.1em;
        margin-bottom: 15px;
        margin-top: 5px;
        color: #fff;
    }

.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: 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: 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 h1, .brandsscroll h2, .brandsscroll h3, .brandsscroll h4, .brandsscroll h5, .brandsscroll h6 {
    color: #000;
}

.certix h1, .certix h2, .certix h3, .certix h4, .certix h5, .certix h6 {
    color: #000;
}

.brandsscroll {
    padding-bottom: 30px
}

    .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: rgba(96,55,146,1);
    background: -moz-linear-gradient(top, rgba(96,55,146,1) 0%, rgba(197,25,59,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(96,55,146,1)), color-stop(100%, rgba(197,25,59,1)));
    background: -webkit-linear-gradient(top, rgba(96,55,146,1) 0%, rgba(197,25,59,1) 100%);
    background: -o-linear-gradient(top, rgba(96,55,146,1) 0%, rgba(197,25,59,1) 100%);
    background: linear-gradient(top, rgba(96,55,146,1) 0%, rgba(197,25,59,1) 100%);
    background: linear-gradient(to bottom, rgba(96,55,146,1) 0%, rgba(197,25,59,1) 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#603792', endColorstr='#c5193b', GradientType=0 )*/
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.listed {
    color: #333333
}

    .listed .slidehead {
        color: #fff !important;
    }

.lhs .redbgx {
    background: rgba(197,25,59,1);
    background: -moz-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(197,25,59,1)), color-stop(100%, rgba(96,55,146,1)));
    background: -webkit-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
    background: -o-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
    background: linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
    background: linear-gradient(to right, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5193b', endColorstr='#603792', GradientType=1 );*/
}

.lhs .graybgx {
    background: rgba(197,25,59,1);
    background: -moz-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(197,25,59,1)), color-stop(100%, rgba(96,55,146,1)));
    background: -webkit-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
    background: -o-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
    background: linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
    background: linear-gradient(to right, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5193b', endColorstr='#603792', GradientType=1 );*/
}

.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: #c99805 !important;
    color: #fff !important
}

    .left-etc a:hover, .right-etc a:hover {
        background-color: #000 !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: #603793 !important;
    color: #fff !important;
}

.main_paging .pager > li > ul li:hover a {
    background: #603793 !important;
    color: #000 !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: #010079 !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: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        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: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    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: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    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: #fff;
    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: #f0f1f4 !important;
    margin: 0px !important;
    padding: 15px 30px !important;
}

h3.slidehead.oranger {
    color: #111 !important;
    padding-left: 0px !important;
}

h2.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;
    }

    .lhs .main_form_holder div > i {
        position: absolute;
        right: 20px;
        top: 13px;
        font-size: 1.3em;
        color: #8f959e;
    }

    .lhs .main_form_holder div:hover > i {
        color: #3c4aa3;
    }

    .lhs .main_form_holder div input:focus ~ i {
        color: #3c4aa3;
    }

.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: #ffffff;
        margin-bottom: 5px;
        margin-right: 5px;
        margin-left: -4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border-bottom: 1px #c5c7c7 solid;
    }

.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: 'robotolight';
}
/*******************||*********************/
.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: 'robotolight' !important;
    }
}

.contactform input {
    margin-bottom: 0px !important;
}

.boxlistx img {
    width: 100%;
}

.boxlistx {
    background-color: #070203;
    padding-bottom: 5px;
    position: relative;
    z-index: 100;
}

    .boxlistx > div > div {
        margin-top: -250px;
    }

        .boxlistx > div > div div strong {
            font-size: 1em;
            display: block;
            padding: 15px;
            width: 70%;
        }

        .boxlistx > div > div > div > div > div > div, .boxlistx > div > div > a > div {
            background-color: #fff;
            -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.28);
            box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.28);
            overflow: hidden;
            position: relative;
        }

        .boxlistx > div > div > div {
            overflow: hidden;
            position: relative;
        }

.hfree {
}
/*************|rfqhome|*****************/
.rfqhome {
    position: absolute;
    display: block;
    top: 0px;
    padding: 20px 40px;
    width: 100%;
}

    .rfqhome button {
        bottom: 0px;
        background-color: #c99805;
    }

        .rfqhome button:hover, .rfqhome button:focus {
            background-color: #000;
            outline: none !important;
        }

    .rfqhome .h3 {
        margin-bottom: 20px;
        color: #fff;
    }

    .rfqhome p {
        text-align: center;
    }

    .rfqhome input {
        display: block;
        width: 100%;
        padding: 12px 20px;
        border: none;
        margin-bottom: 12px;
    }

.iconbox {
    text-align: center;
    padding: 0px;
    overflow: hidden;
    background: rgba(7,2,3,1);
    background: -moz-linear-gradient(top, rgba(7,2,3,1) 0%, rgba(43,17,60,1) 63%, rgba(43,17,60,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,2,3,1)), color-stop(63%, rgba(43,17,60,1)), color-stop(100%, rgba(43,17,60,1)));
    background: -webkit-linear-gradient(top, rgba(7,2,3,1) 0%, rgba(43,17,60,1) 63%, rgba(43,17,60,1) 100%);
    background: -o-linear-gradient(top, rgba(7,2,3,1) 0%, rgba(43,17,60,1) 63%, rgba(43,17,60,1) 100%);
    background: linear-gradient(top, rgba(7,2,3,1) 0%, rgba(43,17,60,1) 63%, rgba(43,17,60,1) 100%);
    background: linear-gradient(to bottom, rgba(7,2,3,1) 0%, rgba(43,17,60,1) 63%, rgba(43,17,60,1) 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070203', endColorstr='#2b113c', GradientType=0 );*/
    padding-top: 20px;
    padding-bottom: 50px;
}

    .iconbox > div {
        background-repeat: no-repeat;
        background-position: center top;
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .iconbox p {
        color: #727272;
        font-size: 1.2em;
        display: block;
        padding: 0px 30px;
    }

    .iconbox > div:last-child p {
        border: none;
    }

    .iconbox p strong {
        display: block;
        font-size: 1.5em;
        color: #fff;
    }

.bg-footertopx {
    padding: 40px !important;
    padding-top: 80px !important;
    background: rgba(44,18,62,1);
    background: -moz-linear-gradient(top, rgba(44,18,62,1) 0%, rgba(7,2,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(44,18,62,1)), color-stop(100%, rgba(7,2,3,1)));
    background: -webkit-linear-gradient(top, rgba(44,18,62,1) 0%, rgba(7,2,3,1) 100%);
    background: -o-linear-gradient(top, rgba(44,18,62,1) 0%, rgba(7,2,3,1) 100%);
    background: linear-gradient(top, rgba(44,18,62,1) 0%, rgba(7,2,3,1) 100%);
    background: linear-gradient(to bottom, rgba(44,18,62,1) 0%, rgba(7,2,3,1) 100%); /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c123e', endColorstr='#070203', GradientType=0 );*/
}

    .bg-footertopx h3 {
        color: #fff;
        display: block;
        padding: 15px;
        padding-top: 0px !important;
        margin-top: 0px;
        text-align: center;
        font-size: 1.8em;
    }

    .bg-footertopx h2 {
        color: #fff;
        display: block;
        padding: 15px;
        padding-top: 0px !important;
        margin-top: 0px;
        text-align: center;
        font-size: 1.8em;
    }

    .bg-footertopx .container {
        width: 100% !important;
        margin: 0 auto !important
    }

.bluehead {
    background-color: #3c4aa3;
    color: #fff;
    font-size: 1.5em;
    padding: 20px;
    display: block;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    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 {
    background-color: #3c4aa3;
    margin: -20px;
    margin-bottom: 23px;
    padding: 15px;
}

    .listed .slidehead strong {
        font-weight: normal;
    }

.table.table-bordered tr:nth-child(odd) {
    background-color: #ffffff;
}

.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;
    position: absolute;
    margin-top: -300px;
    color: #fff;
    width: 100%;
    right: 0;
    left: 0;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 2em;
    text-align: center;
}

.zoomowlbox {
    background-color: #fff !important;
}

.zoomowlboxin div {
    background-color: #fff !important;
}

.zoomowlbox .bgcons {
    padding-top: 0px !important;
    margin: 15px 0px !important;
}

    .zoomowlbox .bgcons h3 {
        margin-top: 0px !important;
        color: #000;
        font-family: robotomedium;
    }

.table_view .table.fscsx td {
    width: 100% !important;
}

.formbg div:nth-of-type(1) {
    background: rgba(96,55,147,1);
    background: -moz-linear-gradient(top, rgba(96,55,147,1) 0%, rgba(197,25,59,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(96,55,147,1)), color-stop(100%, rgba(197,25,59,1)));
    background: -webkit-linear-gradient(top, rgba(96,55,147,1) 0%, rgba(197,25,59,1) 100%);
    background: -o-linear-gradient(top, rgba(96,55,147,1) 0%, rgba(197,25,59,1) 100%);
    background: linear-gradient(top, rgba(96,55,147,1) 0%, rgba(197,25,59,1) 100%);
    background: linear-gradient(to bottom, rgba(96,55,147,1) 0%, rgba(197,25,59,1) 100%); /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#603793', endColorstr='#c5193b', GradientType=0 );*/
}

.rfqhome .h3 span {
    font-weight: bold;
    font-family: 'robotomedium';
}

.owl-carousel03 {
    background-color: transparent !important;
}

    .owl-carousel03.hpsl > .owl-stage-outer > div > div {
        background: rgba(197,25,59,1);
        background: -moz-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(197,25,59,1)), color-stop(100%, rgba(96,55,147,1)));
        background: -webkit-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
        background: -o-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
        background: linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
        background: linear-gradient(to right, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5193b', endColorstr='#603793', GradientType=1 );*/
    }

    .owl-carousel03.hpsl > div > div > div a {
        color: #fff;
        font-family: 'robotothin';
        font-weight: normal !important;
        font-size: 1.3em;
    }

.owl-carousel04x div strong {
    display: block;
    background: rgba(197,25,59,1);
    background: -moz-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(197,25,59,1)), color-stop(100%, rgba(96,55,147,1)));
    background: -webkit-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
    background: -o-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
    background: linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
    background: linear-gradient(to right, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%); /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5193b', endColorstr='#603793', GradientType=1 );*/
    color: #fff;
    font-size: 1.3em;
    padding: 15px 20px;
    transition: 0.3s;
}

.owl-carousel04x div h2 strong {
    display: block;
    background: rgba(197,25,59,1);
    background: -moz-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(197,25,59,1)), color-stop(100%, rgba(96,55,147,1)));
    background: -webkit-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
    background: -o-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
    background: linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
    background: linear-gradient(to right, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5193b', endColorstr='#603793', GradientType=1 );*/
    color: #fff;
    font-size: 1.3em;
    padding: 15px 20px;
    transition: 0.3s;
}

.owl-carousel04x > .owl-stage-outer > div > div:hover strong {
    background: #c99805 !important;
    transition: 0.3s;
}

.owl-carousel04x > .owl-stage-outer > div > div a {
    text-decoration: none !important;
}

.owl-carousel04x > .owl-stage-outer > div > div img {
    opacity: 0.4;
    transition: 0.3s
}

.owl-carousel04x > .owl-stage-outer > div > div:hover img {
    opacity: 1;
    transition: 0.3s
}

.owl-carousel04x > .owl-stage-outer > div > div {
    background: rgba(197,25,59,1);
    background: -moz-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(197,25,59,1)), color-stop(100%, rgba(96,55,147,1)));
    background: -webkit-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
    background: -o-linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
    background: linear-gradient(left, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%);
    background: linear-gradient(to right, rgba(197,25,59,1) 0%, rgba(96,55,147,1) 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5193b', endColorstr='#603793', GradientType=1 ); */
}

.owl-carousel03.hpsl .owl-next {
    background-color: #c99805;
    color: #fff;
    padding: 15px 10px;
    opacity: 0.8;
    transition: 0.3s;
}

.owl-carousel03.hpsl .owl-prev {
    background-color: #c99805;
    color: #fff;
    padding: 15px 10px;
    opacity: 0.8;
    transition: 0.3s;
}

.owl-carousel03.hpsl .owl-next:hover {
    background-color: #c99805;
    color: #fff;
    padding: 15px 10px;
    opacity: 1;
    transition: 0.3s;
}

.owl-carousel03.hpsl .owl-prev:hover {
    background-color: #c99805;
    color: #fff;
    padding: 15px 10px;
    opacity: 1;
    transition: 0.3s;
}

.owl-carousel04x .owl-next {
    background-color: #c99805;
    color: #fff;
    padding: 15px 10px;
    opacity: 0.8;
    transition: 0.3s;
}

.owl-carousel04x .owl-prev {
    background-color: #c99805;
    color: #fff;
    padding: 15px 10px;
    opacity: 0.8;
    transition: 0.3s;
}

.owl-carousel04x .owl-next:hover {
    background-color: #fff;
    color: #333;
    padding: 15px 10px;
    opacity: 1;
    transition: 0.3s;
}

.owl-carousel04x .owl-prev:hover {
    background-color: #fff;
    color: #333;
    padding: 15px 10px;
    opacity: 1;
    transition: 0.3s;
}

.main_paging .pager > li > a {
    border: 1px #ccc solid;
}

.flotingtextx {
    font-family: 'robotothin';
    font-size: 3em;
    position: absolute;
    top: 30%;
    right: 40px;
    color: #fff;
    width: 29%;
    z-index: 1;
    font-weight: bold;
}

.slidehead i {
    color: #fff
}

.slidehead2 i {
    color: #fff
}

header .container-fluid.header, header .container-fluid.header .col-lg-2 {
    padding-left: 0px !important;
}

.twosec2::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    bottom: 0px;
    z-index: 0;
    background: rgba(108,65,168,0.73);
    background: -moz-linear-gradient(top, rgba(108,65,168,0.73) 0%, rgba(231,56,39,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(108,65,168,0.73)), color-stop(100%, rgba(231,56,39,0)));
    background: -webkit-linear-gradient(top, rgba(108,65,168,0.73) 0%, rgba(231,56,39,0) 100%);
    background: -o-linear-gradient(top, rgba(108,65,168,0.73) 0%, rgba(231,56,39,0) 100%);
    background: linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,0));
    background: linear-gradient(to bottom, rgba(108,65,168,0.73) 0%, rgba(231,56,39,0) 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c41a8', endColorstr='#e73827', GradientType=0 );*/
}

.twosec2 > div {
    position: relative;
    z-index: 1;
    padding-bottom: 25px !important;
    padding: 40px 90px !important
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}

.capitalize {
    text-transform: capitalize !important;
}

.nohyperlink {
    pointer-events: none !important;
    cursor: default
}

.fa-thumbs-down {
    color: #d30105;
    font-size: 13px !important;
}

.fa-thumbs-up {
    color: #03b65b;
    font-size: 13px !important;
}

@media (max-width: 767px) and (min-width: 0px) {
    .mobi-width-fix {
        width: 10% !important;
    }
}

less_morectrl.red_btn, .less_morectrl_rfq.red_btn {
    display: inline-block;
    padding: 5px 15px;
    font-weight: 700;
    text-decoration: none !important;
    margin-bottom: 15px;
    font-size: .9em
}

.less_more {
    height: 138px;
    overflow: hidden
}

.auto_height {
    height: auto !important
}

.less_morectrl.red_btn {
    background-color: #fff;
    border: 2px solid #f6740d;
    color: #e35a10;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.less_morectrl:hover {
    background-color: #f6740d;
    color: #fff !important
}

.less_more_cage {
    height: 41px;
    overflow: hidden
}

.less_morectrl_cage.red_btn {
    border: 2px solid #f6740d;
    color: #e35a10;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.less_morectrl_cage:hover {
    background-color: #f6740d;
    color: #fff !important
}
/*.pre-footer .foot-disc { position: relative; }
.pre-footer .foot-disc p { margin-bottom: 0; padding: 0 15px; line-height: 1.2; color: #000000; font-size: 1.15em; font-family: 'robotoregular'; display: inline-block; }
.pre-footer .foot-disc ul li { list-style: none; }

@media(max-width: 1600px) {
    .pre-footer .foot-disc { position: relative; top: 10px; }
}

@media(max-width: 1199px) {
    .pre-footer .foot-disc { position: relative; top: 5px; }
    .pre-footer .foot-disc p { padding: 0 0px; }
}

@media(max-width: 991px) {
    .pre-footer .foot-disc { position: relative; top: 0px; max-width: 75%; margin: 0 auto; }
    .img-responsive.no-china { margin-bottom: 0px !important; }
}

@media(max-width: 480px) {
    .pre-footer .foot-disc { position: relative; top: 0px; max-width: 100%; margin: 0 auto; }
    .pre-footer .foot-disc ul { padding-left: 10px; }
}

@media(min-width: 1920px) {
    .pre-footer .foot-disc { position: relative; top: 20px; }
}

.img-responsive.no-china { margin-bottom: -5px !important; }
.foot-disc > ul > li > p:before { display: inline; font-family: 'FontAwesome'; content: '\25CF'; margin: 0 5px 0 -15px; color: #724970; }*/
.row-0 {
    margin-left: 0;
    margin-right: 0;
}

@media(max-width:480px) {
    .twosec2 > div {
        padding: 40px 15px !important;
    }
}

@media(min-width:1280px) and (max-width:80000px) {
    .certifix div {
        display: inline-block !important;
        padding: 0px !important;
        width: 9% !important;
        transform: scale(0.95) !important;
    }

        .certifix div img {
            max-width: 100% !important;
            height: auto;
        }
}


.foot-disc p, .no-china p, .fallenheroes p {
    line-height: 1.2;
    font-size: 1em
}

.no-china img, .no-china p, .fallenheroes p {
    vertical-align: middle
}

.pre-footer {
    padding: 0;
    margin: 0
}

.foot-disc, .no-china, .fallenheroes {
    position: relative;
    background-color: #fff;
    color: #6a7582;
    padding: 4px 20px 0 40px;
    border-top: 2px #d4333c solid;
    border-bottom: 3px solid #ccc;
    overflow: hidden;
    min-height: 143px;
    margin-bottom: 30px;
    border-radius: 10px;
}

.no-china-content, .fallenheroes-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    padding-top: 2em
}

.foot-disc ul li {
    width: 100%;
    float: none;
    text-align: left;
    margin: 0;
    padding: 0; /*border-bottom: 1px dashed #ccc*/
}

.foot-disc p {
    margin-bottom: 0;
    padding: 5px 0;
    color: #000
}

.no-china p, .fallenheroes p {
    padding-left: 14px;
    padding-top: 1.2em;
    margin-left: 18%
}

.no-china img, .fallenheroes img {
    width: 80px;
    float: left
}

@media(min-width:768px) and (max-width:980px) {
    .foot-disc, .no-china, .fallenheroes {
        min-height: 138px
    }
}

@media(min-width:1024px) and (max-width:1280px) {
    .no-china-content, .fallenheroes-content {
        position: absolute;
        width: 100%;
        height: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .no-china p, .fallenheroes p {
        margin-left: 29%;
        padding-left: 2px
    }

    .mobipfix {
        margin-top: -10% !important
    }

    .foot-disc, .no-china, .fallenheroes {
        min-height: 187px
    }

        .foot-disc ul {
            margin-top: 11%;
        }
}

@media(min-width:768px)and (max-width:991px) {
    .no-china-content, .fallenheroes-content {
        padding-left: 30px;
        padding-right: 30px
    }

    .mobipfix {
        margin-top: 0 !important
    }

    .no-china p, .fallenheroes p {
        margin-left: 14%
    }

    .foot-disc ul {
        margin-top: 3%;
    }
}

@media(max-width:767px) {
    .no-china p, .fallenheroes p {
        line-height: 1.2;
        font-size: 1em;
        display: block;
        vertical-align: middle;
        margin-left: 95px;
        padding-top: 1.2em
    }
}

@media(max-width:480px) {
    .no-china-content, .fallenheroes-content {
        position: absolute;
        width: 100%;
        height: 100%;
        padding-left: 15px;
        padding-right: 10px;
        padding-top: 20px
    }

    .no-china p, .fallenheroes p {
        margin-left: 79px;
        padding-top: .4em;
        margin-top: 12px;
    }

    .fallenheroes {
        min-height: 165px
    }

    .foot-disc, .no-china {
        min-height: 120px;
    }

    .mobipfix {
        margin-top: -4% !important
    }

    .foot-disc ul {
        margin-top: 3%;
    }

    .mobiimg-fix {
        margin-top: 2%;
    }
}

.mobipfix {
    margin-top: -6%;
    text-align: justify;
}

@media(min-width:1367px) and (max-width:1920px) {
    .mobipfix {
        margin-top: -1%
    }

    .foot-disc, .no-china, .fallenheroes {
        min-height: 167px
    }

        .no-china p, .fallenheroes p {
            margin-left: 17%
        }

    .no-china-content {
        left: 21%;
    }

    .foot-disc ul {
        margin-top: 6%;
    }
}

@media(min-width:1025px) and (max-width:1366px) {
    .no-china-content {
        left: 12%;
    }

    .foot-disc ul {
        margin-top: 6%;
    }
}


@media(max-width:360px) {
    .fallenheroes {
        min-height: 170px;
    }
}

@media(max-width:330px) {
    .fallenheroes {
        min-height: 220px
    }

    .foot-disc, .no-china {
        min-height: 120px;
    }

    .mobiimg-fix {
        margin-top: 10%;
    }
}

.toggle-text {
    display: none;
}

.listed .top-manuf-content ul li {
    display: inline-block;
    width: 49%;
}


@media(min-width:1920px) and (max-width:800000px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 130px
    }
}

@media(min-width:1680px) and (max-width:1919px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 140px
    }
}

@media(min-width:1440px) and (max-width:1679px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 140px
    }
}

@media(min-width:1366px) and (max-width:1439px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 145px
    }
}

@media(min-width:1280px) and (max-width:1365px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 140px;
    }
}

@media(min-width:1024px) and (max-width:1279px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 240px
    }
}

@media(min-width:980px) and (max-width:1023px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 240px
    }
}

@media(min-width:800px) and (max-width:979px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 245px
    }
}

@media(min-width:768px) and (max-width:799px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 345px
    }
}

@media(min-width:600px) and (max-width:767px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 340px
    }
}

@media(min-width:480px) and (max-width:599px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 445px
    }
}

@media(min-width:400px) and (max-width:479px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 441px
    }
}

@media(min-width:410px) and (max-width:412px) {
    .certificate {
        height: 337px
    }
}

@media(min-width:413px) and (max-width:415px) {
    .certificate {
        height: 337px
    }
}

@media(min-width:0px) and (max-width:399px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 544px
    }
}

@media (max-width: 80000px) and (min-width: 0px) {
    .content_section {
        padding-bottom: 0px !important;
    }
}


@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    table.resp-table, .resp-table > thead, .resp-table > tbody, .resp-table th, .resp-table td, .resp-table tr {
        display: block;
    }

        .resp-table > thead tr, .resp-table > tbody tr th {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .resp-table > tbody > tr {
            border: 1px solid #ccc;
        }

            .resp-table > tbody > tr:nth-child(odd) {
                background: #ccc !important;
            }

            .resp-table > tbody > tr > td {
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding-left: 50%;
                width: 100% !important;
                text-align: left;
            }

                .resp-table > tbody > tr > td:before {
                    top: 6px;
                    left: 6px;
                    width: 45%;
                    padding-right: 10px;
                    white-space: nowrap;
                    font-weight: bold;
                }

    .resp-table-nsn-parts > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-nsn-parts > tbody > tr > td:nth-of-type(2):before {
        content: "Manufacturer : ";
    }

    .resp-table-nsn-parts > tbody > tr > td:nth-of-type(3):before {
        content: "Item Name : ";
    }

    .resp-table-nsn-parts > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }
    /*.resp-table-nsn > tbody > tr > td:nth-of-type(5):before { content: "RFQ : "; }*/

    .resp-table-nsn-mfg > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-nsn-mfg > tbody > tr > td:nth-of-type(2):before {
        content: "NSN : ";
    }

    .resp-table-nsn-mfg > tbody > tr > td:nth-of-type(3):before {
        content: "Item Name : ";
    }

    .resp-table-nsn-mfg > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }

    .resp-table-cage > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-cage > tbody > tr > td:nth-of-type(2):before {
        content: "Item Name : ";
    }


    .resp-table-cage > tbody > tr > td:nth-of-type(3):before {
        content: "NSN : ";
    }

    .resp-table-cage > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }
    /*.resp-table-cage > tbody > tr > td:nth-of-type(5):before { content: "RFQ : "; }*/


    .resp-table-ItHardware-mfg > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }


    .resp-table-ItHardware-mfg > tbody > tr > td:nth-of-type(2):before {
        content: "Description : ";
    }

    .resp-table-ItHardware-mfg > tbody > tr > td:nth-of-type(3):before {
        content: "QTY : ";
    }


    .resp-table-aviation-mfg > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-aviation-mfg > tbody > tr > td:nth-of-type(2):before {
        content: "NSN : ";
    }

    .resp-table-aviation-mfg > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }

    .resp-table-aviation-mfg > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }


    .resp-table-electronics-mfg > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-electronics-mfg > tbody > tr > td:nth-of-type(2):before {
        content: "Part Type ";
    }

    .resp-table-electronics-mfg > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }

    .resp-table-electronics-mfg > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }


    .resp-table-computer-mfg > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-computer-mfg > tbody > tr > td:nth-of-type(2):before {
        content: "Part Type ";
    }

    .resp-table-computer-mfg > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }

    .resp-table-computer-mfg > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }




    .resp-table-connector-mfg > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-connector-mfg > tbody > tr > td:nth-of-type(2):before {
        content: "Part Type ";
    }

    .resp-table-connector-mfg > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }

    .resp-table-connector-mfg > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }





    /*.resp-table-nsn-mfg > tbody > tr > td:nth-of-type(5):before { content: "RFQ : "; }*/

    .resp-table-ele > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-ele > tbody > tr > td:nth-of-type(2):before {
        content: "Description : ";
    }

    .resp-table-ele > tbody > tr > td:nth-of-type(3):before {
        content: "QTY : ";
    }
    /*.resp-table-ele > tbody > tr > td:nth-of-type(4):before { content: "RFQ : "; }*/

    .resp-table-parttype > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-parttype > tbody > tr > td:nth-of-type(2):before {
        content: "NSN : ";
    }

    .resp-table-parttype > tbody > tr > td:nth-of-type(3):before {
        content: "Manufacturer : ";
    }

    .resp-table-parttype > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }

    .resp-table-nsn-parttype > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-nsn-parttype > tbody > tr > td:nth-of-type(2):before {
        content: "NSN : ";
    }

    .resp-table-nsn-parttype > tbody > tr > td:nth-of-type(3):before {
        content: "Manufacturer : ";
    }

    .resp-table-nsn-parttype > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }


    .resp-table-electronics-parttype > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-electronics-parttype > tbody > tr > td:nth-of-type(2):before {
        content: "Manufacturer : ";
    }

    .resp-table-electronics-parttype > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }

    .resp-table-electronics-parttype > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }


    .resp-table-ItHardware-parttype > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }



    .resp-table-ItHardware-parttype > tbody > tr > td:nth-of-type(2):before {
        content: "Manufacturer : ";
    }

    .resp-table-ItHardware-parttype > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }

    .resp-table-ItHardware-parttype > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }
    /*.resp-table-parttype > tbody > tr > td:nth-of-type(5):before { content: "RFQ : "; }*/


    .resp-table-aviation-parttype > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-aviation-parttype > tbody > tr > td:nth-of-type(2):before {
        content: "NSN : ";
    }

    .resp-table-aviation-parttype > tbody > tr > td:nth-of-type(3):before {
        content: "Manufacturer : ";
    }

    .resp-table-aviation-parttype > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }
    /*.resp-table-aviation > tbody > tr > td:nth-of-type(5):before { content: "RFQ : "; }*/

    .resp-table-upc > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-upc > tbody > tr > td:nth-of-type(2):before {
        content: "UNSPSC : ";
    }

    .resp-table-upc > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }

    .resp-table-upc > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }
    /*.resp-table-upc > tbody > tr > td:nth-of-type(5):before { content: "RFQ : "; }*/

    .resp-table-UNSPSC > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-UNSPSC > tbody > tr > td:nth-of-type(2):before {
        content: "UPC : ";
    }

    .resp-table-UNSPSC > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }

    .resp-table-UNSPSC > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }
    /*.resp-table-UNSPSC > tbody > tr > td:nth-of-type(5):before { content: "RFQ : "; }*/

    .resp-table-fsc > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-fsc > tbody > tr > td:nth-of-type(2):before {
        content: "NSN : ";
    }

    .resp-table-fsc > tbody > tr > td:nth-of-type(3):before {
        content: "Item Name : ";
    }


    .resp-table-fsc > tbody > tr > td:nth-of-type(4):before {
        content: "Manufacturer : ";
    }

    .resp-table-fsc > tbody > tr > td:nth-of-type(5):before {
        content: "QTY : ";
    }

    /*.resp-table-fsc > tbody > tr > td:nth-of-type(6):before { content: "RFQ : "; }*/




    .resp-table-stdpart > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-stdpart > tbody > tr > td:nth-of-type(2):before {
        content: "Manufacturer : ";
    }


    .resp-table-stdpart > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }

    .resp-table-stdpart > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }

    .resp-table-featuredpart > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-featuredpart > tbody > tr > td:nth-of-type(2):before {
        content: "Manufacturer : ";
    }


    .resp-table-featuredpart > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }

    .resp-table-norecords > tbody > tr > td:nth-of-type(1):before {
        content: none !important;
    }

    .resp-table-aircraftcamerasystem > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-aircraftcamerasystem > tbody > tr > td:nth-of-type(2):before {
        content: "Category : ";
    }


    .resp-table-aircraftcamerasystem > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }

    .resp-table-aircraftplasticfiberglassparts > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-aircraftplasticfiberglassparts > tbody > tr > td:nth-of-type(2):before {
        content: "Manufacturer : ";
    }


    .resp-table-aircraftplasticfiberglassparts > tbody > tr > td:nth-of-type(3):before {
        content: "Category : ";
    }

    .resp-table-aircraftplasticfiberglassparts > tbody > tr > td:nth-of-type(4):before {
        content: "Sub Category : ";
    }

    .resp-table-aircraftplasticfiberglassparts > tbody > tr > td:nth-of-type(5):before {
        content: "Description : ";
    }


    /*.resp-table-stdpart > tbody > tr > td:nth-of-type(5):before { content: "RFQ : "; }*/

    .resp-table-aircraft-deicing > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-aircraft-deicing > tbody > tr > td:nth-of-type(2):before {
        content: "Manufacturer : ";
    }

    .resp-table-aircraft-deicing > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }




    .resp-table-aircraft-pallet > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-aircraft-pallet > tbody > tr > td:nth-of-type(2):before {
        content: "Pallet Type : ";
    }

    .resp-table-aircraft-pallet > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }


    .resp-table-aircraft-aileron > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }


    .resp-table-aircraft-aileron > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }
    /*.resp-table-aircraft-deicing > tbody > tr > td:nth-of-type(4):before { content: "RFQ : "; }*/

    .resp-table-aircraft-disc > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-aircraft-disc > tbody > tr > td:nth-of-type(2):before {
        content: "Manufacturer : ";
    }

    .resp-table-aircraft-disc > tbody > tr > td:nth-of-type(3):before {
        content: "Aircraft Model : ";
    }

    .resp-table-aircraft-disc > tbody > tr > td:nth-of-type(4):before {
        content: "Wheel Assy : ";
    }

    .resp-table-aircraft-disc > tbody > tr > td:nth-of-type(5):before {
        content: "Brake Assy : ";
    }
    /*.resp-table-aircraft-disc > tbody > tr > td:nth-of-type(6):before { content: "RFQ : "; }*/

    .resp-table-aircraft-landing-gear > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-aircraft-landing-gear > tbody > tr > td:nth-of-type(2):before {
        content: "Manufacturer : ";
    }

    .resp-table-aircraft-landing-gear > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }
    /*.resp-table-aircraft-landing-gear > tbody > tr > td:nth-of-type(4):before { content: "RFQ : "; }*/

    .resp-table-aircraft-maintenance > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-aircraft-maintenance > tbody > tr > td:nth-of-type(2):before {
        content: "Manufacturer : ";
    }

    .resp-table-aircraft-maintenance > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }

    .resp-table-aircraft-maintenance > tbody > tr > td:nth-of-type(4):before {
        content: "Model : ";
    }
    /*.resp-table-aircraft-maintenance > tbody > tr > td:nth-of-type(5):before { content: "RFQ : "; }*/

    .resp-table-aircraft-turbine > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-aircraft-turbine > tbody > tr > td:nth-of-type(2):before {
        content: "Manufacturer : ";
    }

    .resp-table-aircraft-turbine > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }

    .resp-table-aircraft-turbine > tbody > tr > td:nth-of-type(4):before {
        content: "Condition : ";
    }

    .resp-table-aircraft-engine > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-aircraft-engine > tbody > tr > td:nth-of-type(2):before {
        content: "Description : ";
    }

    .resp-table-aircraft-engine > tbody > tr > td:nth-of-type(3):before {
        content: "Aircraft Model : ";
    }

    .resp-table-aircraft-engine > tbody > tr > td:nth-of-type(4):before {
        content: "Certificate : ";
    }

    .resp-table-construction-parts-accessories > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-construction-parts-accessories > tbody > tr > td:nth-of-type(2):before {
        content: "Manufacturer : ";
    }

    .resp-table-construction-parts-accessories > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }

    .resp-table-construction-parts-accessories > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }

    .resp-table-construction-tools-spares > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-construction-tools-spares > tbody > tr > td:nth-of-type(2):before {
        content: "Description : ";
    }

    .resp-table-construction-tools-spares > tbody > tr > td:nth-of-type(3):before {
        content: "QTY : ";
    }

    .resp-table-heavy-construction-equipments > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-heavy-construction-equipments > tbody > tr > td:nth-of-type(2):before {
        content: "Manufacturer : ";
    }

    .resp-table-heavy-construction-equipments > tbody > tr > td:nth-of-type(3):before {
        content: "Description : ";
    }

    .resp-table-heavy-construction-equipments > tbody > tr > td:nth-of-type(4):before {
        content: "QTY : ";
    }

    .resp-table-construction-equipments-parts > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-construction-equipments-parts > tbody > tr > td:nth-of-type(2):before {
        content: "Category : ";
    }

    .resp-table-construction-equipments-parts > tbody > tr > td:nth-of-type(3):before {
        content: "Sub Category : ";
    }

    .resp-table-construction-equipments-parts > tbody > tr > td:nth-of-type(4):before {
        content: "Description : ";
    }

    .resp-table-construction-equipments-parts > tbody > tr > td:nth-of-type(5):before {
        content: "QTY : ";
    }
    /*.resp-table-aircraft-turbine > tbody > tr > td:nth-of-type(5):before { content: "RFQ : "; }*/

    .resp-table-search-partno > tbody > tr > td:nth-of-type(1):before {
        content: "Part No : ";
    }

    .resp-table-search-partno > tbody > tr > td:nth-of-type(2):before {
        content: "Manufacturer: ";
    }

    .resp-table-search-partno > tbody > tr > td:nth-of-type(3):before {
        content: "Details : ";
    }
}

.part_list table a {
    color: blue;
}

.table_view td a {
    color: blue !important;
}


.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-content {
    display: none;
    position: fixed;
    background-color: #000;
    min-width: 200px;
    overflow: auto;
    z-index: 1;
}

    .dropdown-content a {
        color: #000;
        padding: 12px 16px;
        text-decoration: none;
        display: block
    }

.dropdown a:hover {
    background-color: #c99805;
}

.show {
    display: block;
    top: 4.5rem;
}

    .show a {
        background: #000;
        border-bottom: 1px dashed #ffffff73;
        color: #fff;
        font-size: 14px;
        padding: 5px 20px;
        text-align: left
    }

        .show a:hover {
            background-color: #c99805;
            color: #fff !important
        }

        .show a li {
            list-style-type: none
        }

a {
    color: #0468BE
}

.Mounting_Electrical {
    padding: 0;
    margin-left: 0;
}

    .Mounting_Electrical .text-heading {
        text-align: center;
        padding: 8px 14px;
        background: linear-gradient(to right, rgba(197,25,59,1) 0%, rgba(96,55,146,1) 100%);
        width: 100%;
        color: #fff;
        margin: auto;
        font-size: 15px;
        margin-bottom: 10px
    }

    .Mounting_Electrical .red_btn {
        width: 70px;
        padding: 4px;
        font-weight: 700;
        margin: auto;
        margin-right: 10px;
        color: #fff;
        background: #c99805;
        display: flex;
        border-radius: 0;
        letter-spacing: .3px;
        justify-content: center;
        align-content: center
    }

    .Mounting_Electrical .box > .row > div {
        display: flex;
        align-items: center
    }

    .Mounting_Electrical .box {
        border: 1px solid #80808014;
        padding: 7px 0 0
    }

        .Mounting_Electrical .box h2 {
            text-align: left;
            padding: 0 0 2px 5px;
            background: none;
            color: #000;
            font-weight: 600;
            font-size: 14px;
            width: 100%;
            margin: auto
        }

        .Mounting_Electrical .box div ul {
            margin-bottom: 4px;
            padding-left: 0;
            width: calc(100% - 70px)
        }

            .Mounting_Electrical .box div ul li {
                margin-top: 4px;
                margin-left: 6px;
                text-indent: 0;
                font-size: 12px;
                list-style-type: none
            }

.col-sm-6.col-xs-6.col-md-12.col-lg-12.mb-2.side_space {
    padding: 0
}

@media (min-width: 0px) and (max-width: 1279px) {
    .show {
        margin-left: 0;
        margin-top: -10px;
        position: static;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .Mounting_Electrical > .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .Mounting_Electrical .box div ul li {
        font-size: 12px !important;
        line-height: 18px
    }
}

.viewed_parts a.btn.btn-sm.btn-warning {
    width: 70px;
    padding: 4px;
    border: none;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 5%;
    margin: auto;
    margin-right: 10px;
    color: #fff;
    background: #23215b;
    display: flex;
    letter-spacing: 2px;
    justify-content: center;
    align-content: center
}

.viewed_parts .clearfix {
    font-size: 12px;
    margin-top: 5px;
    width: 80%
}

.viewed_parts {
    padding: 0 8px 5px;
    border: 1px solid #80808014;
    display: flex;
    align-content: center;
    align-items: center
}

.margin-20 {
    margin-bottom: 20px
}

.View-parts-heading {
    text-align: left;
    padding: 0;
    background: none;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    margin: auto
}

.aside-title {
    background-color: #6b6f81;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 5px 10px;
    margin-top: 20px;
    border-radius: 0;
    text-align: center
}

.margin_b {
    margin-bottom: 0 !important
}

.viewed_parts .part_rfq a {
    width: 70px;
    padding: 5px 20px;
    border: none;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    right: 0;
    margin: auto;
    margin-right: 25px;
    color: #fff;
    background: #4ce0a9;
    display: flex;
    letter-spacing: .3px;
    justify-content: center;
    align-content: center;
    border-radius: 0
}

    .viewed_parts .part_rfq a:hover, .viewed_parts .part_rfq a:focus, .Mounting_Electrical .red_btn:hover, .Mounting_Electrical .red_btn:focus {
        background-color: #000;
        color: #fff !important
    }

.txt_no {
    width: 100%
}