@charset "utf-8";

a,
select {
    outline: 0 !important
}

.cta,
.main_nav,
.right_link {
    text-align: right
}

.cta,
.cta a,
.main_nav a {
    color: #d5dcf5
}

.categories ul li a,
.gaq,
.main_nav a {
    text-decoration: none !important
}

.bottom_line,
.categories h4,
.footer .line,
.less_more,
.map_holder,
.product_holder div div,
.sitemap,
footer {
    overflow: hidden
}

/*.nohyperlink{pointer-events:none!important;cursor:default}*/
input:focus {
    outline: 0
}

select {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none !important;
    background-color: #fff;
    background-image: url(https://cdn.asapsemi.com/oneclickpurchasing/blog/content/images/select-arrow.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

header {
    position: fixed;
    width: 100%;
    z-index: 10001;
    border-bottom: 1px #576b85 dotted;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1)
}

.header,
.one_banners a img,
.two_banners a img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

.header {
    padding: 20px 20px 0;
    transition: all .3s ease
}

.fixed {
    background-color: #0A3464
}

.cta {
    font-size: 1.1em;
    display: inline-block;
    margin-right: 16px
}

.main_nav ul,
.search_form h2 {
    margin: 0;
    display: inline-block
}

.logo {
    padding: 0
}

.categories,
.main_nav {
    padding: 15px 0 0;
    font-size: 1.1em
}

.main_nav ul {
    padding: 0;
    list-style: none
}

.main_nav ul li {
    display: inline-block
}

.main_nav ul li a {
    color: #d5dcf5;
    display: inline-block;
    padding: 15px;
    letter-spacing: 1px;
    font-weight: 700
}

.main_nav ul li .act,
.main_nav ul li a:focus,
.main_nav ul li a:hover {
    border-bottom: 2px #fcc967 solid
}

.search_form {
    position: absolute;
    z-index: 999;
    width: 380px;
    top: 42%
}

.search_form h2 {
    background-color: #000;
    color: #fff;
    padding: 15px 20px;
    font-size: 1.5em
}

.banner .search_form form {
    background-color: rgba(255, 255, 255, .2)
}

.banner .search_form h2 {
    background-color: rgba(0, 0, 0, .3)
}

.search_form form {
    background-color: #fff;
    padding: 30px 25px 25px
}

.search_form form input,
.search_form form select {
    width: 100%;
    clear: both;
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #a4a7ae;
    color: #666c6f
}

.search_form form button {
    background-color: #2aa9e0;
    border: none;
    padding: 12px 20px;
    width: 100%;
    text-align: center;
    color: #fff
}

.owl-carousel01 .owl-next,
.owl-carousel01 .owl-prev {
    top: 50%;
    padding: 2px 20px;
    font-size: 2.5em;
    opacity: .8;
    color: #fff
}

.search_form form button:focus,
.search_form form button:hover {
    background-color: #3e4149
}

.banner {
    position: relative
}

.owl-carousel01 {
    width: 100% !important
}

.owl-carousel01 img {
    width: 100%
}

.owl-carousel01 .owl-prev {
    position: absolute;
    left: 10px;
    border: 1px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.owl-carousel01 .owl-next {
    position: absolute;
    right: 10px;
    border: 1px solid #fff;
    filter: alpha(opacity=80) -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.owl-carousel01 .owl-next:hover,
.owl-carousel01 .owl-prev:hover,
.owl-theme .owl-dots .owl-dot span {
    opacity: 1;
    filter: alpha(opacity=100)
}

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

.banner big {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1000;
    top: 200px
}

.inside_banner big {
    width: 99% !important
}

.banner big strong {
    font-size: 4em;
    text-transform: uppercase;
    color: #fff
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    display: block;
    border: 2px solid #fff;
    -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;
    background-color: #fff;
    filter: alpha(opacity=100)
}

.socialicon a:hover,
.xml:hover {
    opacity: .5;
    filter: alpha(opacity=50)
}

.gaq {
    position: fixed;
    bottom: 0;
    right: 80px;
    background-color: #2aa9e0;
    padding: 10px 12px;
    z-index: 1000;
    color: #000;
    font-weight: 700;
    font-size: 16px
}

.gaq:hover {
    background-color: #5568AC;
    color: #fff
}

.yellow_bg {
    background-color: #fcc967;
    margin: 1px auto
}

.yellow_bg div {
    padding: 0 !important
}

.yellow_bg div div {
    border-right: 1px #c49044 solid;
    padding-bottom: 10px !important
}

.yellow_bg h3 {
    font-size: 1.3em;
    padding-right: 20px
}

.yellow_bg div img {
    float: left;
    padding: 8px
}

.yellow_bg div span {
    margin: 8px
}

.categories {
    background-color: #f5f5f5;
    margin-bottom: 0;
    -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)
}

.categories span {
    width: 100% !important
}

.categories h4 {
    background-color: #3e4149;
    color: #fff;
    padding: 15px;
    margin-top: -15px;
    margin-bottom: 0 !important;
    height: 53px;
    cursor: pointer
}

.categories h4 .fa-filter {
    background-color: #2aa9e0;
    padding: 15px;
    font-size: 1.31em;
    margin: -15px 15px -15px -15px
}

.categories h4 .fa-angle-down,
.categories h4 .fa-angle-up {
    background-color: transparent;
    float: right;
    padding: 4px 10px
}

.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 8px !important
}

.categories ul li a {
    display: block;
    padding: 8px 20px;
    color: #333
}

.one_banners div span strong,
.product_holder div strong,
.two_banners div span strong {
    font-size: 1.3em;
    color: #2c2e35;
    display: block
}

.categories ul li a i {
    margin-right: 5px
}

.categories ul li a:hover {
    background-color: #e6e8e8
}

.more {
    display: block;
    padding: 8px;
    float: right;
    margin-right: 20px
}

.one_banners {
    background-color: #fff;
    position: relative
}

.one_banners img {
    width: auto;
    max-width: none
}

.newsslider ul li,
.product_holder div div img,
.two_banners img {
    width: 100%
}

.one_banners div span,
.two_banners div span {
    position: absolute;
    bottom: 40px;
    right: 20px;
    text-align: right
}

.error,
.newsslider,
.newsslider ul li,
.product_holder {
    text-align: center
}

.two_banners {
    background-color: #fff;
    padding-right: 0
}

.two_banners div {
    position: relative
}

.two_banners div:first-child {
    padding-bottom: 25px
}

.one_banners a img,
.two_banners a img {
    transition: all .3s ease;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .1)
}

.one_banners a:hover img,
.product_holder div span,
.two_banners a:hover img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

.one_banners a:hover img,
.two_banners a:hover img {
    transition: all .3s ease;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3)
}

