body { font-family: 'robotoregular'; }
ul { padding: 0; }
ul li { list-style-type: none; }
select { border: none !important; outline: none !important; color: #212529 !important; -webkit-appearance: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none !important; padding-right: 0px; width: 120px; font-family: 'robotoregular', arial !important; }
select option { border: none !important; outline: none !important; background-color: #ffffff; border: none; color: #212529 !important; padding: 5px !important; display: block !important; }
select { background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none; }
.wrapper { margin: 0px; padding: 0px; }



/*********************|header|*******************************/

header { width: 100%; z-index: 2; /*background-image: url(../images/headerbg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;*/ background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(56,57,77,1) 100%); position: relative; transition: 0.3s; }
.header { margin: 0px; padding: 15px 0px; align-items: center; }
.stiky { position: fixed; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(56,57,77,1) 100%); z-index: 10000; transition: 0.3s; top: 0px; animation: mymove 0.3s normal none 1 running; }


@keyframes mymove {
    from { top: -200px; }
    to { top: 0px; }
}
/*********************|breadcrumb|*******************************/
.breadcrumb { margin-bottom: 0px; background-color: #9294AB; color: #fff; border-radius: unset; cursor: pointer; position: relative; }
.breadcrumb a { color: #000; }
/*********************|topline|*******************************/
.topline { background-color: transparent; font-size: 0.9em; height: auto; margin: 0px; align-items: center; font-weight: 600; }
.topline a { text-decoration: none !important; }
.topline span { display: block; padding: 5px; margin-bottom: 5px; }
.topline span a { color: #fff; }
.toplinks { margin: 0px; padding: 0px; list-style: none; text-align: right; }
.toplinks li { display: inline-block; padding: 0px 30px 0px 0px; }
.toplinks li a { color: #fff; display: inline-block; }
.toplinks li a i { margin-bottom: -5px; }
.nopadding { margin: 0; padding: 0; }
.qqh { position: relative; padding: 8px 15px; font-size: 0.9rem; z-index: 1; background-color: #fff; font-weight: bold; color: #000 !important; border-radius: 30px; top: 4px; }
.cust { padding-right: 0px !important; width: 217px; text-align: center; }
.cage_code { font-size: 16px; line-height: 25px; }
/*********************|logo|*******************************/
.logo img { width: 100%; }
/*********************|header search form|*******************************/
.searchform { display: inline-block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 3px 12px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 12px rgba(0,0,0,0.16); box-shadow: 0px 3px 12px rgba(0,0,0,0.16); background-color: #fff; width: auto; height: 40px; padding-right: 3px; padding-left: 20px; float: right; }
.searchform input { border: none; width: 470px !important; padding: 7px; }
.searchform select { background-color: transparent; width: 120px; z-index: 2; position: relative; }
.relative { display: inline-block; position: relative; width: auto; }
.select1 { position: absolute; margin-left: 0; margin-top: 0; z-index: 0; right: 0; top: 5px; }
.searchform button { border: none; }
.mic-btn { background-color: #fff }
.search_btn { background-color: #38394d; border-radius: 35px; height: 35px; width: 35px; float: right; margin-top: 3px; }
.search_btn i { display: flex; justify-content: center; align-items: center; }

.mic-btn { background-color: #fff; border-radius: 35px; height: 35px; width: 35px; float: right; margin-top: 5px; }
/*.mic-btn i{margin-top: 4px;
margin-left: -1px;}*/



/*********************|nav|*******************************/
nav .nav { list-style: none; font-family: 'robotomedium'; float: right; line-height: 40px; }
nav .nav li { display: inline-block; color: #fff; }
nav .nav li i { margin-bottom: -2px; margin-left: 3px; }
nav .nav li a { color: #fff; display: inline-block; padding: 5px 10px; text-transform: uppercase; }
nav .nav li a:hover, nav .nav li a:focus, .nav li a:active { color: #fff; background-color:transparent; }
nav .nav li .sub.mega li a { color: #000; }
/*********************|banner|*******************************/


.owl-one .owl-dots { margin-top: -60px; margin-bottom: 60px; z-index: 100; position: relative; display: none; }
.owl-one .owl-prev, .owl-one .owl-next { position: absolute; top: 55%; transform: translateY(-50%); }
.owl-one .owl-prev:hover, .owl-one .owl-next:hover { opacity: 0.8 }
.owl-one .owl-prev { left: 20px; }
.owl-one .owl-next { right: 20px; }

.owl-theme .owl-nav [class*="owl-"]:hover { background: transparent; color: #FFF; text-decoration: none; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #CE0912; width: 12px; height: 12px; margin: 4px 6px; }

.flotingtext { font-family: 'Bebas Neue', cursive; position: absolute; top: 26%; font-size: 5em; line-height: 1.2em; display: inline-block; color: #fff; width: 633px; letter-spacing: 2px; left: 50%; transform: translate(-50%); text-align: center; }

.banner .owl-theme .owl-nav [class*="owl-"] { display: none; }
/*********************|main-content|*******************************/
.twosec { padding-bottom: 40px; }
.main-content { margin: 0px; color: #707070; }
.main-content p { font-size: 1em; }
.main-content h1 { font-size: 1.5em; color: #363859; margin: 15px auto; font-family: 'robotomedium' }
.main-content strong { font-size: 1.2em; display: block; margin-bottom: 10px; }
.home-selling-blocks { display: flex; }
.home-selling-data { flex: 1; padding: 15px; box-shadow: 0 0 5px rgba(0,0,0,0.18); }
.home-selling-blocks .home-selling-data:first-child { margin-right: 15px; }
.home-selling-data ul li { border-bottom: 1px solid #e5e5e5; }
.home-selling-data ul li a { line-height: 34px; color: #0D0D0D; font-size: 0.9rem; }
.main-content .home-selling-data strong { color: #000; }
.btn.more_btn { background-color: #363859; color: #fff !important; font-size: 0.9rem; padding: 8px 23px; border: none !important; border-radius: 0; font-weight: 500; }
.btn.more_btn:hover { background-color: #9294AB; }
.main-content strong i { margin-bottom: -5px; margin-left: 3px; margin-right: 3px; }
.product_qoute .rfq-mamin { margin-top: unset !important; }
.banner .rfq-mamin { background-color: transparent; padding: 5px 20px; width: 43%; position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; margin: 0 auto; text-align: center; }
.banner .rfq-mamin form { display: flex; align-items: center; background: #fff; padding: 0 20px; position: relative; border-radius: 30px; }
.banner .rfq-mamin form input { margin: 0 5px; border: 0; }
.banner .rfq-mamin button { background: #ffffff; color: #002081; padding: 0; font-size: 24px; text-align: right; margin: 10px 5px !important; width: 30px; }
.banner .rfq-mamin small { font-family: 'Bebas Neue', cursive; color: #fff; font-size: 90%; }
.product_qoute .rfq-mamin { background-color: #fff; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.13); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.13); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.13); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px; margin-top: -54px; width: 100%; max-width: 375px; position: relative; left: 0; z-index: 10; }

.check-li li::before { content: ''; display: inline-block; width: 16px; height: 16px; background-position: -246px -49px; background-image: url(../images/spritesheet.png); background-repeat: no-repeat; display: inline-block; position: absolute; left: 0px; top: 4px; }
.check-li li { padding-left: 25px; vertical-align: top; position: relative; }
.cust_caty { color: #363859 !important; font-size: 1.4em !important; letter-spacing: normal !important; font-family: 'Bebas Neue', cursive; display: block; }
.rfq-mamin h3 { color: #363859; font-size: 2em; font-family: 'Bebas Neue', cursive; display: block; }
.cust_caty { line-height: 62px; }
.rfq-mamin form input { display: block; padding: 7px 12px; width: 100%; border: 2px #ACAEB2 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 10px auto; border-radius: 5px; }

.rfq-mamin small { display: block; padding: 10px; text-align: center; }

.rfq-mamin button { background-color: #363859; color: #fff; border: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 6px 35px; margin: 9px auto !important; }

.product_cust_ic table { background-color: #363859; color: #fff; }
.product_cust_ic table tr td p { margin: 0 auto; text-align: left; color: #fff; }
.product_cust_ic table tr td:nth-child(2) { width: 460px; }
.tb_pro { width: 100% !important; }
.top_manufacturers tr td { width: 373px; text-align: left; padding: 14px; border-bottom: 2px solid #ddd; }
.top_manufacturers th { color: #fff !important; background-color: transparent !important; text-align: left; padding: 14px; }
.top_cust_manu { margin: 15px auto; }
.city_cust img { width: 100%; }
.up_data { width: 100%; padding: 15px; background: rgb(255,13,23); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(56,57,77,1) 100%); margin: 15px auto; overflow: hidden; }
.cust_pic { display: block; float: left; }
.cust_data p { display: block; float: right; width: 70%; font-size: 15px; color: #fff; font-weight: bold; margin: 5px auto; text-align: center; }
.upload, .upload:hover, .upload:focus { color: #363859; background-color: #fff; padding: 6px 15px; border-radius: 30px; outline: none; margin: 0 auto; display: block; font-weight: bold; }
.tb_pro tr td { padding: 14px; }
.product_cust_ic .tb_pro tr { border-top: 1px solid #fff; }
/*********************************|bgban|*******************************************/

.bgban { width: 100%; margin: 30px auto; }
.toph2 { font-size: 1.5em; color: #363859; margin-bottom: 30px; }
.product_holder { background-color: #fff; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.13); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.13); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.13); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 35px; }
.product_holder { }
.product-image { padding: 15px; text-align: center; }
.product_name { display: block; text-align: center; }
.product-image img { max-width: 100%; height: 160px; }
.product_name a { display: block; padding: 15px; color: #2d2c2c; font-weight: 600; font-size: 0.9rem; }

.message h1 { font-size: 1.5em; }
/********************************|cetrification|*************************************/
.cetrification { padding: 30px 10px 30px 10px; }
.cetrification h3 { font-size: 1.8em; margin: 20px; }
.cetrification h3 i { margin-bottom: -20px; }

.abrasive_product table { width: 100%; margin: 20px auto; }
.abrasive_product .table-responsive { scrollbar-width: none; }
.abrasive_product table tr td { padding: 10px; width: 400px; color: #363859; }
.city_cust { margin: 15px auto; }
/********************************|footer|*************************************/
footer { background-color: #9294AB; padding-bottom: 40px; }

.followcons div:nth-of-type(1) i { margin: 0px 5px; }

.threefloating > div > div { background-color: #ffffff; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-top: 4px #9294AB solid; margin: -50px 5px 0px 5px; padding: 20px; min-height: 160px; }

.smallfhf { font-size: 0.8em; }

.threefloating ul { margin: 0px; padding: 0px; list-style: none; }
.threefloating ul li { display: block; }
.threefloating i { margin-right: 10px; }

.followcons { padding: 25px 15px; }
.footer ul { margin: 0px; padding: 0px; }
.footer ul li { list-style: none; display: block; padding: 5px 0px; }
.footer, .footer a { color: #fff; }
.footer a:hover { color: #363859; text-decoration: none; }
.footer { padding: 25px 15px; }

.footer-end { color: #ffffff; text-align: center; padding-top: 40px; }

.copyrights { color: #F2EFEF; }

.iconic li { margin-bottom: 25px; }
.iconic i { display: inline-block; margin-right: 5px; float: left; position: absolute; left: -30px; }
.iconic i.sprite-phone { margin-left: 5px; }

.download { display: block; font-size: 1.4em; padding: 0px 0px 15px 0px; }

.download i { margin-bottom: -14px; margin-left: 10px; }


/********************************|sprite|*************************************/
.sprite { background-image: url(../images/spritesheet2.png); background-repeat: no-repeat; display: inline-block; opacity: 0.8; }

.sprite-arrow-two { width: 18px; height: 18px; background-position: -287px -240px; }

.sprite-whitecheck { width: 18px; height: 18px; background-position: -376px -245px; }


.sprite-thumsup { width: 18px; height: 18px; background-position: -308px -203px; }
.sprite-thumsdown { width: 18px; height: 18px; background-position: -331px -204px; }

.sprite-arrow-white { width: 18px; height: 18px; background-position: -310px -240px; }

.sprite-arrow-white.flip { transform: rotate(-180deg); margin-bottom: -7px; }

.sprite-uparrowbtn { width: 26px; height: 33px; background-position: -339px -236px; }


.sprite-star { width: 20px; height: 20px; background-position: -402px -242px; }

/*hover*/
.mic-btn i:hover { width: 21px; height: 24px; background-position: -297px -85px; }
.sprite:hover { background-image: url(../images/spritesheet2.png); background-repeat: no-repeat; display: inline-block; cursor: pointer; opacity: 1; }
.sprite-american-express { width: 60px; height: 21px; background-position: -5px -5px; }

.sprite-apple-app-store { width: 113px; height: 40px; background-position: -75px -5px; }

.sprite-asap-big { width: 182px; height: 52px; background-position: -5px -55px; }

.sprite-asap-small { width: 72px; height: 20px; background-position: -198px -5px; }

.sprite-asapin-logo { width: 268px; height: 57px; background-position: -5px -117px; }

.sprite-building { width: 31px; height: 34px; background-position: -280px -5px; }

.sprite-car-1 { width: 14px; height: 16px; background-position: -198px -49px; }

.sprite-car2 { width: 14px; height: 16px; background-position: -222px -49px; }

.sprite-check { width: 16px; height: 16px; background-position: -246px -49px; }

.sprite-descover { width: 61px; height: 29px; background-position: -197px -75px; }

.sprite-download { width: 46px; height: 38px; background-position: -5px -184px; }

.sprite-email { width: 31px; height: 31px; background-position: -272px -49px; }

.sprite-email-_2_ { width: 22px; height: 17px; background-position: -268px -90px; }

.sprite-fhf { width: 92px; height: 92px; background-position: -61px -184px; }

.sprite-google-play { width: 135px; height: 40px; background-position: -163px -184px; }

.sprite-left { width: 36px; height: 36px; background-position: -5px -234px; }

.sprite-left-over { width: 36px; height: 36px; background-position: -163px -234px; }

.owl-prev.disabled .sprite-left { background-position: -163px -234px !important; }

.sprite-master-card { width: 61px; height: 36px; background-position: -209px -234px; }

.sprite-mic { width: 21px; height: 24px; /*background-position: -279px -116px;*/ background-position: -297px -85px; }

.sprite-no-china { width: 104px; height: 99px; background-position: -321px -5px; }

.sprite-phone { width: 20px; height: 34px; background-position: -314px -114px; }

.sprite-phone-call { width: 15px; height: 23px; background-position: -344px -114px; }

.sprite-right { width: 36px; height: 36px; background-position: -369px -114px; }

.sprite-right-over { width: 36px; height: 36px; background-position: -308px -160px; }

.owl-next.disabled .sprite-right { background-position: -308px -160px; }

.sprite-search-1 { width: 22px; height: 24px; background-position: -353px -161px; }
.sprite-search-1:hover { width: 22px; height: 24px; background-position: -353px -158px; }

.sprite-visa { width: 60px; height: 20px; background-position: -354px -194px; }

.sprite-xml { width: 36px; height: 14px; background-position: -386px -160px; }

/* new sprite for certifications */

.spritecerti { background-image: url('../images/certi-sprites.png'); background-repeat: no-repeat; /*display: inline-block;*/ display: block; }

.sprite-ASA { width: 120px; height: 80px; background-position: -5px -5px; }

.sprite-FAA { width: 120px; height: 80px; background-position: -135px -5px; }

.sprite-Inc5000 { width: 120px; height: 89px; background-position: -5px -90px; }

.sprite-cagecode { width: 120px; height: 80px; background-position: -135px -95px; }

.sprite-checkbca { width: 120px; height: 80px; background-position: -5px -185px; }

.sprite-duns { width: 120px; height: 80px; background-position: -135px -185px; }

.sprite-iso_9001 { width: 120px; height: 80px; background-position: -265px -5px; }

.sprite-nbaa-logo { width: 120px; height: 80px; background-position: -265px -95px; }

.sprite-top50sourceesb { width: 120px; height: 80px; background-position: -265px -185px; }

.sprite-visual-com { width: 120px; height: 80px; background-position: -5px -275px; }

.sprite-asacb { width: 120px; height: 80px; background-position: -133px -275px; }

@media(min-width:0px) and (max-width:479px) {
    .sprite-Inc5000 { transform: translateY(-15px); }
    .sprite-ASA { transform: translateY(-15px); }
    .sprite-nbaa-logo { transform: translateY(-15px); }
    .sprite-cagecode { transform: translateY(-10px); }
    .sprite-visual-com { transform: translateY(-12px); }
    .sprite-duns { transform: translateY(-11px); }
    .sprite-top50sourceesb { transform: translateY(-5px); }
    .sprite-iso_9001 { transform: translateY(-15px); }
    .sprite-FAA { transform: translateY(-17px); }
}

@media(min-width:480px) and (max-width:767px) {
    .sprite-Inc5000 { transform: translateY(-10px); }

    .sprite-ASA { transform: translateY(-15px); }

    .sprite-nbaa-logo { transform: translateY(-15px); }

    .sprite-cagecode { transform: translateY(-10px); }

    .sprite-visual-com { transform: translateY(-12px); }

    .sprite-duns { transform: translateY(-11px); }

    .sprite-top50sourceesb { transform: translateY(-5px); }

    .sprite-iso_9001 { transform: translateY(-15px); }

    .sprite-FAA { transform: translateY(-17px); }
}

@media(min-width:768px) and (max-width:1000px) {
    .sprite-Inc5000 { transform: translateY(-10px); }

    .sprite-ASA { transform: translate(16px,-15px); }

    .sprite-nbaa-logo { transform: translate(37px,-15px); }

    .sprite-cagecode { transform: translate(10px,-11px); }

    .sprite-visual-com { transform: translate(45px,-12px); }

    .sprite-duns { transform: translate(10px,-6px); }

    .sprite-top50sourceesb { transform: translate(14px,-7px); }

    .sprite-iso_9001 { transform: translateY(-15px); }

    .sprite-FAA { transform: translateY(-17px); }
    .sprite-checkbca { transform: translateY(-12px); transform: translateX(45px); }
}

@media(min-width:1001px) and (max-width:1024px) {
    .sprite-Inc5000 { transform: translateY(-10px); }

    .sprite-ASA { transform: translateY(-15px); }

    .sprite-nbaa-logo { transform: translateY(-15px); }

    .sprite-cagecode { transform: translateY(-10px); }

    .sprite-visual-com { transform: translateY(-12px); }

    .sprite-duns { transform: translateY(-11px); }

    .sprite-top50sourceesb { transform: translateY(-5px); }

    .sprite-iso_9001 { transform: translateY(-15px); }
}



@media(min-width:1280px) and (max-width:1690px) {
    .certifix { transform: scale(0.9) }
}

/*****************************|certifix|*************************************/

@media(min-width:1920px) and (max-width:800000px) {
    .certifix a { display: table-cell; vertical-align: middle; text-align: center; }
    .certifix { text-align: center; overflow: hidden; margin-bottom: 10px; }
    .certifix div { display: inline-block; padding: 0px; width: 9.7%; transform: scale(1); }
}

@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); }
    .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: 0px; margin-bottom: 25px; width: 9.7%; transform: scale(1); }
    .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: 0px; margin-bottom: 25px; width: 9.7%; transform: scale(1); }
    .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: 0px; width: 9.7%; margin-bottom: 25px; transform: scale(1); }
    .certifix div img { text-align: center; width: 85%; height: auto !important }
}

@media(min-width:1024px) and (max-width:1279px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }
    .certifix div { display: inline-block; padding: 10px; }
    .certifix div img { text-align: center; width: 80%; height: auto !important }
}

@media(min-width:980px) and (max-width:1023px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }
    .certifix div { display: inline-block; padding: 10px; }
    .certifix div img { text-align: center; width: 80%; height: auto !important }
}

@media(min-width:800px) and (max-width:979px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }
    .certifix div { display: inline-block; padding: 10px; }
    .certifix div img { text-align: center; width: 80%; height: auto !important }
}

@media(min-width:768px) and (max-width:799px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }
    .certifix div { display: inline-block; padding: 10px; width: 20% }
    .certifix div img { text-align: center; width: 90%; height: auto !important }
    .table_view table tr td { display: inline-block; width: 49% !important; }
}

@media(min-width:600px) and (max-width:767px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }
    .certifix div { display: inline-block; padding: 10px; }
    .certifix div img { text-align: center; width: 90%; height: auto !important }
    .bgcons i { float: left; margin-right: 25px !important }
    .table_view table tr td { display: inline-block; width: 49% !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 }
    .table_view table tr td { display: inline-block; width: 49% !important; }
}

@media(min-width:0px) and (max-width:479px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }
    .certifix div { display: inline-block; padding: 10px; }
    .certifix div img { text-align: center; width: 90%; height: auto !important }
    .table_view table tr td { display: inline-block; width: 100% !important; }
}

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

@media(min-width:321px) and (max-width:380px) {
    .tpage .materialinput { padding-left: 0px; }
    .message .rfq_form, .message .rfq_form input { text-align: left !important; padding-left: 8px; }
    .message .rfq_form, .message .rfq_form input { text-align: left !important; padding-left: 8px; }
}
/***********************************||****************************************/


.pagination > li > a,
.pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd }


.pagination > li:first-child > a, .pagination > li:first-child > span { background-color: #363859 !important; }
.pagination > li:last-child > a, .pagination > li:last-child > span { background-color: #363859 !important; }
.table_holder-listing tr:nth-child(1) { background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(56, 57, 77) 100%); }
.product_cust_ic table tr:nth-child(1) { background: unset; }


/*************************||****************************/
.nobg .container { margin-top: 0px !important; }
.nobg .toph2 { color: #363859; font-family: robotomedium; }

.nobg { background-image: none !important; }

.nobg .rfq-mamin button { margin-top: 0px; padding: 7px 50px; color: #fff; }
.subs h3 { color: #fff; }

/***********************|table listing|*****************************/
.table_holder-listing table { width: 100%; border: 1px #D1D9F7 solid; margin-bottom: 20px; text-align: center; }

.table_holder-listing table th { color: #fff; }
.table_holder-listing table th, .table_holder-listing table td { padding: 14px; }
.table_holder-listing table td { border-bottom: 1px #ddd solid }
/*.table_holder-listing table tr:nth-child(odd){ background-color: #D1D9F7; color:#343434; }*/



.rfq-btn { background-color: #000; color: #fff; padding: 5px 25px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-decoration: none !important; }

.rfq-btn:hover { background-color: #363859; color: #fff; text-decoration: none !important; }



/***************|rfq page|****************/
.detailsrfq { padding: 15px; margin-bottom: 40px; }
.detailsrfq .row div { padding: 15px; border: 1px solid #ddd; }


.upbtn { background: rgba(157,21,39,1); background: -moz-linear-gradient(left, rgba(157,21,39,1) 0%, rgba(28,50,132,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(157,21,39,1)), color-stop(100%, rgba(28,50,132,1))); background: -webkit-linear-gradient(left, rgba(157,21,39,1) 0%, rgba(28,50,132,1) 100%); background: -o-linear-gradient(left, rgba(157,21,39,1) 0%, rgba(28,50,132,1) 100%); background: -ms-linear-gradient(left, rgba(157,21,39,1) 0%, rgba(28,50,132,1) 100%); background: linear-gradient(to right, rgba(157,21,39,1) 0%, rgba(28,50,132,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d1527', endColorstr='#1c3284', GradientType=1 ); padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; overflow: auto; }
.upbtn i { margin-right: 10px; float: left; margin: 4px; margin-right: 15px; }
.upbtn { font-size: 1.1em; color: #fff; }
.upbtn a { display: inline-block; padding: 7px 15px; color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #363859; margin-top: 6px; }

.rfqform-holder { margin-top: 20px; }
.rfqform-holder h2, .uploadhold h2 { font-size: 1.4em; font-family: 'robotomedium'; margin-bottom: 15px; margin-top: 15px; }
.formheader_cust { background-color: #02B1FD !important; }
.formheader, .formheader_cust { background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(56,57,77,1) 100%); color: #fff; padding: 15px 20px; -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; }

.rfq_data { width: 430px; display: block; text-align: center; float: left; }
.g-recaptcha { float: right; margin-right: -70px; }
/***********************************|MD form|**************************************/

.rfq_form { padding: 15px 0px; overflow: visible; }
.rfq_form .row > div { margin-bottom: 20px !important; position: relative; overflow: hidden; padding-top: 5px; }
.rfq_form > form > div > div { position: relative !important; margin-bottom: 20px !important; }
.rfq_form > form > div > div > div { position: relative !important; padding-top: 5px; }
.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 8px 8px 0px; border: none; border-bottom: 1px #c5c7c7 solid; background-color: transparent !important; margin-top: 15px; margin-bottom: 0px; outline: none; }
.rfq_form textarea { display: block; }
.rfq_form select { outline: none !important; -webkit-appearance: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none !important; background-color: #ffffff; border-bottom: 1px #c5c7c7 solid !important; }
.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 { background-color: #c60311; display: block; height: 2px; position: absolute; bottom: 0px; width: 0%; /*Main nav Animation*/ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /*Main nav Animation close*/ color: 666666; }
.mdline { width: 100%; background-color: #5043a2; margin-right: 15px; }
.rfq_form select, .rfq_form select option { color: #666666 !important; }
.rfq_form .more_btn { margin: 0px !important; }
/****************************************************************/
.materialinput { position: absolute; font-size: 1em; font-weight: bold; color: #333333; margin-top: 10px; margin-left: 0px; /*Main nav Animation*/ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /*Main nav Animation close*/ opacity: 0; z-index: -1; }
.move_up { z-index: 100; position: absolute; top: 0px; margin-top: -5px; opacity: 1; /*Main nav Animation*/ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /*Main nav Animation close*/ }
.bottom_line { /*test line*/ }
.bottom_line_frame { border: none; width: 100%; margin-top: 1px; border-top: 1px #dddddd solid; margin-bottom: 10px; }


.submitbtn { display: inline-block; padding: 15px 30px; color: #fff; background-color: #363859; margin-left: 10px; border: none; }

.submitbtn i { margin-bottom: -3px; margin-right: 10px; margin-left: -5px; }


/****************************|twotable rfq|************************************/
.twotable { margin-top: 20px; }
.twotable table { width: 100% }
.twotable table th, .twotable table td { padding: 8px; border: 1px #ccc solid; }

.twotable table th { background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(56,57,77,1) 100%); color: #ffffff; border: 1px #363859 solid; }
.twotable table th i { margin: 5px; margin-right: 8px; margin-bottom: -4px; }

.twotable table td strong { color: #1C1C1C }
.twotable table td { color: #363859 }
.twotable table td a { color: #1C1C1C }

.validater { position: absolute; right: 20px; bottom: 10px; z-index: 100; }
/*************************|contactpage|****************************/
.contactpage h1, .contactpage h2 { font-size: 1.4em; }
.contactpage img { width: 100%; }

.conred { color: red; float: right; font-size: 0.6em; }
.bootmsubmit div:nth-of-type(2) { font-size: 0.8em; margin: 6px auto; }

.g-map { margin-top: 40px; }
.red_btn { background-color: #363859; color: #fff; border: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 6px 35px; margin: 10px; }
.nsn_list_outer { width: 100%; border: 2px solid #000; }
.nsn_list_outer ul { margin: 0; padding: 0; }
.nsn_list_outer ul li { list-style-type: none; padding: 10px; font-weight: bold; border-bottom: 1px solid #000; color: #363859; font-size: 15px; }
.nsn_list_outer .title { background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(56,57,77,1) 100%); color: #fff; font-weight: bold; text-transform: uppercase; }
.vall, .vall:focus, .vall:hover { color: #fff; background-color: #363859; border-radius: 30px; outline: none; width: 100px; font-weight: bold; font-size: 13px; text-transform: uppercase; transition: all .3s; }
.vall:hover { background-color: #363859; }
.rfq_form .submitbtn i { margin: 0px 10px -6px 0px; }
.rfq_form .submitbtn { padding: 8px 20px; }
/***********************************|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: #02B1FD; color: #ffffff !important; text-transform: uppercase; font-size: 1.2em; display: inline-block; padding: 8px 18px; text-decoration: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; transition: 0.3s; border: none !important; margin: 12px 10px 10px 0px !important; }
.red_btn:hover, .view:hover, .red_btn:focus, .view:focus { background-color: #1C3284; }
.view { background-color: #02B1FD; }
/*******************************|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; }



.sprite-no { width: 44px !important; height: 44px !important; background-position: -435px -8px; transform: scale(1.2); }

.sprite-yes { width: 44px !important; height: 44px !important; background-position: -435px -61px; transform: scale(1.2); }


.rfq_form { position: relative; }
.rfq_form form { position: relative; }

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



/***********|sub|*************/
nav ul li.active a { color: #fff; }
.nav li { position: relative; width:auto}
.nav li:hover .sub { display: block !important; }
.sub { display: none !important; position: absolute; background-color: #fff; margin: 0px; padding: 0px; display: block; width: 250px; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.13); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.13); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.13); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow-y: hidden; left: 0px; z-index: 10000; }
.sub li { display: block; width: 100%; border-bottom: 1px #ccc dashed }
.sub li:last-child { border: none; }
.sub li:hover { background-color: #f2f2f2; }
.sub li a { display: block !important; padding: 10px 20px !important; }

nav li a { text-decoration: none !important; }

.nav li:nth-child(n+4) > .sub { right: 0px !important; left: auto !important; }




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


.btt { position: fixed; bottom: 30px; right: 30px; font-size: 1.5em; z-index: 100;; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; background-color: #363859; color: #ffffff; width: 35px; padding: 4px 4px 0px 4px; height: 35px; text-align: center; cursor: pointer; display: block; }


.goup { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; top: -25px; position: relative; }



.sub.mega li a, .sub li a { font-family: robotoregular; padding: 8px 15px !important; }
/*********|megamenu|*******/
@media(min-width:1280px) and (max-width:800000px) {
    .header { padding: 10px 0px; }
    .header > div:last-child { position: inherit; }

    nav .nav li.meganav { position: inherit; overflow: visible; }

    .sub.mega, .sub { margin: 0px 10px !important; }
    .sub.mega li a, .sub li a { font-family: robotoregular; padding: 8px 15px !important; }
    .sub.mega { /*display: block !important;*/ position: absolute; background-color: #fff; margin: 0px; padding: 0px; display: block; width: 250px; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.13); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.13); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.13); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow-y: hidden; left: 0px; z-index: 10000; left: 0px; right: 0px; width: 90%; z-index: 100000; margin: 0 auto !important; padding-left: 15px !important; }

    .sub.mega li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    .sub.mega li { display: inline-block; width: 100%; border-bottom: 1px #ccc dashed; position: relative !important; width: 24.5%; }
    .captchabox { width: 75%; margin: 0 auto; padding-top: 0px }
}


/*Common Certificate    START*/
@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:0px) and (max-width:399px) {
    .certificate { width: 100%; background-color: #fff; height: 544px }
}
/*     Common Certificate    END  */
@media(min-width:321px) and (max-width:79900000px) {
    .tpage { width: 308px; margin: 0 auto; margin-top: 0px; margin-top: 15px !important; left: auto !important; right: auto !important; }
}

.tpage { position: relative; padding-top: 5px; margin-top: 15px; }
.capitalize { text-transform: capitalize !important; }
.fa-thumbs-down { color: red !important; }
.fa-thumbs-up { color: green !important; }
.table-responsive { scrollbar-width: none; }

.content_section2 .table_title h2 { font-size: 1.2em; color: #fff; margin: auto 10px; padding: 5px 0; }
.view-all-tbl-block.table_form.table td, .view-all-tbl-block.table_form.table th { color: black; }

.autoheight { height: auto !important; }
.view_more_less_content { overflow: hidden; margin-bottom: 15px; }
.view_more_less_height { height: 150px; }
.field-validation-valid i { position: absolute; margin-left: -25px; margin-top: -10px; }
.breadcrumb-blog {color:black !important;}