/*!
Theme Name: 800DPF
Theme URI: http://underscores.me/
Author: 800DPF
Author URI: http://800DPF
Description: This is a custom theme specifically built for 800DPF website based on Underscore framework.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: 800dpf
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
800DPF is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');

/**   font-family: 'Source Sans Pro', sans-serif;   **/

body {
    font-family: 'proxima_nova_rgregular';
    font-weight: 400;
    font-size: 17px;
    overflow-x: hidden;
}

a {
    color: #3470a0;
    text-decoration: none;
    transition: all .3s ease;
}

a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

.site-main {
    padding-top: 40px;
    padding-bottom: 0px;
}

.home .site-main {
    padding-top: 0px;
    padding-bottom: 0px;
}

.h2,
h2 {
    color: #236498;
}

h1.entry-title {
    color: #0e385a;
    font-family: proxima_nova_rgbold;
    font-weight: 800;
}

strong {
    font-weight: 700 !important;
    font-family: 'Source Sans Pro', sans-serif;
}


/*
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    font-family: 'Source Sans Pro', sans-serif; 
}
*/


/**  Header **/

.site-header #site-navigation {
    padding: 10px 0px;
}

.site-header .topbar-header {
    background: #236498;
    display: block;
    padding: 10px 0px;
    width: 100%;
}

.site-header .topbar-header .topbar-left .fa {
    margin-right: 5px;
    color: #ffffff;
    font-size: 20px;
}

.site-header .topbar-header .topbar-left a {
    color: #ffffff;
    font-size: 18px;
    transition: all .3s ease;
}

.site-header .topbar-header .topbar-left a:hover {
    color: #ebac58;
}

.site-header .topbar-header .topbar-left ul li:first-child {
    margin-right: 138px;
}

.site-header .topbar-header .topbar-right .fa {
    background-color: #fff;
    border-radius: 1px;
    margin-right: 5px;
    color: #236498;
    padding: 2px 5px;
    text-align: center;
    position: relative;
    top: 1px;
    transition: .3s;
}

.site-header .topbar-header .topbar-right .fa:hover {
    background: #ebac58;
}

.site-header .topbar-header .topbar-right a {
    color: #ffffff;
    font-size: 14px;
    transition: all .3s ease;
    line-height: 24px;
}

.site-header .topbar-header .topbar-right a:hover {
    color: #ebac58;
}

.site-header .topbar-header {}

.site-header .main-header {
    padding: 0px;
    position: relative;
    z-index: 99;
    border-bottom: 1px solid #d9d9d9;
}

.site-header .main-header>.container {
    /* border-bottom: 1px solid #eaeaea; */
}

.main-header .site-branding {
    margin-right: 120px;
}

.main-header .site-branding img {
    max-height: 50px;
    width: auto;
}

.site-header .site-branding .site-description {
    color: #2e6c9d;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: center;
}

#site-navigation {
    padding: 0px;
}

#site-navigation ul#primary-menu a {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    transition: all .3s ease;
    padding: 12px 15px;
}

#site-navigation ul#primary-menu>li>a {
    color: #777777;
    text-transform: uppercase;
}

#site-navigation ul#primary-menu>li.current-menu-parent>a,
#site-navigation ul#primary-menu>li.current-menu-item>a,
#site-navigation ul#primary-menu>li:hover>a,
#site-navigation ul#primary-menu>li>a:hover {
    background: #f5c226;
    color: #ffffff;
}

#site-navigation ul#primary-menu li {
    position: relative;
}

#site-navigation ul#primary-menu li.search-catalog>a {
    cursor: pointer;
}