.bran_slider {
    margin-right: -15px
}

.no_padding {
    padding: 0
}

.product_holder {
    padding: 20px 0
}

.product_holder div div {
    border: 1px solid #d2d8da
}

.product_holder div span {
    display: block;
    padding: 15px;
    background-color: #f5f5f5;
    transition: all .3s ease
}

.product_holder a {
    display: block;
    text-decoration: none
}

.product_holder a:hover span {
    background-color: #E6E8E8
}

.product_holder div div:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .2)
}

.footer_top {
    background-image: url(https://cdn.asapsemi.com/oneclickpurchasing/blog/content/images/footer-top-bg.jpg);
    background-size: 100% 100%;
    padding: 30px 0
}

.white_bg {
    background-color: #fff
}

.listing>div>div {
    border-right: 1px #d2d6d9 solid;
    padding: 0 20px
}

.listing>div:last-child>div {
    border-right: none
}

.white_bg .more {
    float: none
}

.white_bg h3 {
    font-size: 1.5em;
    font-weight: 700
}

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

.listing ul li a {
    display: block;
    padding: 8px 10px;
    color: #464953;
    text-decoration: none
}

.footer,
.footer a,
.footer>div:first-child a,
.footer_link li a {
    color: #fff
}

.listing ul li a:hover {
    background-color: #f2f2f2
}

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

#nt-example1-next,
#nt-example1-prev {
    display: block;
    text-align: center;
    width: 30px;
    margin: 0 auto;
    padding: 18px;
    font-size: 1.8em;
    cursor: pointer
}

