﻿@charset "utf-8";
.bg_check, .bg_map_holder, .footer_top, .left_img { background-repeat: no-repeat }
.bg_map_holder span, .gaq, .submit_btn { text-transform: uppercase }
.accordion, .footer_nav, .footer_top_whitebg ul, .list-unstyled, .newsslider ul li, .sitemap ul { list-style: none }
.cta, .cta a { color: #302579; font-weight: 700 }
.cta, .main_nav, .right_link { text-align: right }
.cta, .main_nav ul, .main_nav ul li, .main_nav ul li a, .top_nav, .top_nav ul, .top_nav ul li { display: inline-block }
.bg_map_holder, .left_img { background-position: center center }
a { outline: 0 !important }
body { background-color: #f3f5f6 }
header { position: fixed; background-color: #fff; width: 100%; z-index: 10000; -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.14); -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,.14); box-shadow: 0 0 5px 3px rgba(0,0,0,.14) }
.bg_check, .footer_top_whitebg { -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.14); -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,.14); box-shadow: 0 0 5px 3px rgba(0,0,0,.14) }
.header { border-bottom: 1px #e7e7e7 solid; padding: 10px }
.cta { font-size: 1em; margin-top: 14px }
.categories ul, .main_nav ul, .top_nav ul { margin: 0; list-style: none }
.top_nav { padding-left: 15px }
.top_nav ul { padding: 0 }
.top_nav ul li a { color: #66747b; padding: 0 8px }
.logo { padding: 0 }
.categories, .main_nav { padding: 5px 0 0; font-size: 1em }
.categories a, .main_nav a { text-decoration: none !important; font-weight: 700 }
.main_nav ul { padding: 0 }
.main_nav ul li a { color: #37474f; padding: 8px 14px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.main_nav ul li .act, .main_nav ul li a:focus, .main_nav ul li a:hover { background-color: #5568AC; color: #fff }
.categories ul { padding: 0; display: block }
.categories ul li { display: block }
.categories ul li a, .owl-theme .owl-dots .owl-dot { display: inline-block }
.categories ul li a { color: #324f6b; padding: 8px 10px; width: 96%; background-color: #51dacf; position: relative }
.categories ul li a:hover { background-color: #5568AC; color: #fff }
.categories ul li a:focus { background-color: #5568AC !important; color: #fff !important }
.categories ul li a i { position: absolute; right: 0; top: 0; padding: 11px 15px }
.banner { padding-top: 120px; position: relative }
.owl-carousel01 .owl-next, .owl-carousel01 .owl-prev { top: 50%; padding: 5px 20px; color: #fff; border: 1px solid #fff; font-size: 2.5em; opacity: .8 }
.owl-carousel01 { width: 100% !important }
.owl-carousel01 img { width: 100% }
.owl-carousel01 .owl-prev { position: absolute; left: 10px }
.owl-carousel01 .owl-next { position: absolute; right: 10px; filter: alpha(opacity=80) }
.owl-carousel01 .owl-next:hover, .owl-carousel01 .owl-prev:hover { opacity: 1; filter: alpha(opacity=100) }
.owl-carousel01 .owl-dots { text-align: center; position: absolute; bottom: 30%; width: 100% }
.banner big, .banner h1 { width: 80%; margin: 0 auto; z-index: 1000; position: absolute; text-align: center; left: 0; right: 0 }
.banner big strong { font-size: 1.6em }
.banner big p { font-size: 1.6em }
.banner h1 { font-size: 1.6em !important }
.banner h1 p { font-size: 1.6em }
.owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 5px 7px; display: block; border: 2px solid #fff; opacity: .5; filter: alpha(opacity=50) }
.icon_box, .icon_text { display: inline-block }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { opacity: 1; filter: alpha(opacity=100) }
.search_banner { position: absolute; top: 400px; z-index: 900; padding: 20px; background-color: rgba(255,255,255,.75); width: 750px; margin: 0 auto; left: 0; right: 0; color: #37474f }
.bg_map_holder, .blue_bg { position: relative; z-index: 900 }
.search_banner .input_box { padding: 10px; font-size: 1.2em; border: 1px solid #c5cad0; display: inline-block; width: 86% }
.search_banner .search_btn { background-color: #302579; padding: 10px 20px; font-size: 1.2em; color: #fff; border: 1px solid #302579 }
.search_banner .search_btn:focus, .search_banner .search_btn:hover { background-color: #5968b1; border: 1px solid #5968b1 }
.radio_holder { padding-top: 10px }
.blue_bg { background-color: #302579; padding: 15px; margin-top: -10% }
.blue_bg > div { padding: 10px }
.icon_box { vertical-align: top; padding: 15px 0 }
.icon_text { width: 70% }
.icon_text h2 { color: #fff; font-size: 1.5em; margin-bottom: 5px }
.icon_text p { color: #99a6de }
.bg_map_holder span, .bg_map_holder strong { width: 100%; text-align: center; color: #413f4d; display: block }
.bg_map_holder { background-image: url(../images/map.png); background-color: #51dacf; padding: 15px; text-align: center; margin-top: 25px; margin-bottom: 25px }
.bg_map_holder strong { font-size: 7.8em }
.bg_map_holder span { font-size: 1.5em; margin-top: -25px; letter-spacing: 3px }
.bg_map_holder p { display: block; padding: 15px 0; border-top: 1px #39bdb2 solid; margin-top: 15px }
.footer_top { background-image: url(../images/footer-top-bg.jpg); background-size: 100% 100%; padding: 20px }
.footer_top_whitebg { background-color: #fff; padding: 20px 20px 40px; margin: 80px auto 20px }
.footer_top_whitebg h3 { font-weight: 700; font-size: 1.5em }
.footer_top_whitebg ul { margin: 0; padding: 0 }
.footer_top_whitebg ul li a { display: block; padding: 8px; border-bottom: 1px #d6d5dc solid; text-decoration: none !important; color: #2a2839 }
.footer_top_whitebg ul li a:hover { background-color: #f0f0f0 }
.footer_top_whitebg ul li a i { color: #aaa8b9 }
.bg_check { background-image: url(../images/bg-pic.jpg) }
.left_img { height: 375px }
.glowing_box { padding: 40px 0 }
.right_text { padding: 20px 30px }
.bg_check h3 { color: #302579; font-size: 1.8em }
.bg_check p { font-size: 1.2em; line-height: 28px }
.blue_box { background-color: #302579; margin-right: -15px; margin-left: 15px; color: #fff; text-align: left; padding-bottom: 30px }
.error, .icon_hold, .icon_hold img, .left_rfq .gaq_btn, footer h4 { text-align: center }
.blue_box a { color: #fff; font-size: 1.2em; text-decoration: underline }
.big_three > div a, .gaq, .less_morectrl, .rfq_btn, .submit_btn { text-decoration: none !important }
.icon_hold img { display: inline-block }
.blue_box h3 { font-size: 1.6em }
.blue_box p { color: #bcbace }
.spacing { padding: 10px 25px }
.big_three, .big_three > div { margin: 0; padding: 0 }
.big_three > div a { position: absolute; background-color: #fff; padding: 15px; display: block; width: 80%; margin: 0 auto; left: 0; right: 0; bottom: 30px; font-size: 1.3em; color: #2a2839 }
.big_three > div a i { position: absolute; right: 0; padding: 20px 20px 15px; background-color: #54dbd0; top: 0; bottom: 0; vertical-align: middle }
.big_three > div a:hover { background-color: #eff1f3 }
.big_three > div a:hover i { background-color: #302579; color: #fff }
.big_three img { width: 100% }
footer { position: relative; color: #fff }
footer p { padding-top: 8px; padding-bottom: 5px }
footer a { color: #fff !important }
footer h4 { color: #fff; font-size: 1.7em }
footer h4 span { background-color: #54dbd0; display: block; width: 50px; margin: 15px auto 0; height: 3px }
footer iframe { position: absolute; top: 0; left: 0 }
.map_over { background-color: rgba(39,40,50,.9); position: relative; top: 0; bottom: 0; left: 0; right: 0; padding: 30px 20px; overflow: hidden; z-index: 900 }
.footer_nav { margin: 0; padding: 0; overflow: hidden }
.footer_nav li { width: 50%; display: block; float: left; padding-bottom: 5px }
.gaq { position: fixed; bottom: 0; right: 80px; background-color: #54dbd0; padding: 10px 20px; z-index: 1000; color: #000; font-weight: 900 }
.gaq:hover { background-color: #5568AC; color: #fff }
.catdrop a, .categories .catdrop, .owl-carousel02 { background-color: #fff !important }
.owl-carousel02 { border-radius: 8px; padding: 15px 100px }
.owl-carousel02 .owl-next, .owl-carousel02 .owl-prev { top: 35%; padding: 5px 15px; color: #666; border: 1px solid #fff; font-size: 2.5em; opacity: .8; position: absolute }
.owl-carousel02 .owl-dots { display: none !important }
.owl-carousel02 .owl-prev { left: 10px; z-index: 999 }
.owl-carousel02 .owl-next { right: 10px; filter: alpha(opacity=80) }
.owl-carousel02 .owl-next:hover, .owl-carousel02 .owl-prev:hover { opacity: 1; filter: alpha(opacity=100) }
.in_mobile, .search_bars { display: none }
.categories .catdrop { position: absolute; width: 100% !important; overflow: hidden; -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.14); display: none; -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,.14); box-shadow: 0 0 5px 3px rgba(0,0,0,.14); height: 300px; overflow-y: auto }
.catdrop a { font-size: .8em }
.catdrop a:hover { font-size: .8em; background-color: #f2f2f2 !important; color: #324f6b !important }
.skew_holder { position: relative; overflow: visible }
.skew_holder .skew02:before, .skew_holder .skew:before { position: absolute; overflow: visible; width: 100%; padding: 50px; background: #f3f5f6; -webkit-backface-visibility: hidden; content: ''; left: 0; outline: transparent solid 1px }
.skew_holder .skew:before { bottom: -50px; z-index: 100; -webkit-transform: skewY(3deg); -moz-transform: skewY(3deg); -ms-transform: skewY(3deg); -o-transform: skewY(3deg); transform: skewY(3deg); backface-visibility: initial }
.skew_holder .skew02:before { bottom: -30px; z-index: 10; -webkit-transform: skewY(-2deg); -moz-transform: skewY(-2deg); -ms-transform: skewY(-2deg); -o-transform: skewY(-2deg); transform: skewY(-2deg); backface-visibility: initial }
.amex, .b, .discover, .f, .g, .icon01, .icon02, .icon03, .icon04, .icon05, .icon06, .mastercard, .no, .ok, .p, .t, .visa, .xml, .y { background: url(../images/sprites.png) no-repeat; display: inline-block }
.visa { background-position: -119px -37px; width: 58px; height: 34px }
.y { background-position: -181px 0; width: 32px; height: 32px }
.amex { background-position: 0 -37px; width: 56px; height: 34px }
.b { background-position: -109px 0; width: 32px; height: 32px }
.discover { background-position: -57px -35px; width: 58px; height: 34px }
.f, .g { width: 32px; height: 32px }
.f { background-position: -1px 0 }
.g { background-position: -74px 0 }
.mastercard { background-position: -182px -38px; width: 56px; height: 35px }
.p, .t { width: 32px; height: 32px }
.p { background-position: -145px 0 }
.t { background-position: -38px 0 }
.icon01, .icon02, .icon03, .icon04, .icon05, .icon06 { width: 100px; height: 100px }
.icon06 { background-position: -212px -184px }
.icon01 { background-position: -1px -79px }
.icon02 { background-position: -107px -79px }
.icon03 { background-position: -212px -79px }
.icon04 { background-position: -1px -186px }
.icon05 { background-position: -107px -184px }
.xml { background-position: -212px -291px; width: 36px; height: 21px }
.no { background-position: -103px -289px; width: 100px; height: 100px }
.ok { background-position: -2px -290px; width: 98px; height: 98px }
.banner_inside .skew_holder div img { width: 100% }
.banner_inside big { top: 55px }
.banner_inside .search_banner { top: 297px; display: none }
.breadcrumb_holder { margin-top: -200px; z-index: 500; position: relative }
.breadcrumbs { background-color: #fff; padding: 8px 15px; bottom: 0; width: 100%; color: #333; font-size: 1.1em; position: relative }
.breadcrumbs a { color: #302579; font-weight: 700 }
.breadcrumb_holder .blue_check { background-color: #302579; background-image: url(../images/bg-check.png); background-repeat: no-repeat; background-size: 100%; padding: 10px; color: #fff; background-position: bottom }
.breadcrumb_holder .blue_check h2 { margin: 0 0 8px; font-size: 1.5em !important }
.line_btn { border: 2px solid #51dacf; padding: 12px 20px; display: inline-block; color: #fff !important; margin-top: 10px }
.breadcrumb_holder .blue_check a { color: #fff !important; font-weight: 700 !important }
.main_containt { margin-bottom: 20px; position: relative; z-index: 500 }
.main_containt .container { background-color: #F3F5F6 }
.main_containt .left_rfq { background-color: #51dacf; padding: 20px }
.main_containt .left_rfq h3 { text-align: center; margin: 0 0 10px }
.left_rfq { -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.2); box-shadow: 0 0 5px 0 rgba(0,0,0,.2) }
.left_blue_box, .listing { -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.2); box-shadow: 0 0 5px 0 rgba(0,0,0,.2) }
.left_rfq .input_box { width: 100%; border: 1px solid #30b7ac; padding: 10px; margin-bottom: 10px }
.left_rfq .gaq_btn { background-color: #302579; color: #fff; display: block; width: 100%; padding: 10px; font-weight: 700; border: none }
.left_blue_box { margin-left: 0; width: 100%; margin-top: 20px }
.pager { margin: 0 }
.pager li > a { border-radius: 0 }
.pager .owl-next, .pager .owl-prev { position: absolute; top: 0; border-radius: 0 !important; font-size: 1.2em !important; padding: 4px 15px !important; margin-top: 0 !important }
.pager li .act { background-color: #5568AC !important; color: #fff !important }
.pager li > a:focus, .pager li > span:focus { background-color: #848b93 !important; color: #fff !important }
.pager .owl-wrapper-outer { width: 91.5% !important }
.pager .owl-prev { left: 0; margin-left: 0 !important }
.pager .owl-next { right: 0; margin-right: 0 !important }
.pager .owl-next:hover, .pager .owl-prev:hover { opacity: 1 !important }
.pager .owl-controls { display: block !important }

@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-top: 8px; margin-bottom: 5px !important }
.listing { position: relative; background-color: #fff; padding: 10px; display: block }
.listing table td, .listing table th { padding: 12px !important }
.error, .rfqform_holder { -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.2); box-shadow: 0 0 5px 0 rgba(0,0,0,.2) }
.listing table { border: 1px solid #e0e2e4 }
.listing table th { background-color: #7d8992; color: #fff }
.listing table td a { color: #2a2839 }
.listing tr:nth-child(1) td { border-top: none }
.listing tr:last-child td { border-bottom: none }
.lhs { padding-left: 0 }
.rhs { padding-right: 0 }
.rfq_btn { background-color: #51dacf; padding: 2px 15px; display: inline-block; font-weight: 700 !important }
.less_morectrl, .submit_btn { font-weight: 700 }
.rfq_btn:hover { background-color: #5568AC; color: #fff }
.listing h3 { margin-bottom: 15px }
.accordion { margin: 0; padding: 0 }
.accordion li { margin-bottom: 15px }
.accordion li h3 { cursor: pointer; margin: 2px 0 !important; padding-right: 40px }
.accordion li h3 i { position: absolute; right: 0; top: 15px; padding: 0 15px; color: #9a98a9 }
.map_holder, .rfqform_holder { position: relative; overflow: hidden }
.accordion li div { padding: 0 !important; display: none; width: 100% !important; margin-top: 10px }
.rfqform_holder { border: 1px solid #ddd; background-color: #fff; padding: 25px 25px 0; display: block }
.rfqform_holder h2 { font-size: 1.5em; background-color: #7d8992; color: #fff; padding: 15px; margin: -25px -25px 25px }
.rfqform_holder h3, .rfqform_holder p.heading { margin-top: 0 }
.star { color: red; display: inline-block !important; font-size: 15px; }
.rfqform_holder .inputbox, .rfqform_holder .selectbox, .rfqform_holder .textareabox { border: 1px solid #c6c8cd; padding: 8px; width: 100%; color: #666c6f; margin-top: 5px; margin-bottom: 10px }
.rfqform_holder .inputbox, .rfqform_holder .selectbox { height: 39px }
.error img, label { width: auto !important }
#recaptcha1 { margin-top: 5px; margin-bottom: 10px }
.submit_btn { background-color: #5568AC; padding: 10px 23px; border: none; font-size: 1.2em; cursor: pointer; margin: 10px 0; color: #fff }
.submit_btn:focus, .submit_btn:hover { background-color: #302579; color: #fff }
.sitemap { padding: 0 10px 40px 12px; overflow: hidden }
.sitemap ul { margin: 0; padding: 0 }
.sitemap ul li a { display: block; padding: 7px 5px; border-bottom: 1px #ddd dotted }
.error { padding: 30px 20px !important; margin: 20px 0; background-color: #fff }
.error hr { border-color: #ccc }
.error .more { color: #000 }
.error h1 { color: #9D3330; border: none; font-size: 2em; margin-bottom: 8px }
.map_holder { padding-top: 20px; margin-right: 15px }
.map_over02 { position: absolute; top: 0; bottom: 0; left: 0; right: 0 }
#topcontrol { z-index: 1000 }
.insider_form, .menu_bars, .menu_search, .mobcta { display: none }
.auto_height { height: auto }
.less_morectrl { display: none; margin-top: 15px; padding: 10px 15px; background-color: #5568AC; color: #fff !important }
.less_morectrl:hover { background-color: #3E4149 !important; color: #fff !important }
.socialicon a:hover { opacity: .5; filter: alpha(opacity=50) }
.top_nav .actv, footer .actv { text-decoration: underline !important }
.bottom_line { border: none; width: 100% }
.upload { margin-top: 20px; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.2); box-shadow: 0 0 5px 0 rgba(0,0,0,.2) }
.form_error { margin-left: -20px; margin-right: -20px }
.form_error input { padding: 10px; border: 1px solid #ddd }
.form_error button { padding: 10px; border: 1px solid #5568AC; background-color: #5568AC; color: #fff }
.form_error button:hover { background-color: #302579; border: 1px solid #302579 }
.top_search { text-decoration: none !important; color: #000 !important; background-color: #54dbd0; font-weight: 700; padding: 8px !important }
.top_search:hover { background-color: #5568AC !important; color: #fff !important }
.top_search i { display: inline-block; width: 18px !important }
.showme, .table_form, .upload img { width: 100% }
.showme { position: fixed !important; display: block !important; top: 125px !important; z-index: 10001 !important; background-color: #EAEBEB !important; text-align: center !important; margin: 0 auto; left: 0; right: 0 }
.light_box, .mobline { display: none }
.light_box { position: fixed; z-index: 999; background-color: rgba(0,0,0,.8); top: 0; bottom: 0; left: 0; right: 0 }
.banner_inside .skew_holder img { height: 380px !important }
.banner big, .banner h1 { top: 13% !important }
.skew_fix .skew_holder .skew::before { padding: 100px !important; content: ''; position: absolute; left: 0; bottom: -30px; overflow: visible; width: 100%; background: #f3f5f6; z-index: 10; -webkit-transform: skewY(0); -moz-transform: skewY(0); -ms-transform: skewY(0); -o-transform: skewY(0); transform: skewY(0); -webkit-backface-visibility: hidden; backface-visibility: initial; outline: transparent solid 1px }
footer .container .row { margin: 0 !important }
.table-responsive .table { max-width: none }
.part-title { font-size: 16px; margin: 0; padding: 10px 5px; background: #E3E3E3 }
.part-type-list .list-unstyled { margin: 10px 0 20px }
.list-unstyled { padding-left: 0 }
.table_form { border: 1px solid #ccc; margin-bottom: 20px }
.table_form th { background-color: #2AA9E0; color: #fff; padding: 10px }
.table_form tr:nth-child(odd) { background-color: #efefef }
.table_form td { padding: 12px }
.bpnsn_recordnotfound { font-size: 15px; margin-top: 20px; margin-bottom: 20px }
.rfqform_holder .highlight { font-size: 1em; background-color: #7d8992; color: #fff }
.rfqform_holder h3, .rfqform_holder p.heading { font-size: 1.5em !important; background-color: #7d8992 !important; color: #fff !important; padding: 10px !important; margin: -25px -25px 25px !important }

@media (max-width:1280px) {
.notecontent span { font-size: 13px; padding-left: 0 }
}

.icon_text .Spanh2 { color: #fff; font-size: 1.5em; margin-bottom: 5px; font-weight: 500; line-height: 1.1; display: block; -webkit-margin-before: .83em; -webkit-margin-after: .83em; -webkit-margin-start: 0; -webkit-margin-end: 0; text-align: center; padding-top: 35px }
.tb-bold { font-weight: 700 !important }
.td-partclass { color: #00f !important }
.hidearrow .owl-buttons { display: none !important }

@media (max-width:700px) {
.hidearrow .owl-buttons { display: block !important }
}

@media (min-width:0px) and (max-width:640px) {
.product_list tr:nth-child(odd) td:nth-child(odd) { background-color: #f4f4f4 !important }
.product_list tr:nth-child(even) td:nth-child(odd) { background-color: #fff !important }
.product_list th { display: none !important }
.product_list th:first-child, .product_list th:last-child { display: table-cell !important; padding: 8px !important }
.product_list th:first-child { text-align: left; width: 80% }
.product_list th:last-child { text-align: center; width: 20% }
.product_list td { display: none !important }
.product_list td:first-child, .product_list td:last-child { display: table-cell !important; padding: 8px !important }
.product_list td:first-child { text-align: left; width: 80% }
.product_list td:last-child { text-align: center; width: 20% }
#leftcategory { display: none }
.banner big strong { font-size: 1em !important }
.banner h1 strong { font-size: 1.2em !important }
.banner big p { font-size: 1.1em }
.banner h1 p { font-size: 1.2em }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 100 }
.breadcrumb_holder .blue_check h1, .breadcrumb_holder .blue_check h2, .rhs h2 { font-size: 1em !important }
}

.catdrop li ul, .catdrop li ul li a { background-color: #eee !important }
.catdrop li ul { display: none; width: 100% !important }
.catdrop li ul li a:hover { background-color: #ddd !important }
.mlsubmit_btn { background-color: #5568AC !important; padding: 5px !important; border: none !important; text-transform: uppercase !important; font-size: 1em !important; cursor: pointer !important; margin: 5px 0 !important; color: #fff !important }
.capitalize { text-transform: capitalize }

@media (min-width:0px) and (max-width:640px) {
.gaq { padding: 9px 10px !important }
.radio_holder label { padding-right: 2px !important }
}

.top_nav ul li a { font-weight: 700; text-align: center }

@media (min-width:0px) and (max-width:780px) {
.icon_text .Spanh2 { margin-top: 20px !important; text-align: center; padding-top: 1px !important }
}

.radio_holder input[type=radio]:checked ~ * { background-color: #bbb !important; font-weight: 700 !important; font-size: 32px !important }
.map { border: 0; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: url(/images/map.jpg); background-size: 100% auto; background-position: center center }
.owl-carousel0x .owl-next, .owl-carousel0x .owl-prev { position: absolute; top: 30%; padding: 5px 15px; color: #666; font-size: 2.5em; opacity: .8 }
.owl-carousel0x .owl-dots { display: none !important }
.owl-carousel0x .owl-prev { left: 10px; z-index: 999 }
.owl-carousel0x .owl-next { right: 10px; filter: alpha(opacity=80) }
.owl-carousel02 .owl-next:hover, .owl-carousel0x .owl-prev:hover { opacity: 1; filter: alpha(opacity=100) }
.owl-carousel0x { border-radius: 8px; text-align: center; padding: 25px 60px }
.owl-carousel0x img { width: auto !important }

@media (min-width:0px) and (max-width:1024px) {
.map { background-size: auto 100% }
.owl-carousel0x .owl-next, .owl-carousel0x .owl-prev { font-size: 1.5em; padding: 5px 10px; display: block !important }
}

@media (min-width:0px) and (max-width:767px) {
.owl-carousel0x img { width: 100% !important }
.owl-carousel0x { height: 200px !important }
.footer-m { position: relative; text-align: center; z-index: 9 }
}

.main_nav li { position: relative }
.main_nav li i { color: #399FD0; margin-left: -8px }
.main_nav li > ul { position: absolute; background-color: #001649; width: 250px !important; top: 39px; left: 0; display: none }
.main_nav li > ul li { display: block; width: 100%; text-align: left !important; margin: 0 !important; padding: 0 !important }
.main_nav li > ul > li > a { display: block !important; text-align: left; border: none !important; text-transform: capitalize !important; border-bottom: 1px #3D4267 solid !important }
.main_nav li > ul > li > a:hover { background-color: rgba(0,105,213,.5); border-bottom: 1px #3D4267 solid !important }
.submenuitem { font-size: 13px !important; color: #FFF !important }

@media (min-width:0px) and (max-width:1279px) {
.main_nav li i { position: absolute; right: 10px; padding: 15px; display: block; z-index: -1; top: 0; margin-left: 0; color: #fff !important }
.main_nav li:hover > a { border-bottom: 1px solid #292d4a !important }
.main_nav li > ul { width: 100% !important; position: relative !important; top: 0 !important }
.main_nav li:hover ul { display: none }
.main_nav ul li a:focus, .main_nav ul li a:hover { background-color: rgba(2,117,172,.7) !important }
}

@media (min-width:1200px) and (max-width:1600px) {
.white { height: 215px }
}

#nt-example1-next, #nt-example1-prev { cursor: pointer; display: block; font-size: 1.8em; margin: 0 auto; padding: 18px; text-align: center; width: 30px }
.newsslider ul li img { margin: 0 auto }
.crtimg { display: none }

@media (min-width:0px) and (max-width:640px) {
.owl-carousel02 { display: none !important }
.crtimg { display: block; width: 100%; padding: 20px }
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 4px 5px !important; line-height: 1.42857143; vertical-align: middle !important; border-top: 1px solid #ddd }
.h1, .h2, .h3, h1, h2, h3 { margin-top: 10px !important; margin-bottom: 5px !important }
/*.nohyperlink { pointer-events: none !important; cursor: default }*/
.input-group-btn { position: relative; font-size: inherit; }
.input-group-addon, .input-group-btn { vertical-align: middle; white-space: nowrap; width: 1%; }
.input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; }

@media(max-width:720px) and (min-width:0px) {
.ban_txt h4 strong { float: left !important; position: relative !important; width: 100% !important; }
}

@media(max-width:721px) and (min-width:980px) {
.ban_txt h4 strong { float: right !important; position: relative !important; width: 80% !important; }
}

.heading .star, h2 .star { color: white !important; float: right; }
#divbutton { padding-top: 20px; }
.divnsninfo, .divchar { overflow: auto; }
.rhs h2 { font-size: 1.4em; }
/*.pre-footer { padding: 0px; margin: 0px; }
.foot-disc, .no-china { position: relative; background-color: #fff; color: #6a7582; padding: 4px 20px 0px 30px; border-top: 2px #d4333c solid; border-bottom: 3px solid #ccc; overflow: hidden; min-height: 143px; margin-bottom: 30px; }
.no-china-content { position: absolute; width: 80%; 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 #cccccc; }
.foot-disc p { margin-bottom: 0; padding: 5px 0; line-height: 1.2; color: #000; font-size: 1.15em; }
.no-china p { line-height: 1.2; font-size: 1.15em; display: inline-block; vertical-align: middle; padding-left: 20px; }
.no-china img { display: inline-block; vertical-align: middle; width: 80px; float: left; }

@media(max-width: 1280px) {
.no-china-content { position: absolute; width: 100%; height: 100%; padding-left: 30px; padding-right: 30px; }
}

@media(max-width: 991px) {
.no-china-content { padding-left: 30px; padding-right: 30px; }
}

@media(max-width: 767px) {
.no-china p { line-height: 1.2; font-size: 1.15em; display: block; vertical-align: middle; margin-left: 95px; }
}

@media(max-width: 480px) {
.no-china-content { position: absolute; width: 100%; height: 100%; padding-left: 20px; padding-right: 20px; padding-top: 20px; }
.no-china p { margin-left: 75px; }
}

@media(max-width: 480px) {
.no-china-content { position: absolute; width: 100%; height: 100%; padding-left: 20px; padding-right: 20px; padding-top: 15px; }
.no-china p { margin-left: 75px; }
}

.foot-disc > ul > li { list-style-type: disc !important; display: inherit; }
.foot-disc > ul > li > p:before { display: inline; font-family: 'FontAwesome'; content: '\25CF'; margin: 0 5px 0 -15px; color: #724970; }*/
footer .row.pre-footer { margin: 5px 0 !important; background-color: white; padding-top: 5px; border-radius: 6px; border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination { margin: 0 !important; float: right !important; }
.table_title { padding: 10px; background-color: #51dacf; /* color: white !important; */ }
.pager li.fsc-active a, .pagination li.fsc-active a { background-color: #5568AC !important; color: #fff !important; }
.table_view.roundboxes .boxx strong { background-color: #302579; /* display: block; */ color: #fff; padding: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; display: block; }
.roundboxes .boxx { background-color: #ffffff !important; text-align: center; margin-bottom: 10px; display: block; padding-bottom: 5px; border-bottom: 1px solid; border-right: 1px solid; border-left: 1px solid; border-radius: 10px; border-color: #302579; }
.roundboxes div ul { margin-top: 0px; margin: 0px; padding: 0px; list-style: none; padding-bottom: 15px; margin-top: 10px; margin: 10px 10px !important; }
.table_view.roundboxes li { display: block; width: 100%; padding: 5px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.93em; }
.boxx ul li { padding: 5px 0px !important; color: #888; }
.split li { display: inline-block !important; width: 49% !important; background-color: #fff !important; }
.fa.fa-thumbs-down { color: red;  }
.fa.fa-thumbs-up { color: green;  }
.form_rfq_main abbr { position: absolute; right: 20px; top: 50%; /*transform: translateY(-50%);*/ }
.breadcrumb_holder .blue_check h1 { margin: 0 0 8px !important; font-size: 1.8em; }
div.blue_check > h1 { text-align: inherit !important; position: inherit !important; }

.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; min-height: 150px; 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; }

.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 }
.mobipfix a { color: #337ab7 !important }

@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: 10px }

.mobipfix { margin-top: -10% !important }

.foot-disc, .no-china, .fallenheroes { min-height: 203px }
.foot-disc ul { margin-top: 11%; }
.no-china img, .fallenheroes img { margin-top: 5%; }
.no-china p { margin-top: 5%; }
}

@media(min-width:768px)and (max-width:991px) {
.no-china-content, .fallenheroes-content { padding-left: 30px; padding-right: 30px }

.mobipfix { margin-top: -6px !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: 1%; }

.fallenheroes { min-height: 203px; }
.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%; }

@media(min-width:1367px) and (max-width:1920px) {
.mobipfix { margin-top: -5% }

.foot-disc, .no-china, .fallenheroes { min-height: 167px }

.no-china p, .fallenheroes p { margin-left: 19% }

.no-china-content { left: 14%; }

.foot-disc ul { margin-top: 6%; }
.fallenheroes p { padding-right: 29px; }
}

@media(min-width:1025px) and (max-width:1366px) {
.no-china-content { left: 12%; }

.foot-disc ul { margin-top: 6%; }
.fallenheroes p { padding-right: 29px; }
}


@media(max-width:360px) {
.fallenheroes { min-height: 234px; }
.mobipfix { word-break: break-word; }
.fallenheroes img { margin-top: 18%; }
}

@media(max-width:330px) {
.fallenheroes { min-height: 300px }
.foot-disc, .no-china { min-height: 120px; }
.mobiimg-fix { margin-top: 10%; }
.mobipfix { word-break: break-word; }
.fallenheroes img { margin-top: 35%; }
}
@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:auto}}@media(min-width:768px) and (max-width:799px){.certificate{width:100%;background-color:#fff;height:auto}}@media(min-width:600px) and (max-width:767px){.certificate{width:100%;background-color:#fff;height:auto}}@media(min-width:480px) and (max-width:599px){.certificate{width:100%;background-color:#fff;height:auto}}@media(min-width:400px) and (max-width:479px){.certificate{width:100%;background-color:#fff;height:auto}}@media(min-width:0px) and (max-width:399px){.certificate{width:100%;background-color:#fff;height:auto}}

.certificate {z-index:1;position:relative}