@media all and (min-width:990px) {
    #site-navigation ul#primary-menu>li>a {
        padding: 17px;
    }
    #site-navigation .sub-menu {
        /* FIRST SUB-MENU STYLE */
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        left: 0px;
        top: 100%;
        background: #236498;
        width: 254px;
        opacity: 0;
        visibility: hidden;
        -moz-transition: opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
        -webkit-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
        -o-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
        transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
    }
    #site-navigation .sub-menu>li {
        border: none;
        border-bottom: 1px solid #fff;
        clear: both;
        margin-top: -15px;
        padding: 10px 15px;
        width: 100%;
        -moz-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
        -webkit-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
        -o-transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
        transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
    }
    #site-navigation .sub-menu a {
        color: #fff;
        text-transform: uppercase;
    }
    #site-navigation .sub-menu li.current-menu-item,
    #site-navigation .sub-menu li:hover {
        background: #f5c226;
        color: #ffffff;
    }
    #site-navigation ul#primary-menu li:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
    }
    #site-navigation ul#primary-menu li:hover>.sub-menu li {
        margin-top: 0;
        opacity: 1;
    }
    #site-navigation ul#primary-menu li:hover>.sub-menu li a {
        -moz-transition: color 0.1s ease-out;
        -webkit-transition: color 0.1s ease-out;
        -o-transition: color 0.1s ease-out;
        transition: color 0.1s ease-out;
    }
    .topbar-right .account-menu {
        position: relative;
        float: right;
    }
    .topbar-right .account-menu .drop-down {
        border: 1px solid #e0e0e0;
        float: left;
        list-style: none;
        margin: 0;
        padding: 10px;
        position: absolute;
        right: 0px;
        top: 100%;
        background: #236498;
        width: 180px;
        opacity: 0;
        z-index: 20;
        visibility: hidden;
        -moz-transition: opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
        -webkit-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
        -o-transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
        transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
    }
    .topbar-right .account-menu .drop-down>li {
        border: none;
        border-bottom: 1px solid #fff;
        clear: both;
        float: right;
        margin-top: -15px;
        padding: 5px 15px;
        width: 100%;
        -moz-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
        -webkit-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
        -o-transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
        transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
    }
    .topbar-right .account-menu .drop-down li a {
        color: #fff;
        text-transform: uppercase;
    }
    .topbar-right .account-menu:hover .drop-down {
        opacity: 1;
        visibility: visible;
    }
}

.woo-shopping-cart {
    background: #236498;
    padding: 7px 10px 7px 50px;
    position: relative;
    min-height: 47px;
    min-width: 125px;
    border-radius: 2px;
}

.woo-shopping-cart::before {
    content: "\f07a";
    color: #ffffff;
    font-family: FontAwesome;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    top: 7px;
    left: 10px;
}

.woo-shopping-cart .cart-content {
    border-left: 1px solid #ffffff;
    color: #ffffff;
    padding-left: 10px;
    min-height: 45px;
    text-align: center;
}

.woo-shopping-cart .cart-content a {
    float: left;
    transition: all .3s ease;
    width: 100%;
}

.woo-shopping-cart .cart-content a,
.woo-shopping-cart .cart-content p {
    color: #ffffff;
    font-size: 13px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 16px;
    font-weight: 500;
    margin: 0;
    position: relative;
    top: 8px;
}

.content-product-categories {}

.content-product-categories>.container {
    /* border-bottom: 1px solid #eaeaea; */
}

.product-cat-item {
    align-items: center;
    display: flex;
    border-right: 5px solid #d5a71d;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    min-height: 150px;
    padding-top: 10px;
    padding-bottom: 5px;
    position: relative;
    transition: all .3s ease;
}

.product-cat-item:hover {
    background-color: #edad40;
}

.product-cat-item a {
    color: #3470a0;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}

.product-cat-item .title-text {
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
    text-align: center;
    width: 100%;
}

.product-cat-item:hover a {
    color: #ffffff;
}

.header-search-form {
    padding: 10px 13px 0px 30px;
}

.header-search-form label {
    color: #3470a0;
    display: block;
    text-align: center;
    width: 100%;
}

.header-search-form .input-group {
    position: relative;
    width: 100%;
}

.header-search-form .input-group input.search-field {
    border: 2px solid #cbcbcb;
    border-radius: 5px;
    padding: 5px 50px 5px 10px;
    height: 42px;
    width: 100%;
}

.header-search-form .input-group button {
    background: #cbcbcb;
    border-radius: 0px 5px 5px 0px;
    border: none;
    box-shadow: none;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    height: 40px;
    position: absolute;
    padding: 0px;
    top: 1px;
    right: 1px;
    width: 48px;
    transition: .3s;
}

.header-search-form .input-group button:hover {
    background: #f5c226;
}

.tparrows {
    background-color: #f5c226 !important;
}

.tp-leftarrow {
    border-right: 2px solid #d5a71d;
}

.tp-rightarrow {
    border-left: 2px solid #d5a71d;
}

.dpf-text-block {}

.dpf-text-block .media-heading {
    border-left: 5px solid #f5c226;
    font-family: 'proxima_nova_rgbold';
    font-size: 44px;
    padding-left: 15px;
    line-height: 39px;
}

.dpf-text-block .media-heading a {
    color: #2e3237;
}

.dpf-text-block .content {
    padding-left: 15px;
}

#secondary {}

#secondary .widget h2.widget-title {
    font-size: 20px;
    font-weight: 700;
}