.map_over {
    background-color: rgba(0, 0, 0, .8);
    z-index: 100;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.breadcrumbs,
.footer,
footer {
    position: relative
}

.map {
    z-index: 50
}

footer {
    display: block
}

.footer {
    padding: 20px;
    z-index: 999
}

.footer h5 {
    font-size: 1.5em
}

.footer>div:first-child {
    background-color: #2aa9e0;
    margin: -20px 0 -20px -20px;
    padding: 20px
}

.footer .line {
    border-right: 1px #78797a solid !important;
    margin-right: 5px;
    min-height: 230px
}

.alterneter,
.alterneter td {
    border: 1px solid #ddd
}

.footer_link {
    margin: 0 0 0 15px;
    padding: 0
}

.main_content h1,
.main_content h2,
.main_content h3 {
    font-weight: 700;
    margin-bottom: 20px
}

.footer_link li {
    float: left;
    width: 50%;
    padding: 5px 0 !important;
    display: block
}

.inside_banner img {
    width: 100%
}

.breadcrumbs {
    background-color: #fcc967;
    padding: 0;
    bottom: 0;
    width: 100%;
    color: #a37724;
    font-size: 1.1em;
    margin-top: -52px
}

.alterneter td,
.product_listing td,
.product_listing th {
    padding: 12px !important
}

.breadcrumbs a {
    color: #2a2839
}

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

.alterneter td {
    border-collapse: collapse
}

.main_content h1 {
    font-size: 1.8em
}

.main_content h2 {
    font-size: 1.6em
}

.main_content h3 {
    font-size: 1.2em
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #fff
}

.product_listing tr:nth-child(even) {
    background-color: #f5f5f5
}

.product_listing .rfq {
    display: inline-block;
    padding: 5px 12px;
    border: 2px solid #2aa9e0;
    text-decoration: none;
    font-weight: 700
}

.less_morectrl,
.submit_btn {
    text-decoration: none !important;
    font-weight: 700
}

.product_listing .rfq:hover {
    background-color: #FCC967
}

.left_form {
    position: relative !important;
    width: auto !important;
    margin: 20px 0 0;
    left: 0 !important;
    top: 0 !important
}

.left_form h2 {
    width: 100%;
    margin: 0
}

.left_form h2 .fa-angle-down,
.left_form h2 .fa-angle-up {
    background-color: transparent;
    float: right;
    padding: 4px 10px;
    font-size: .85em
}

.left_form form {
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
    width: 100% !important
}

.left_content .categories {
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 20px
}

.rfqform_holder {
    border: 1px solid #ddd;
    padding: 20px;
    margin-top: 20px
}

.rfqform_holder h2 {
    margin-top: 0;
    font-size: 1.5em
}

.rfqform_holder h3 {
    margin-top: 0;
    font-size: 1.3em
}

.star {
    color: red;
    display: inline-block !important
}

.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
}

#recaptcha1 {
    margin-top: 5px;
    margin-bottom: 10px
}

.submit_btn {
    background-color: #fcc967;
    padding: 10px 23px;
    border: none;
    text-transform: uppercase;
    font-size: 1.2em;
    cursor: pointer;
    margin: 10px 0;
    color: #333
}

.submit_btn:focus,
.submit_btn:hover {
    background-color: #3E4149;
    color: #fff
}

.sitemap {
    padding: 0 10px 40px 12px
}

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

.sitemap ul li a {
    display: block;
    padding: 7px 5px;
    border-bottom: 1px #ddd dotted
}

.error {
    padding: 30px 20px !important;
    margin: 20px 0;
    background-color: #f0f0f0
}

.error hr {
    border-color: #ccc
}

.error .more {
    color: #000
}

.error img {
    width: auto !important
}

.error h1 {
    color: #9D3330;
    border: none;
    font-size: 2em;
    margin-bottom: 8px
}

.map_holder {
    padding-top: 20px;
    position: relative
}

.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
}

.less_more {
    height: 60px
}

.auto_height {
    height: auto
}

.less_morectrl {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 15px;
    background-color: #2AA9E0;
    color: #fff !important
}

.less_morectrl:hover {
    background-color: #3E4149 !important;
    color: #fff !important
}

.socialicon a:hover {
    text-decoration: none
}

.amex,
.b,
.discover,
.f,
.g,
.icon01,
.icon02,
.icon03,
.icon04,
.icon05,
.mastercard,
.no,
.ok,
.p,
.t,
.visa,
.xml,
.y {
    background: url(https://cdn.asapsemi.com/oneclickpurchasing/blog/content/images/sprites.png) no-repeat;
    display: inline-block
}

.t {
    background-position: -36px 0;
    width: 32px;
    height: 32px
}

.visa {
    background-position: -119px -37px;
    width: 56px;
    height: 34px
}

.xml {
    background-position: -214px -10px;
    width: 36px;
    height: 21px
}

.y {
    background-position: -179px 0;
    width: 32px;
    height: 32px
}

.amex {
    background-position: 0 -37px;
    width: 54px;
    height: 34px
}

.b {
    background-position: -144px 0;
    width: 32px;
    height: 32px
}

.discover {
    background-position: -58px -36px;
    width: 54px;
    height: 34px
}

.facebook,
.f,
.g {
    width: 32px;
    height: 32px
}

.f,
.facebook {
    background-position: 0 0
}

.g {
    background-position: -73px 0
}

.icon01 {
    background-position: -307px -79px;
    width: 58px;
    height: 72px;
    float: left
}

.icon02 {
    background-position: -231px -79px;
    width: 72px;
    height: 72px;
    float: left
}

.icon03,
.icon04 {
    width: 58px;
    height: 72px;
    float: left
}

.icon03 {
    background-position: -155px -78px
}

.icon04 {
    background-position: -79px -77px
}

.icon05 {
    background-position: -3px -77px;
    width: 61px;
    height: 72px;
    float: left
}

.mastercard {
    background-position: -179px -37px;
    width: 55px;
    height: 35px
}

.no {
    background-position: -110px -155px;
    width: 100px;
    height: 100px
}

.ok {
    background-position: -5px -156px;
    width: 98px;
    height: 98px
}

.p {
    background-position: -108px 0;
    width: 32px;
    height: 32px
}

.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 #2aa9e0;
    background-color: #2aa9e0;
    color: #fff
}

.form_error button:hover {
    background-color: #3E4149;
    border: 1px solid #3E4149
}

footer .actv {
    text-decoration: underline !important
}

.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: #2aa9e0 !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
}

.pager .owl-next {
    right: 0
}

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

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

.part-title {
    background: #e3e3e3;
    font-size: 16px;
    margin: 0;
    padding: 10px 5px
}

.part-type-list .list-unstyled li a {
    background: url(https://cdn.asapsemi.com/oneclickpurchasing/blog/images/bullet.png) 8px 8px no-repeat rgba(0, 0, 0, 0);
    display: block;
    line-height: 25px;
    padding-left: 25px
}

.part-type-list {
    background-color: #f5f5f5;
    border: 1px solid #ddd
}

.part-type-listNIIN {
    background: url(https://cdn.asapsemi.com/oneclickpurchasing/blog/images/bullet.png) 8px 8px no-repeat rgba(0, 0, 0, 0);
    display: block;
    line-height: 25px;
    padding-left: 25px
}

@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
    }
}

label {
    width: auto !important
}

.bottom_line {
    border: none;
    width: 100% !important
}

.table_form {
    width: 100%;
    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
}

.table-responsive .table {
    max-width: none
}

.listing {
    border-right: 1px #d2d6d9 solid;
    padding: 0 20px
}

.text-bold {
    font-weight: 700
}

.light_box {
    position: fixed;
    z-index: 0 !important;
    background-color: rgba(0, 0, 0, .8);
    top: 95px;
    bottom: 0;
    left: 0;
    right: 0;
    display: none
}

.search_banner form {
    padding: 0 !important
}

.search_banner form input,
.search_banner form select {
    margin-bottom: 0 !important
}

.search_banner {
    position: absolute;
    top: 95px;
    z-index: 900;
    padding: 10px;
    background-color: rgba(255, 255, 255, .75);
    width: 750px;
    margin: 0 auto;
    left: 0 !important;
    right: 0;
    color: #37474f;
    display: none
}