#secondary .prdctfltr-widget .prdctfltr_wc .prdctfltr_woocommerce_ordering .prdctfltr_filter {
    margin-bottom: 0px;
}

.footer-contact-info {
    position: relative;
}

.footer-contact-info::before {
    background: rgba(35, 100, 152, 0.6);
    content: "";
    display: block !important;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
}

.contact-info {
    color: #b4b4b4;
}

.contact-info .wpb_text_column {
    margin: 0px;
}

.contact-info h2 {
    color: #ffffff;
    font-size: 51px;
    font-family: 'proxima_nova_rgbold';
    line-height: 100%;
    margin: 0px;
}

.contact-info p {
    color: #b4b4b4;
    font-size: 17px;
    margin-bottom: 0;
}

.footer-top-contact {
    border-bottom: 2px solid #bababa;
    position: relative;
}

.footer-top-contact::before {
    background: rgba(35, 100, 152, 0.6);
    content: "";
    display: block !important;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
}

.footer-top-contact .phone-content {
    background: #0f395b;
    padding-top: 50px;
    padding-bottom: 40px;
    position: relative;
    z-index: 9;
}

.footer-top-contact .phone-content h3 {
    margin: 0px;
}

.footer-top-contact .phone-content h3 a {
    color: #ffffff;
    font-size: 51px;
    font-weight: 700;
}

.footer-top-contact .phone-content h3 a:hover {
    color: #f0bb60;
}

.footer-top-contact .phone-content p {
    color: #b4b4b4;
    margin: 0px;
}

.site-footer {
    border-top: 2px solid #e0e0e0;
    float: left;
    width: 100%;
}

.site-footer .footer-top {
    color: #ffffff;
    background: #236498;
    padding: 35px 0px;
    text-align: center;
}

.site-footer .footer-top a {
    color: #ffffff;
    text-transform: uppercase;
}

.site-footer .footer-top a:hover {
    color: #edad40;
}

.site-footer .footer-top ul {
    display: inline-block;
    margin-bottom: 0;
    width: auto !important;
}

.site-footer .footer-top ul li {
    margin: 0px 14px;
}

.site-footer .footer-top ul.social li {
    margin: 0px 18px;
}

.site-footer .footer-top ul.social li a {
    font-size: 20px
}

.site-footer .site-info {
    color: #b4b4b4;
    padding: 10px 0px;
}

.site-footer .site-info a {
    color: #b4b4b4 !important;
}

.site-footer .site-info a:hover {
    color: #f3ac38 !important;
}


/*******  CLICK TO CALL    ********/

a.click-to-call {
    color: #fff;
}

a.click-to-call:hover {
    color: #fabf31;
}


/**  Internal Pages **/

#doc-work {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 8%, #236498 63%);
    background: -webkit-linear-gradient(top, #ffffff 8%, #236498 63%);
    background: linear-gradient(to bottom, #ffffff 8%, #236498 63%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#236498', GradientType=0);
}


/*************************************/


/*******  Media Responsive    ********/


/*************************************/


/***  SMALL DESKTOP OR LAPTOP  ***/

@media all and (max-width:1200px) {
    .site-header .topbar-header .topbar-left ul li:first-child {
        margin-right: 25px;
    }
    .contact-info h2 {
        font-size: 40px;
    }
    .footer-top-contact .phone-content h3 a {
        color: #ffffff;
        font-size: 40px;
        font-weight: 700;
    }
}


/***  TABLET ***/

@media all and (max-width:990px) {
    .container {
        max-width: 100%;
        width: 100%;
    }
    #primary-menu {
        padding: 15px 0px;
    }
    #primary-menu>li {
        padding: 10px 0px;
    }
    #primary-menu a {
        color: #777777
    }
    #primary-menu>li>a {
        border-bottom: 1px solid #eaeaea;
        display: block;
        padding: 0px 15px;
        width: 100%;
    }
    #primary-menu .sub-menu {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .dpf-text-block .media-heading {
        font-size: 30px;
    }
    .contact-info h2 {
        font-size: 36px;
    }
    .woocommerce div.product .summary .product_title {
        font-size: 30px !important;
    }
}

@media all and (max-width:860px) {
    .footer-top-contact .phone-content h3 a {
        color: #ffffff;
        font-size: 32px;
        font-weight: 700;
    }
}


/*** SMALL TABLET ***/

@media all and (max-width:768px) {
    .site-header .topbar-header .topbar-left a {
        font-size: 12px;
    }
    .categories-lists {
        border-bottom: 1px solid #e0e0e0;
    }
    .categories-lists .product-cat-item:first-child {
        border-left: 3px solid #d5a71d;
    }
    .header-search-form {
        padding: 15px 15px 20px;
    }
    .header-search-form form {
        align-items: center;
        float: left;
        display: flex;
        width: 100%;
    }
    .header-search-form form label {
        float: left;
        margin: 0px;
        width: 30%;
    }
    .header-search-form form .input-group {
        float: left;
        width: 70%;
    }
    .copyright-left.text-left,
    .copyright-right.text-right {
        text-align: center !important;
    }
    #footer-menu {
        margin-bottom: 20px;
    }
    .site-info .copyright-center,
    .site-info .copyright-left,
    .site-info .copyright-right {
        padding-top: 10px;
    }
    .footer-logo img {
        max-width: 180px;
    }
    .site-footer .site-info {
        color: #b4b4b4;
    }
    .woocommerce_order_action h2.page-title {
        font-size: 18px !important;
    }
    .buy-now-content,
    .product-custom-info {
        margin-bottom: 20px;
    }
    .brand-model-info {
        padding-top: 10px !important;
        padding-bottom: 15px !important;
    }
    .brand-model-info ul li {
        margin-bottom: 15px;
        line-height: 100%;
    }
    .brand-model-info ul li label {
        font-size: 14px !important;
    }
    .brand-model-info ul li strong {
        font-size: 16px !important;
    }
    .product-custom-info .heading-info>div {
        font-size: 14px !important;
    }
    .buy-now-content,
    .product-custom-info {
        margin-bottom: 20px !important;
    }
    .woocommerce div.product .summary .price {
        line-height: 36px !important;
        font-size: 30px !important;
    }
}


/*** MOBILE ***/

@media all and (max-width:640px) {
    .site-header .site-branding .site-description {
        display: none;
    }
    .product-cat-item {
        min-height: 100px;
    }
    .product-cat-item img {
        max-width: 60px;
    }
    .dpf-text-block .media-heading {
        font-size: 24px;
    }
    .products-advanced-search .fields-group label {
        font-size: 18px !important;
        width: 40% !important;
    }
    .products-advanced-search .fields-group select {
        width: 56% !important;
    }
    .products-advanced-search .fields-group.form-action button {
        width: 56% !important;
    }
    ul.products li .product_thumb_nail {
        width: 20% !important;
    }
    ul.products li .product_name {
        width: 20.5% !important;
    }
    ul.products li .product_info {
        display: none !important;
    }
    ul.products li .product_price {
        width: 20% !important;
    }
    ul.products li .product_in_stock {
        width: 12% !important;
    }
    ul.products li .product_add_cart {
        width: 26% !important;
    }
    .woocommerce #content .woocommerce-product-gallery,
    .woocommerce #content .product-media {
        width: 100% !important;
    }
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        width: 100% !important;
    }
    .woocommerce .single-add-to-cart form .single_add_to_cart_button {
        font-size: 14px !important;
        padding: 10px 20px !important;
    }
    .woocommerce div.product .summary .product-custom-info ul {
        margin-left: 0 !important;
    }
}

@media all and (max-width:579px) {
    .topbar-header {}
    .topbar-header .topbar-left,
    .topbar-header .topbar-right {
        width: 50% !important;
    }
    .categories-lists .product-cat-item:first-child,
    .categories-lists .product-cat-item {
        border: 1px solid #e0e0e0;
        width: 50% !important;
    }
}


/*** SMALL Devices ***/

@media all and (max-width:480px) {
    .main-header .site-branding {
        margin-right: 30px;
        max-width: 200px;
    }
    .product-cat-item {
        min-height: 80px;
    }
    .header-search-form form label {
        font-size: 13px;
        padding: 0px 5px 0px 0px;
    }
    .dpf-text-block .media-heading {
        font-size: 18px;
    }
    ul.products li.products-heading {
        font-size: 13px !important
    }
    ul.products li .product_in_stock .in-stock,
    ul.products li .product_in_stock .out-stock {
        font-size: 24px !important;
    }
    ul.products li .item-actions a {
        font-size: 14px !important;
    }
    .customer-service-phone {
        font-size: 8px;
    }
}

::-webkit-input-placeholder {
    font-size: 14px;
}

::-moz-placeholder {
    font-size: 14px;
}

:-ms-input-placeholder {
    font-size: 14px;
}

:-moz-placeholder {
    font-size: 14px;
}

.topbar-right.text-right {
    position: relative;
    left: -1px;
}

.site-footer .site-info .row {
    align-items: baseline;
}