.map,
.showme {
    left: 0;
    right: 0
}

.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
}

.showme {
    position: fixed !important;
    display: block !important;
    top: 95px !important;
    z-index: 10001 !important;
    width: 100%;
    background-color: #EAEBEB !important;
    text-align: center !important;
    margin: 0 auto
}

@media (min-width:0px) and (max-width:480px) {
    .search_banner .input_box {
        width: 100% !important;
        margin-bottom: 10px
    }

    .search_banner .search_btn {
        width: 100%
    }

    .search_banner span {
        display: inline-block;
        width: 49%;
        text-align: left
    }

    .showme {
        width: 97%
    }
}

@media (min-width:481px) and (max-width:600px) {
    .search_banner .input_box {
        width: 82%
    }
}

@media (min-width:481px) and (max-width:1279px) {
    .showme {
        width: 97%
    }
}

@media (min-width:1280px) and (max-width:1440px) {
    .owl-carousel01 big {
        top: 65px
    }

    .search_banner {
        top: 320px
    }
}

@media (min-width:0px) and (max-width:1279px) {
    .search_banner {
        display: none !important
    }

    .showme {
        top: 67px !important;
        width: 100%
    }
}

.map {
    border: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background-image: url(https://cdn.asapsemi.com/oneclickpurchasing/blog/content/images/map.jpg);
    background-size: 100% auto;
    background-position: center center
}

.certifications {
    text-align: center;
    padding: 20px;
    clear: both
}

.certifications .certif {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 30px !important;
    text-align: center
}

.certifications .certif li {
    display: inline-block;
    width: 14%;
    text-align: center;
    margin-bottom: 30px
}

@media (min-width:0px) and (max-width:480px) {
    .certifications .certif li {
        display: inline-block;
        width: 45%;
        text-align: center;
        margin-bottom: 30px
    }
}

@media (min-width:0px) and (max-width:640px) {
    .certifications {
        text-align: center
    }

    .certifications .certif li img {
        width: 100%
    }
}

@media (min-width:480px) and (max-width:500px) {
    .certifications .certif li {
        display: inline-block;
        width: 32%;
        text-align: center;
        margin-bottom: 30px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .certifications .certif li {
        display: inline-block;
        width: 24%;
        text-align: center;
        margin-bottom: 30px
    }

    .certifications .certif li img {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:979px) {
    .certifications .certif li {
        display: inline-block;
        width: 24%;
        text-align: center;
        margin-bottom: 30px
    }
}

@media (min-width:980px) and (max-width:1024px) {
    .certifications .certif li {
        display: inline-block;
        width: 24%;
        text-align: center;
        margin-bottom: 30px
    }
}

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

.owl-carousel0x .owl-next,
.owl-carousel0x .owl-prev {
    position: absolute;
    top: 20%;
    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: 5px 60px 10px
}

@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
    }
}

.crtimg {
    display: none
}

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

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

a.l {
    background: url(https://cdn.asapsemi.com/oneclickpurchasing/blog/content/images/ln.png) left center no-repeat rgba(0, 0, 0, 0);
    display: inline-block;
    height: 32px;
    padding-left: 30px;
    text-decoration: none;
    width: 32px
}

.facebook {
    background: url(https://cdn.asapsemi.com/oneclickpurchasing/blog/content/images/fb.png) no-repeat;
    display: inline-block;
}

/*
.pre-footer {
    padding: 0px;
    margin: 0px;    
}
.foot-disc, .no-china {
    position: relative;
    background-color: #fff;
    color: #6a7582;
    padding: 4px 20px 0px 20px;
    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;
    padding-top: 1.3em;
}

.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;
        padding-top: 1.3em;
    }
}

@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;
        padding-top: 0em;
    }
}*/

.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: 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;
    /*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%;
}

@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%;
    }

    .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: 170px;
    }
}

@media(max-width:330px) {
    .fallenheroes {
        min-height: 220px
    }

    .foot-disc,
    .no-china {
        min-height: 120px;
    }

    .mobiimg-fix {
        margin-top: 10%;
    }
}



@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
    }
}