/*!
Theme Name: Discount Box Printing
Theme URI: http://discountboxprinting.com/
Author: Saqib Idrees
Author URI: http://discountboxprinting.com/
Description: Description
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: discountboxprinting
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.

discountboxprinting is based on Underscores https://discountboxprinting.com/, (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/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
    --------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 @font-face {
    font-family: Avant Grade Regular;
    src: url('assets/fonts/AvantGardeRegularBT.ttf');
}

@font-face {
    font-family: Avant Grade Bold;
    src: url('assets/fonts/AvantGardeBoldBT.ttf');
}

@font-face {
    font-family: Avant Grade Medium;
    src: url('assets/fonts/AvantGardeMediumBT.ttf');
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
    margin: 0;
    padding: 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
a {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: none;
    margin: 0;
    padding: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
    color: #168bce;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #91c4dd !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #ccc !important;
}

/**** Main CSS ****/
* {
    margin: 0;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: 0;
}

body {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    line-height: 1.7em;
    font-family: Avant Grade Regular;
    overflow-x: hidden;
    font-weight: 300;
    min-width: 100%;
}

p {
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 15px;
    color: #444;
}

a {
    outline: none;
    border: none;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

a:hover,
a:active,
a:visited,
a:focus {
    color: #165073;
    text-decoration: none;
}

a:hover {
    color: #165073;
}

a:hover,
a:focus,
a:active {
    outline: none !important;
}

a,
img,
button,
i {
    transition: all 0.3s ease 0s; 
}

i {
    font-style: italic;
}

b,
strong,
cite {
    font-weight: 900;
}

small {
    font-size: 9px;
    line-height: 12px;
    margin-bottom: 0px;
}

h1 {
    font-size: 42px;
    line-height: 1.3em;
    margin-bottom: 20px;
}

h2 {
    font-size: 42px;
    line-height: 1.3;
    margin-bottom: 20px;
    text-transform: capitalize;
}

h3 {
    font-size: 32px;
    margin-bottom: 20px;
    font-family: Avant Grade Medium;
    text-transform: capitalize;
}

h4 {
    font-size: 28px;
    font-family: Avant Grade Medium;
    margin-bottom: 15px;
}

h5 {
    font-size: 24px;
    margin-bottom: 15px;
    text-transform: capitalize;
}

h6 {
    font-size: 20px;
    margin-bottom: 20px;
}

ul.bullets {
    padding-left: 16px;
}

ul.bullets li {
    position: relative;
}

ul.bullets li::before {
    content: "•";
    position: absolute;
    top: -1px;
    font-size: 36px;
    left: -16px;
    color: #165073;
}

.no-padding-margin {
    padding: 0;
    margin: 0;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.dash {
    margin-bottom: 50px;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
textarea,
select {
    background: transparent;
    padding: 10px 5px 5px;
    border-radius: 0px;
    font-size: 14px;
    color: #444;
    border: 0px;
    border-bottom: 1px solid #a1a1a1;
    width: 100%;
    transition: all 0.3s ease;
}
input::placeholder,
textarea::placeholder {
    font-size: 14px;
    color: #6e6e6e;
}
textarea {
    resize: none;
    height: 150px;
    border-radius: 0px;
}
input:focus,
textarea:focus {
    border-bottom: 1px solid #146fa2;
}
input[type=reset],
input[type=submit] {
    border: 1px solid #e17c30;
    padding: 10px 19px;
    color: white;
    background: #e17c30;
    background: -moz-linear-gradient(left, #e17c30 0%, #edad43 100%);
    background: -webkit-linear-gradient(left, #e17c30 0%, #edad43 100%);
    background: linear-gradient(to right, #e17c30 0%, #edad43 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e17c30', endColorstr='#edad43', GradientType=1);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease;
}

[type=reset]:hover,
[type=submit]:hover {
    background: transparent;
    color: #168bce;
}
select {
    color: #6e6e6e;
    background-image: url(assets/images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    /* -moz-appearance: none;
    -webkit-appearance: none; */
}
select option {
    color: #6e6e6e;
}
section:not(.banner){
    padding: 50px 0px;
}
section.section-top-padding-none{
    padding-top:0px;
}
.gradient-border {
    margin-top:50px;
    position: relative;
    height: 5px;
    border-radius: 5px;
    background: #e17c30;
    background: -moz-linear-gradient(left, #e17c30 0%, #edad43 100%);
    background: -webkit-linear-gradient(left, #e17c30 0%, #edad43 100%);
    background: linear-gradient(to right, #e17c30 0%, #edad43 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e17c30', endColorstr='#edad43', GradientType=1);
}
label.error{
    color:red;
    font-size: 12px;
}
input.error{
    border-color: red;
}
.body-content {
    padding: 50px 0px;
}
.body-content ul{
 list-style-type: disc;
 padding-left: 25px;
}
.body-content ul li{
 font-size:14px;
}
.product-content h2{
    font-size: 28px;
    font-family: Avant Grade Medium;
}
.wrapper{
    position: relative;
}
/*====== desktop menu css ======*/
.desktop-header .custom-logo-link {
    width: 175px;
}

.desktop-header .custom-logo-link img {
    width: 100%;
    height: auto;
}

.desktop-header .sp-links li a {
    position: relative;
    color: #168bce;
    padding: 20px 10px 0px;
    font-weight: 600;
}
.desktop-header .sp-links li a:hover {
    color: #165073;
}
.desktop-header .sp-links li a:before {
    position: absolute;
    top: 0;
    left: 50%;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
}
.desktop-header .sp-links li:first-child a {
    /*padding-left:0;*/
}
.desktop-header .sp-links li:first-child a:before {
    content: '\f02b';
}
.desktop-header .sp-links li:last-child a:before {
    content: '\f06b';
}
.desktop-header #custom-search-input {
    width: calc(100% - 370px);
    border: 1px solid #ddd;
    border-radius: 35px;
    height: 45px;
}
.desktop-header #custom-search-input input {
    padding: 8px 25px;
    background-color: transparent;
    border-top-left-radius: 33px;
    border-bottom-left-radius: 33px;
    outline: none;
    height: 44px;
}
.desktop-header #custom-search-input .btn {
    border-top-right-radius: 33px;
    background-color: transparent;
    border-bottom-right-radius: 33px;
    color: #444;
    font-size: 18px;
    padding: 8px 20px 8px 21px;

}
.desktop-header #custom-search-input .form-control:focus {
    border-color: transparent;
    box-shadow: none;
}
.desktop-header .logo-search {
    padding: 10px 0px 10px;
}
.custom-menu-nav{
    padding: 0px 15px;
}
.desktop-header .custom-menu-nav ul.des-menu-ul>li>a{
    font-size: 17px;
    display: block;
    color: #444;
    font-weight: 600;
    padding: 1em 1.5em;
}
.desktop-header .custom-menu-nav ul li a:hover {
    color: #168bce;
}

.desktop-header .topbar {
    padding: 10px 0px;
    border-bottom: 1px solid #EEE;
}

.desktop-header .topbar p {
    margin-bottom: 0;
    font-size: 14px;
}

.desktop-header .header-extras {
    /*    float: right;
    margin: 30px 0 0;*/
}

.desktop-header .header-extras li {
    float: left;
    margin-left: 20px;
    height: 40px;
    overflow: hidden;
    list-style: none;
}
.desktop-header .i-medium.i-rounded,
.desktop-header .i-medium.i-circled,
.desktop-header .i-medium.i-bordered {
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    text-align: center;
}

.desktop-header .i-medium.i-bordered {
    line-height: 35px !important;
}
.desktop-header .i-medium.i-rounded,
.desktop-header .i-medium.i-plain,
.desktop-header .i-medium.i-circled,
.desktop-header .desktop-header .i-medium.i-bordered {
    margin: 6px 0px 9px 0;
    font-size: 21px;
    float: left;
}
.desktop-header .header-extras li i {
    margin-top: 3px !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.desktop-header .i-circled {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.desktop-header .i-bordered {
    border: 1px solid #555;
    line-height: 50px !important;
    background-color: transparent !important;
    color: #444;
    text-shadow: none;
}
.desktop-header .icon-call:before {
    content: "\f095";
}
.desktop-header .icon-calculator:before {
    content: "\f1ec";
}
.desktop-header .icon-cube:before {
    content: "\f0e0";
}
.desktop-header .header-extras li .he-text {
    float: left;
    padding-left: 10px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.43;
}
.desktop-header .header-extras li .he-text span {
    display: block;
    font-weight: 600;
    color: #168bce;

}
.desktop-header .black-color {
    color: #717171;
}
.offer-line .item {
    margin: auto;
    text-align: center;
    color: #168bce;
    font-weight: 600;
}
section.gift-link {
    background-color: #ebf0fd;
    padding: 5px 0px;
}
.offer-line {
    display: flex;
    align-content: center;
}
.offer-line .item a {
    color: #168bce;
    text-decoration: underline;
}
.offer-line .item a:hover {
    color: #165073;
}
.desktop-header .home-spcl-products {
    padding: 20px 0px;
}
.desktop-header .sp-slider {
    display: flex;
    justify-content: center;
}
.desktop-header .sp-item {
    width: 33.33%;
    text-align: center;
    border-left: 1px solid #165073;
}
.desktop-header .sp-item:first-child {
    border-left: 0;
}
.desktop-header .sp-item h5 {
    font-family: Avant Grade Bold;
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.desktop-header .sp-img {
    display: inline-block;
    background-position: center center;
    width: 200px;
    height: 140px;
    background-size: 168px;
    background-repeat: no-repeat;
    margin: auto;
    background-color: #e4e4e4;
    background-color: -moz-radial-gradient(center, ellipse cover, #fff 44%, #ddd 100%);
    background-color: -webkit-radial-gradient(center, ellipse cover, #fff 44%, #ddd 100%);
    background-color: radial-gradient(ellipse at center, #fff 44%, #ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=1);
    border-radius: 15px;
}
.desktop-header .sp-img img {
    width: 100%;
}
.desktop-header .sp-img:hover {
    background-image: url('assets/images/Cardboard_gabble.png') !important;
}
.desktop-header .sp-item .link {
    display: block;
    margin: auto;
    color: #168bce;
    text-transform: capitalize;
    font-family: Avant Grade Bold;

}
.desktop-header .slick-prev:before {
    content: "\f104";
}
.desktop-header .slick-next:before {
    content: "\f105";
}

.desktop-header ul.sub-menu.dropdown-menu{
    border:0;
    border-radius: 0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    left:25px;
    width: auto;
}
.desktop-header ul.sub-menu.dropdown-menu>li>a{
    padding: 5px 1em;
    font-size: 16px;
    color: #444;
    font-weight: 600;
    width: 100%;
    display: inline-block;
}
.desktop-header ul.sub-menu.dropdown-menu>li>a:hover{
    color:#168bce;;
}
.desktop-header .mega-dropdown-menu {
    position: static !important;
}
.desktop-header .mega-dropdown-menu>.sub-menu.dropdown-menu {
    padding: 20px 50px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0px;
    display: none;
    left: 15px !important;
    right: 15px !important;
    top: 96%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border:0;
    width: auto;
}
.desktop-header .mega-dropdown-menu>ul.sub-menu.dropdown-menu>li>a{
    font-size: 18px;
    display: block;
    color: #168bce;
    font-weight: 600;
    padding: 0.5em 0;
}
.desktop-header .mega-dropdown-menu>.sub-menu>li {
    margin: 0;
    display: inline-block;
    float: left;
    width: 16.6667%;
    padding: 0 1em;
}
.desktop-header .mega-dropdown-menu>.sub-menu>li .sub-menu li{
    position: relative;
}
.desktop-header .mega-dropdown-menu>.sub-menu>li .sub-menu li:before {
    content: url(assets/images/menu-bullets.png);
    position: absolute;
    top:2px;
    left:0;
}
.desktop-header .mega-dropdown-menu>.sub-menu>li .sub-menu li a{
    padding: 0px 1em;
    font-size: 14px;
    color: #444;
    font-weight: 600;
}
.mobile-header{
    display: none;
}
.desktop-header{
    display: block;
}
#more {display: none;}
/*========== responsive menu =======*/
.mobile-header .mobile-wrapper{
    padding: 15px;
    width: 100%;
    position: fixed;
    z-index: 3;
    background-color: white;
    border-bottom: 2px solid #168bce;
    top:51px;
    transition: top ease 0.3s;
}
.mobile-header .menu-toggle {
    width: 40px;
    height: 30px;
    position: absolute;
    top: 18px;
    right: 15px;
    cursor: pointer;
}
.mobile-header .menu-toggle.on .one {
  -moz-transform: rotate(45deg) translate(7px, 7px);
  -ms-transform: rotate(45deg) translate(7px, 7px);
  -webkit-transform: rotate(45deg) translate(7px, 7px);
  transform: rotate(45deg) translate(7px, 7px);
}
.mobile-header .menu-toggle.on .two {
  opacity: 0;
}
.mobile-header .menu-toggle.on .three {
  -moz-transform: rotate(-45deg) translate(8px, -10px);
  -ms-transform: rotate(-45deg) translate(8px, -10px);
  -webkit-transform: rotate(-45deg) translate(8px, -10px);
  transform: rotate(-45deg) translate(8px, -10px);
}
.mobile-logo{
    display: inline;
}
.mobile-logo img{
    width: 170px;
}
.contactmobinfo{
    text-align:center;
}
.contactmobinfo h5{
    color: #444;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 6px
}
.contactmobinfo a {
    color: #444;
    display: block;
}
.contactmobinfo a:hover{
    color:#444;
}
.one,
.two,
.three {
  width: 100%;
  height: 5px;
  border-radius: 20px;
  background: #168bce;
  margin: 6px auto;
  backface-visibility: hidden;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.mobile-header nav {
    height: 450px;
    position: absolute;
    top: 100px;
    left:50%;
    transform: translateX(-50%);

}
.mobile-header .menu-section.on nav{
 overflow-y: scroll;
}
.innermobnav{
    height: 450px;
    overflow-y: scroll;
}
.mobile-header nav>ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0em auto 4rem;
  text-align: left;
  width: 300px;
}
.mobile-header nav ul.hidden,.contactmobinfo.hidden {
  display: none;
}
.mobile-header nav>ul>li>a {
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  text-decoration: none;
  color: #444;
  font-size: 16px;
  line-height: 1.5;
  width: 100%;
  display: block;
  font-size: 20px;
  text-transform: capitalize;
  margin: 10px 0px;
}
.mobile-header .menu-section.on {
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #fffffff7;
  position: fixed;
}
.mobile-header nav>ul>li ul li{
    margin: 10px 0px;
}
.mobile-header nav>ul>li ul li a{
    color: #444;
    font-size:18px;
}
.mobile-header nav>ul>li ul{
  padding-left: 1em;
  overflow: hidden;
  display: none;
}
.menu-item-has-children{
    position: relative;
}
.menu-item-has-children>a .toggle{
    color:#444;
    font-size: 16px;
    float: right;
    height: 30px;
    width: 30px;
    text-align: center;
    padding-top: 7px;
    position: absolute;
    right: 0;
    z-index: 9;
}
.anglerotate{
    transform: rotate(180deg);
}
/*========== end responsive menu =======*/

/*======== home page css ======*/
section.banner {
    background-image: url('assets/images/banner.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 500px;
}
section.home {
    padding:0;
    text-align: left;
    position: relative;
}
.home .banner-content{
    position: absolute;
    left: 0;
    right: 0;
    top:30%;
    transform: translateY(-30%);
}
section.home img{
    width: 100%;
}
.banner-content h1{
    color:#000;
    font-size: 55px;
}
.banner-content h1 span{
    font-weight: 700;
    color: #168bce;
}
a.btn-new {
    border: 1px solid #e17c30;
    padding: 10px 19px;
    display: inline-block;
    color: white;
    background: #e17c30;
    background: -moz-linear-gradient(left, #e17c30 0%, #edad43 100%);
    background: -webkit-linear-gradient(left, #e17c30 0%, #edad43 100%);
    background: linear-gradient(to right, #e17c30 0%, #edad43 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e17c30', endColorstr='#edad43', GradientType=1);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.banner-content a.btn-new:hover{
    background: transparent;
    color: #e17c30;
}
.home.banner h1 {
    font-size: 52px;
    color: #fff;
    text-align: left;
}
.home.banner h1 span {
    font-family: Avant Grade Bold;
}
.home.banner h1 {}

.service-item {
    margin: 10px 0px;
}
.service-item p {
    line-height: 18px;
    text-transform: uppercase;
    margin-top: 15px;
    color: #909090;
}
.service-item p span {
    font-weight: 600;
}
.top-service {
    padding: 50px 0px;
}
/*========== our products section ========*/
.product {
    padding: 50px 0px;
}
.product.home-product {
    background-color: #ebf0fd;
    background-image: url('assets/images/product-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.product.home-product h2 {
    font-size: 42px;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.pro-item {
    background-color: #fff;
    padding-bottom: 25px;
    margin: 15px 0px;
    position: relative;
    z-index: 0;
}
.pro-item .pro-img {
    width: 100%;
    height: auto;
    display: inline-block;/*
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;*/
    margin: auto;
    position: relative;
}
.pro-item .pro-img img{
    width: 100%;
}
/*.pro-item .pro-img:hover {
    background-image: url('assets/images/kraft2-compressor.png') !important;
    }*/
    .pro-item .pro-img:before,.search-grid .post-banner a:before {
        content: '';
        position: absolute;
        top:0;
        left:0;
        right:0;
        bottom: 0;
        background: -moz-radial-gradient(center, ellipse cover, #fff 44%, #ddd 100%);
        background: -webkit-radial-gradient(center, ellipse cover, #fff 44%, #ddd 100%);
        background: radial-gradient(ellipse at center, #fff 44%, #ddd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=1);
        z-index: -1;
    }
    .pro-inner-item{
        padding: 0px 15px;
    }
    .pro-item h4 {
        font-family: Avant Grade Bold;
        font-size: 24px;
        margin: 10px 0px;
        min-height: 56px;
    }
    .pro-item p {
        line-height: 18px;
        font-size: 14px;
        /*padding: 0px 15px;*/
    }
    .pro-links {
        display: flex;
        align-content: center;
        justify-content: space-around;
        padding-top: 15px;
    }
    .pro-links a {
        color: #168bce;
        font-weight: 600;
    }
    .pro-links a:hover {
        text-decoration: none;
        color: #165073;
    }
    .pro-links a:last-child {
        line-height: 17px;
    }
    .pro-links .btn-link {
        border: 1px solid #e17c30;
        padding: 6px 30px;
        box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    }
    .pro-links .btn-link:hover {
        color: white;
        background: #e17c30;
        background: -moz-linear-gradient(left, #e17c30 0%, #edad43 100%);
        background: -webkit-linear-gradient(left, #e17c30 0%, #edad43 100%);
        background: linear-gradient(to right, #e17c30 0%, #edad43 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e17c30', endColorstr='#edad43', GradientType=1);
    }
    .pre-sep {
        width: 80%;
        margin: auto;
        border: 1px solid #ddd;
    }
    .shadow-view {
        -webkit-box-shadow: 0 5px 12px -2px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 5px 12px -2px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 12px -2px rgba(0, 0, 0, .2);
    }
    .home-content {
        background-image: url('assets/images/banner2.png');
        background-size: cover;
        background-repeat: no-repeat;
        padding: 50px 0px 35px;
    }
    .home-content p {
        color: #fff;
        font-size: 18px;
    }
    /*======= tabs section =======*/
    .section-tabs {
        padding: 75px 0px 0;
    }
    .section-tabs .nav-tabs {
        margin-bottom: 30px;
    }
    .nav-tabs .nav-link {
        font-size: 24px;
        color: #168bce;
        font-family: Avant Grade Bold;
        border: 0px;
        border-radius: 0px;
        padding: .5rem 2rem;
        border-bottom: solid 2px #e5f0f4;
    }
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        color: #168bce;
        border-bottom: solid 2px #168bce;
    }

    .section-tabs .pro-item .pro-img {
        height: 150px;
        background: url('assets/images/card-bg.jpg') no-repeat !important;
        background-size: cover !important;
        position: relative;
        margin-bottom: 20px;
    }
    .section-tabs .pro-item {
        border-radius: 12px;
        overflow: hidden;
    }
    .section-tabs .pro-item .pro-img h4 {
        position: relative;
        z-index: 1;
        text-align: center;
        padding: 35px 15px;
        height: 100%;
        color: #fff;
        line-height: 1.3em;
    }
    .section-tabs .pro-item .pro-img h4 span {
        color: #168bce;
    }

    .section-tabs .pro-links {
        padding-top: 0px;
        margin-top: 20px;
    }

    .section-tabs .pro-item .pro-img::before {
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(228, 228, 228, 0.5);
    }
    .section-tabs .home-short-form>h5 {
        font-family: Avant Grade Bold;
        padding: 0.5em 0px;
        margin-bottom: 20px;
    }
    .section-tabs .cf7-body {
        padding: 0px 10px;
    }
    .section-tabs .cf7-body .field {
        margin-bottom: 10px;
    }
    .section-tabs .cf7-body .field textarea{
        height: 118px;
    }
    /*======== testimonials section ======*/
    .testimonials {
        padding: 50px 0px;
        display: inline-block;
        width: 100%;
    }
    .grid__item {
        float: left;
        padding-left: 30px;
        width: 100%;
    }
    .medium-up--one-third {
        width: 33.33333%;
    }
    .review-box {
        padding: 24px;
        margin-bottom: 24px;
    }
    .mui-card {
        box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
        border-radius: 4px;
        background: #fff;
        overflow: hidden;
        margin-bottom: 10px;
        display: block;
    }
    .review-box .stars {
        margin-bottom: 12px;
        white-space: nowrap;
    }
    .review-box .stars img {
        display: inline-block;
        vertical-align: middle;
        width: 48%;
        margin-right: 12px;
    }
    .review-box .stars span {
        display: inline-block;
        vertical-align: middle;
        width: 45%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .review-box .title {
        font-weight: bold;
    }
    .review-box .body {
        margin-bottom: 12px;
        font-family: Avant Grade Medium;
    }
    .review-box .reply {
        font-size: 14px;
        background: #eee;
        padding: 15px;
        font-family: Avant Grade Medium;
    }
    /*========= footer ===========*/
    .footer {
        background-color: #0c3d5a;
        padding: 50px 0px 10px;
        border-top: 3px solid #168bce;
    }
    .main-footer {
        display: flex;
        justify-content: space-between;
    }
    .footer .container>p {
        color: #fff;
        padding-top: 15px;
        margin-bottom: 0;
    }
    .grid-f {
        width: 23%;
    }
    .grid-f h5 {
        font-size: 20px;
        font-family: Avant Grade Bold;
        color: #ecaa41;
    }
    .grid-f ul li a,
    .grid-f ul li,
    .grid-f p {
        color: #fff;
        font-size: 16px;
        /*font-family: Avant Grade Medium;*/
    }
    .grid-f ul li {
        margin-bottom: 10px;
    }
    #footer-form {
        background-color: #fff;
        height: 45px;
        width: 100%;
        padding: 9px 15px;
    }
    .footer-nav i {
        color: #fff;
    }
    .grid-f input[type="submit"]{
        padding: 8px 30px;
        margin-top: 15px;
    }
    .grid-f input[type="submit"]:hover{
        color:#fff;
    }
    /*========= category page =========*/
    .product-body {
        padding-top: 40px;
    }
    .item-bages {
        margin-bottom: 10px;
    }
    .item-bages a {
        display: block;
        font-size: 16px;
        color: #444;
        line-height: normal;
    }
    .product-banner img{
        width: 100%;
        margin-bottom: 50px;
    }
    .category-heading {
        border-bottom: solid 1px #d6d6d6;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .category-heading h5,.category-heading p{
        margin-bottom: 10px;
        text-transform: capitalize;
    }
    .category-heading p,.category-heading p a{
        color:#6e6e6e;
    }
    .category-heading h5 {
        font-family: Avant Grade Bold;
        text-align: left;
    }
    .category-heading p{
        font-weight: 600;
        font-size: 16px;   
    }
    .cat-sidebar h6{
        font-weight: 600;
    }
    .cat-form{
        margin-top: 30px;
    }
    .form-title {
        background-color: #146fa2;
        text-align: center;
        padding: 15px;
        color: #fff;
        font-family: Avant Grade Medium;
        margin-bottom: 15px;   
    }
    .cat-form h6 ,.product-form h6{
        font-family: Avant Grade Regular;
        color:#444;
        text-align: center;
        font-size: 18px;
    }
    .product-body .pro-item .pro-img {
        height: auto;
    }
    /* featured product css */
    .featured-product {
        padding-top: 50px;
    }
    .featured-bg {
        padding: 30px 0;
        background-color: #45a2d8;
    }
    .featured-bg p {
        text-align: center;
        color: #fff;
    }
    .featured-slider .featured-img{
        margin: 0px 10px;
    }
    .featured-slider .featured-img a img{
        width: 100%;
    }
    .featured-slider .featured-img a{
        display: inline-block;
        background: -moz-radial-gradient(center, ellipse cover, #fff 44%, #ddd 100%);
        background: -webkit-radial-gradient(center, ellipse cover, #fff 44%, #ddd 100%);
        background: radial-gradient(ellipse at center, #fff 44%, #ddd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=1);
    }
    .featured-slider .featured-img h6 {
        color: #fff;
        font-size: 18px;
        text-align: center;
        font-family: Avant Grade Medium;
        margin-top: 15px;
        margin-bottom: 0px;
    }
    .featured-slider .slick-prev,
    .featured-slider .slick-next {
        width: auto;
        height: auto;
        top: calc(50% - 18px);
    }
    .featured-slider .slick-prev {
        left: -50px;
    }
    .featured-slider .slick-next {
        right: -50px;
    }
    .slick-prev:before,
    .slick-next:before {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 42px;
    }
    .product-description {
        padding: 30px 0;
    }   
    /* contact form css */
    .cf7-body h6 {
        text-align: center;
        color: #6e6e6e;
        font-size: 18px;
    }
    .cf7-body .field{
        margin-bottom: 15px;
    }
    .cf7-body .field input[type="submit"] {
        font-size: 18px;
        width: 100%;
        cursor: pointer;
        transition: all 0.3s ease 0s;
    }
    .cf7-body .field input[type="submit"]:hover {
        background: transparent;
        color:#168bce;
    }
    .cf7-body .field .wpcf7-not-valid{
        border-color: red;
    }
    .cf7-body .wpcf7-not-valid-tip{
        display: none;
    }
    div.wpcf7-validation-errors{
        display: none !important;
    }
    /* globle form css */
    .form-body{
        padding: 15px;
    }
    .form-body .field{
        margin-bottom: 10px;
    }
    .field .pretty{
        margin-top: 15px;
    }
    .field .pretty input:checked~.state.p-success label:after,.field .pretty.p-toggle .state.p-success label:after{
        background-color: #146fa2!important;
    }
    .form-body .field input{
        padding: 10px;
    }
    .form-body .field select{
        padding: 13px 10px;
    }
    .form-body .bg-input input{
        background-color: #f2f2f2;
        border: 0px;
    }
    .form-body .select-bg select {
        background-color: #f2f2f2;
        border: 0px;
    }
    .form-body .input-dimenssion{
        display: flex;
    }
    .form-body .input-dimenssion .field{
        margin-right: 5px;
        flex:1;
    }
    .form-body .input-dimenssion .field:last-child{
        margin-right: 0px;
    }
    .form-body .d-flex .field{
        flex: 1;
        margin-right: 5px;
    }
    .form-body .d-flex .field:last-child{
        margin-right: 0px;   
    }
    sup{
        color: red;
    }
    .form-body input[type="submit"]{
        font-size: 17px;
        color:#fff;
        font-family: Avant Grade Medium;
        width: 100%;
        cursor: pointer;
    }
    .form-body input[type="submit"]:hover{
        color:#168bce;
    }
    .product-form .form-body .field{
        margin-bottom: 15px;
    }
    .product-form .form-body .d-flex .field,.product-form .form-body .input-dimenssion .field{
        margin-right: 10px;   
    }
    /* ======= Product page css ======= */
    .homesale-sliderwrap {
        position: relative;
        margin-bottom: 25px;
    }
    #slider li {
        text-align: center;
        background-color: #f8f7f6;
    }
    #carousel .flex-direction-nav {
        display: none;
    }
    .homesale-sliderwrap #slider .flex-direction-nav {
        display: flex;
        align-items: center;
        margin-top: 30px;
    }
    .homesale-sliderwrap #slider .flex-direction-nav li:first-child {
        margin-right: 25px;
    }
    #carousel .slides {
        display: flex;
        flex-direction: column;
        height: 560px;
        overflow: hidden;
        overflow-y: scroll;
    }
    .thumbs-slides  li {
        background-image:url(https://www.mchbuild.com/wp-content/uploads/2019/05/MCH_Dickenson_1-165x126.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 80px;
        width:80px;
        margin-bottom: 13px;
        position: relative;
        cursor: pointer;
    }
    .thumbs-slides li:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: -moz-radial-gradient(center, ellipse cover, #fff 44%, #ddd 100%);
        background: -webkit-radial-gradient(center, ellipse cover, #fff 44%, #ddd 100%);
        background: radial-gradient(ellipse at center, #fff 44%, #ddd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=1);
        z-index: -1;
    }
    .homesale-sliderwrap #slider .slides li img {
        max-width: 100%;
        height: auto;
    }
    #carousel .slides li img {
        max-width: 100%;
        height: auto;
    }
    .flex-viewport {
        position: relative;
    }
    .flex-direction-nav {
        display: none !important;
    }
    .tiles{
        height: 360px;
        width: 100%;
        background: #ffffff;
        /*background: -moz-radial-gradient(center, ellipse cover, #ffffff 44%, #e5e5e5 100%);*/
        /*background: -webkit-radial-gradient(center, ellipse cover, #ffffff 44%,#e5e5e5 100%);*/
        /*background: radial-gradient(ellipse at center, #ffffff 44%,#e5e5e5 100%);*/
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 );
        border: solid 1px #ccc;
    }
    .tile {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .photo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        transition: transform .5s ease-out;
    }
    .product-detail-body .p-detail-title{
        margin-bottom: 10px;
        font-size: 28px;
        font-family: Avant Grade Medium;
    }
    .product-detail-body .product-banner{
        margin-top: 50px;
    }
    .product-detail-body .product-banner img{
        margin-bottom: 0;
    }
    .product-form h5{
        padding: 15px;
        text-align: center;
        background-color: #146fa2;
        margin-bottom: 15px;  
        color:#fff;
    }
    .specification-table.table-responsive tr:nth-of-type(odd) {
        background-color: #f2f2f2;
    }
    .specification-table .table-borderless tbody+tbody,
    .specification-table .table-borderless td,
    .specification-table .table-borderless th,
    .specification-table .table-borderless thead th {
        border: 0;
    }
    .specification-table.table-responsive tr td,
    .specification-table.table-responsive tr td * {
        font-size: 16px;
        color: #444;
    }
    .specification-table.table-responsive tr td p {
        margin-bottom: 0px;
    }
    .specification-table.table-responsive tr td ul {
        list-style: disc;
        padding-left: 20px;
    }
    .specification-table.table-responsive tr th {
        font-size: 16px;
        line-height: 1.3em;
        color: #168bce;
        vertical-align: middle;
    }
    .product-detail-body .service-item p {
        font-size: 14px; 
    }
    .product-detail-body .service-item img {
        width: 60px;
    }
    .loadmorebtn{
        border: 1px solid #e17c30;
        padding: 10px 19px;
        color: white;
        background: #e17c30;
        background: -moz-linear-gradient(left, #e17c30 0%, #edad43 100%);
        background: -webkit-linear-gradient(left, #e17c30 0%, #edad43 100%);
        background: linear-gradient(to right, #e17c30 0%, #edad43 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e17c30', endColorstr='#edad43', GradientType=1);
        box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
        transition: all 0.5s ease;
        display: block;
        margin: 25px auto 10px;
        font-size: 16px;
        font-weight: 600;
    }
    .loadmorebtn:hover {
        background: transparent;
        color: #168bce;
        cursor: pointer;
    }
    .loader-gif{
        display: none;
    }
    .loader-gif img{
        width: 150px;
    }
    .no-result{
        margin: 15px 0;
        display: none;
    }
    /* BEAT QUOT CSS */
    section.product-body.beat-by-quot {
        padding-top: 80px;
        padding-bottom: 80px;
        border-bottom: 20px solid #45a2d8;
    }
    .beat-by-quot .form-body {
        margin: 15px 50px 0px;
        padding-bottom: 50px;
    }
    .beat-by-quot .form-heading h5 {
        font-size: 34px;
    }
    .beat-by-quot .form-body h6 {
        font-size: 18px;
        text-align:center;
        font-family: Avant Grade Regular;
        color: #444;
        margin-bottom: 40px;
    }
    .beat-by-quot input[type="text"],.beat-by-quot input[type="email"],.beat-by-quot input[type="number"],.beat-by-quot input[type="tel"],.beat-by-quot textarea,.beat-by-quot select{
        padding: 10px 5px;
    }
    .beat-by-quot .form-body .field{
        margin-bottom: 25px;
    }
    .beat-by-quot .form-body .input-dimenssion .field {
        margin-right: 10px;
    }
    .btn-upload {
        position: relative;
        overflow: hidden;
        background-color: transparent;
        width: 100%;
        cursor: pointer;
        margin-bottom: 20px;
        background-image: -webkit-linear-gradient(-40deg, #eeeeee 0%, #eeeeee 0%, #eeeeee 100%);
        cursor: pointer;
        font-size: 20px;
        font-weight: 600;
        border-radius: 0;
    }
    .btn-upload input {
        position: absolute;
        font-size: 50px;
        opacity: 0;
        right: 0;
        top: 0;
    }
    .beat-by-quot .form-body input[type="submit"]{
        width:200px;
        margin: auto;
        display: block;
    }
    /* Conatct US CSS */
    section.product-body.contact-us {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .contact-us .product-content h4 {
        font-size: 34px;
        color: #026b8f;
    }
    .contact-us .product-content p {
        font-size: 18px;
        color: #026b8f;
    }
    .location {
        width: 100%;
        height: 300px;
        font-family: Avant Grade Bold;
        margin-bottom: 50px;
    }
    .contact-us .form-body{
        margin: 20px 40px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .map ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
    }
    .map ul li a img {
        max-width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .map ul li {
        border-right: solid #cdd5df;
        width: 100%;
        padding:0px 20px;
    }
    .map ul li:last-child {
        border-right: solid transparent;
    }
    .map ul li a p,
    .map ul li a {
        color: #026b8f;
        font-family: Avant Grade Bold;
        margin-bottom: 0px;
        line-height: 18px;
    }
    .search-grid .blog-inner-post{
        padding-bottom: 25px;
    }
    .search-grid .post-description{
        padding: 0px 15px;
    }
    .blog-sec .page-title.search-heading{
        color: #444;
        font-size: 24px;
        font-weight: 200
    }
    .search-grid .blog-inner-post p {
        color: #212529;
        line-height: 1.3em;
        font-size: 14px;
    }
    .thankyou p{
        font-size: 27px;
        max-width: 700px;
        line-height: normal;
        margin: auto;
        color: #7b7b7b;
    }
    .thankyou p span{
        color: #ffc51c;
    }
    .back-to-site a{
        text-decoration: underline;
        color:#026b8f;
        font-size: 24px;
    }
    .thankyou-contact{
        margin-top:50px;
        padding: 40px 15px;
        background: #e17c30;
        background: -moz-linear-gradient(left, #e17c30 0%, #edad43 100%);
        background: -webkit-linear-gradient(left, #e17c30 0%, #edad43 100%);
        background: linear-gradient(to right, #e17c30 0%, #edad43 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e17c30', endColorstr='#edad43', GradientType=1);
        box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    }
    .thankyou-contact h2,.thankyou-contact p,.thankyou-contact a{
        color:#fff;
    }
    .thankyou-contact h2{
        line-height: 34px;
        margin-bottom: 1.5rem;
    }
    .thankyou-contact p{
        font-size: 22px;
    }
    
    .thankyou-contact ul li a{
        border-right: 1px solid #fff;
        padding: 8px 40px
    }
    .thankyou-contact ul li:last-child a{
        border:none;
    }
    .multi-select{
        border-radius: 0 !important;
        border:none !important;
        background-color: #f2f2f2 !important;
    }
    /*======= responsiveness css ========= */

    @media(min-width: 1024px) {
        #carousel .slides {
            transform: translate(0) !important;
        }
    }
    @media (max-width: 1023px) {
        section.home.banner{
            margin-top: 73px;
        }
        .mobile-header{
            display: block;
        }
        .desktop-header{
            display: none;
        }
        .gift-link {
            margin-top: 76px;
        }  
    }
    @media (max-width: 991px) {
        .section-tabs .pro-item {
            border-radius: 12px;
            margin-bottom: 30px;
        }

        #carousel .slides li {
            margin-top: 40px;
            margin-bottom: 0px;
            margin-right: 20px;
            width: 156px !important;
        }

        .homesale-sliderwrap #carousel .slides {
            flex-direction: row;
            flex-wrap: wrap;
            height: auto;
        }

        .body-content #carousel .slides li {
            margin-bottom: 0;
            width: 150px !important;
            margin-right: 22px !important;
        }

        .homesale-sliderwrap #slider .flex-direction-nav {
            margin: 15px 0px;
        }

        .map ul li {
            margin-bottom: 50px;
        }
    }

    @media (max-width: 767px) {
        h2 {
            font-size: 32px;
        }
        h4 {
            font-size: 25px;
        }
        section.home.banner{
         height: 400px;
     }
     .home .banner-content{
        padding: 0px 15px;
        text-align: center;
    }
    .table-responsive tr td,
    .table-responsive tr td * {
        font-size: 16px;
    }

    .table-responsive tr th {
        font-size: 18px;
    }
    .product-heading {
        margin-top: 40px;
    }
    .banner-content {
        width: 100%;
    }
    .home.banner h1 {
        font-size: 28px;
        text-align: center;
    }   
    .beat-by-quot .form-body .input-dimenssion{
        flex-wrap: wrap;
    }
    .beat-by-quot .form-body .input-dimenssion .field{
        margin-right:0;
        padding-right: 10px;
    }
    .beat-by-quot .form-body .input-dimenssion .field:nth-child(even){
        padding-right: 0px;
    }
    .beat-by-quot .form-body .input-dimenssion .field:last-child{
        padding-right: 0px;
    }
    .form-body .input-dimenssion .field{
        flex: 50%;
    }
    .field.select-bg.pr-sm-0{
        padding-right: 0 !important;
    }
    section.beat-by-quot{
        padding-top: 175px;
    }

}

@media (max-width: 575px) {
    .beat-by-quot .form-heading h5 {
        font-size: 28px;
    }

    .beat-by-quot .form-body h6 {
        font-size: 16px;
    }

    .beat-by-quot .form-body {
        margin: 15px 20px 0px;
    }

    .map ul {
        flex-direction: column;
    }

    .map ul li {
        border-right: 0px;
    }
}




/* Blog Css */

.blog-sec .search-heading span {
    margin-left:10px;
}

.blog-sec {
    padding:80px 0px;
    z-index: 1;
    position: relative;
}

.page-banner, .inner-pages-banner {
    background: url(../discountboxprinting/assets/images/banner.png) no-repeat;
    background-size: cover;
    padding:100px 0px;
    background-position: center;
}
.inner-page-content h2, .page-banner h2 {
    color:#fff;
    text-align:center;
}

.blog-sec .btn-link {
    border: 1px solid #e17c30;
    padding: 6px 30px;
}
.blog-sec .btn-link {
  color: #168bce;
  font-weight: 600;  
  text-transform: capitalize;
}


.blog-sec .btn-link:hover {
    color: white;
    background: #e17c30;
    background: -moz-linear-gradient(left, #e17c30 0%, #edad43 100%);
    background: -webkit-linear-gradient(left, #e17c30 0%, #edad43 100%);
    background: linear-gradient(to right, #e17c30 0%, #edad43 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e17c30', endColorstr='#edad43', GradientType=1);
    text-decoration:none;
}


.blog-sec ul li a {
    color:#000;
}
.blog-inner-post {
    margin-bottom: 40px;
    /*border: 1px solid;*/
}

.inner-header {
    min-height:initial;
}

.default-btn {
    z-index:1;
}
.default-btn:before {
    z-index:-1;
}
.post-banner {
    position: relative;
    margin-bottom: 20px;
}
.post-banner img{
    width: 100%;
}
.post-banner a span,
.post-banner p span {
    display: none;
    font-size: 16px;
    position: absolute;
    top: 10px;
    left: 10px;
    background: #000;
    color: #212529;
    padding: 18px 15px;
    text-align: center;
    line-height: 25px;
}

.post-banner a span b,
.post-banner p span b {
    font-size: 20px;
}

.blog-inner-post h5{
    margin-bottom: 10px;
    line-height: 28px;
}
.blog-inner-post h5 a{
    color: #168bce;
}
.author {
    margin-bottom: 15px;
}
.author span{
    margin-right: 15px;
}
.author i {
    margin-right: 2px;
}
.fa-calendar:before{
    content: "\f073" !important;
}
.fa-user:before {
    content: "\f007" !important;
}
.author a {
    font-size: 13px;
    color: #212529;
}

.author span i {
    color: #212529;
}

.author i {
   color: #212529;
}

.author a span i {
    margin-right: 5px;
    font-size: 14px;
    color: #212529;
}

.blog-inner-post p {
    color: #212529;
    line-height: 1.5em;
}

.post-readmore {
    border: 0px solid #c7b284;
    display: inline-block;
    padding: 5px;
    margin-top: 20px;

}

.post-readmore a {
    font-weight: 600
}

.post-readmore a span {
    font-weight: 300;
}

.post-readmore .btn {
    font-size: 18px;
    text-transform: capitalize;
    padding: 15px 25px;
    color: #212529;
}
.post-readmore .btn:hover{
    color: #a64686;
    border-color: #a64686;
}
/*blog sidebar*/
section.custom-sidebar {
    padding:0px;
}

.custom-sidebar .widget-title {
    color: #168bce;
    margin-bottom: 15px;
    font-size: 25px;
    font-weight:500;

}

.custom-sidebar ul {
    list-style: square;
    padding-left: 20px;
    color: #000;
}


select#archives-dropdown-2 {
    border: 1px solid #FF5D02;
    padding: 10px;
    width: 100%;
}

.custom-sidebar,
.recent-posts,
.custom-tags {
    margin-bottom: 35px;
}

.custom-sidebar .search-form {
    display: flex;
}

.custom-sidebar .search-form label {
    width: calc(100% - 90px);
    margin-bottom: 0;
}

.custom-sidebar .search-form  .search-field {
    font-size: 16px;
    display: block;
    width: 100%;
    height: 48px;
    line-height: 46px;
    background: #fff;
    padding: 0 20px;
    margin-bottom: 0px;
    border: 1px solid #168bce;
    color: #222222;
}

.search-bar .search-form .search-field {
    font-size: 15px;

}

.search-form .search-submit {
    border-radius: 0;
    font-size: 14px;
    padding: 0 15px;
    height: 48px;
    background-color:#168bce;
    border: none;
    color:#fff;
}

.screen-reader-text {
    display: none;
}
.recent-posts .textwidget {
    margin-bottom: 20px;
}

.recent-posts .textwidget .sidebar-posts {
    display: flex;
} 

.recent-posts .textwidget .sidebar-posts .image-left {
    margin-right: 20px;
}

.recent-posts .textwidget .sidebar-posts .image-left a {
    display: block;
}

.recent-posts .textwidget .sidebar-posts .image-left a img {
   max-width: 100px !important;
   object-fit: cover;
}

.recent-posts .textwidget .sidebar-posts .text-box-right h6 {
    margin-bottom: 5px;
    line-height: 18px;
    font-weight: 600;
}

/*Categories*/
.custom-categories ul li {
    border-bottom: 1px solid #e48703;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 12px;
}

.custom-categories ul li a {
    font-size: 15px;
    margin-right: 5px;
}

.custom-categories ul li a:hover {
    color: #a64686;
}

/*tags*/
.custom-tags {
    clear: both;
    overflow: hidden;
}

.custom-tags a {
    border:1px solid #e48703;
    padding: 10px 20px;
    margin: 5px;
    float: left;
    color: #212529;
    font-size: 15px;
}

.custom-tags a:hover {
    background-color: #e48703;
    color: #fff;
    border-color: #e48703;
}

/*arvhives*/
.custom-archives form select {
    padding: 10px 20px;
    width: 100%;
}

.custom-archives form select option {
    font-size: 15px;
}

.screen-reader-text {
    display: none;
}
/*share article*/
.sharearticle {
    clear: both;
    overflow: hidden;
    margin-bottom: 40px;
    padding-top: 10px;
}
.custom-related-post h5 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 25px;
    font-size: 25px;
}

.sharearticle a {
    border: 1px solid #ecaa41;
    background-color: #ecaa41;
    font-size: 20px;
    padding: 15px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #fff;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-logo-search .sharearticle a,.top-bar .sharearticle a{
    border: 1px solid #ecaa41;
    background-color: #ecaa41;
    font-size: 12px;
    padding: 7px 0px;
    float: left;
    margin-right: 5px;
    margin-bottom: 0;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top-bar .sharearticle{
    margin:0;
    padding: 0;
}
.top-bar{
    border-bottom: 1px solid #ddd;
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 15px;
    position: fixed;
    left: 0;
    right: 0;
    top:0;
    z-index: 2;
    background-color: #fff;
    transition: top ease 0.3s;
}
.sharearticle a:hover {
    border: 1px solid #ecaa41;
    background-color: #fff;
    color: #ecaa41;
    transition:none;
}
.email-whatsapp-icon{
    display: flex;
}
.email-whatsapp-icon a{
    border: 1px solid #ecaa41;
    background-color: #ecaa41;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
}
.email-whatsapp-icon a:hover{
    border: 1px solid #ecaa41;
    background-color: #fff;
    color: #ecaa41;
}
.email-whatsapp-icon a i{
    font-size: 20px;
}
.blog-sec .page-title {
    color: #212529;
    font-size:32px;   
}

/*related posts*/
.custom-related-post ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.custom-related-post ul li {
    margin: 0px 10px 10px;
}

.custom-related-post ul li:first-child {
    margin-left: 0;
}

.custom-related-post ul li a {
    font-size: 20px;
}

.custom-related-post ul li a img {
    display: block;
    margin-bottom: 5px;
}



.pd-0 {
    padding:0px !important; 
}
.page-banner h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 194px;
}



.blog-sec ul {
    list-style: disc outside;
    padding-left: 20px;
}
.blog-sec ol {
    list-style:decimal outside;
    padding-left:20px; 
}
.blog-sec ol li {
    margin-bottom:20px;
}

.blog-sec ul li {
    margin-bottom:10px;
}

.blog-sec p  a {
    color:#000;
}

.blog-sec h3 {
    color: #000;
    font-weight: 600;
}
.toll-free-header a{
    display: inline-block;
    font-weight: 600;
    color: #168bce;
}
/*** Welcome Offers Css ***/
.welcome-offers{
	background-color: #ffffff;
	padding: 60px 0px 100px;
}
.welcome-text h1 {
	color: #026b8f;
    font-size: 60px;
    line-height: 60px;
    text-align: center;
    font-family: Avant Grade Bold;
}
.access-coupon {
	background-image: url(assets/images/coupon-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 0px;
	text-align: center;
	margin-bottom: 120px;
	margin-top: 40px;
}
.access-coupon h2 {
	color: #ffffff;
    font-size: 52px;
    line-height: 55px;
    font-family: Avant Grade Bold;
}
.access-coupon p {
	color: #ffffff;
    font-size: 24px;
    font-family: Avant Grade Regular;
}
.access-coupon a {
	border: 1px solid #e17c30;
    padding: 7px 25px;
    color: #ffffff;
    background: #e17c30;
    background: -moz-linear-gradient(left, #e17c30 0%, #edad43 100%);
    background: -webkit-linear-gradient(left, #e17c30 0%, #edad43 100%);
    background: linear-gradient(to right, #e17c30 0%, #edad43 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e17c30', endColorstr='#edad43', GradientType=1); 
    margin-top: 15px;
    display: inline-block;
}
.access-coupon a:hover {
	background: transparent;
    color: #fff;
    text-decoration: none;
}
.learn-how h2 {
	color: #026b8f;
    font-size: 60px;
    line-height: 60px;
    padding-bottom: 10px;
    font-family: Avant Grade Bold;
}
.learn-how p {
	color: #7b7b7b;
    font-size: 24px;
    font-family: Avant Grade Regular;
}
.sign-up-via {
	border-right: 1px solid #d2d2d2;
}
.sign-up-via:last-child {
	border-right: 0;
}
.sign-up-via img {
	margin-bottom: 35px;
}
.sign-up-via p {
	color: #026b8f;
    font-size: 22px;
    line-height: 25px;
    margin: 0;
    font-family: Avant Grade Regular;
}
.start-saving {
	background-color: #ebebeb;
	padding: 40px 0px 20px;
	text-align: center;
	margin: 70px 0px;
}
.start-saving h2 {
	color: #026b8f;
    font-size: 60px;
    line-height: 60px;
    padding-bottom: 10px;
    font-family: Avant Grade Bold;
}
.start-saving p {
	color: #026b8f;
    font-size: 24px;
    font-family: Avant Grade Regular;
}
.start-saving a {
	border: 1px solid #e17c30;
    padding: 6px 30px;
    color: #ffffff;
    background: #e17c30;
    background: -moz-linear-gradient(left, #e17c30 0%, #edad43 100%);
    background: -webkit-linear-gradient(left, #e17c30 0%, #edad43 100%);
    background: linear-gradient(to right, #e17c30 0%, #edad43 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e17c30', endColorstr='#edad43', GradientType=1);
    margin-top: 20px;
    display: inline-block;
}
.start-saving a:hover {
	background: transparent;
    color: #026b8f;
    text-decoration: none;
}
.faq {
	margin-bottom: 110px;
}
.faq h2 {
	color: #026b8f;
    font-size: 52px;
    line-height: 50px;
    text-align: center;
    font-family: Avant Grade Bold;
}
.faq-accordion {
	margin-top: 40px;
}
.faq-accordion .card {
	border: none;
}
.faq-heading {
	background-color: transparent;
	padding: 20px 20px 20px 0px;
	border-color: #d2d2d2;
	border-bottom: none;
}
.faq-heading:first-child {
	border-top: 1px solid #d2d2d2;
}
.faq-accordion .card:last-child {
	border-bottom: 1px solid #d2d2d2;
}
.faq-heading h5 {
	font-size: 24px;
	color: #7b7b7b;
	line-height: 20px;
	font-family: Avant Grade Regular;
}
.faq-heading h5 button {
	padding: 0;
	width: 100%;
	text-align: left;
	font-size: 24px;
	color: #7b7b7b;
}
.faq-heading h5 button i {
	float: right;
	color: #026b8f;
}
.faq-heading h5 button:hover {
	text-decoration: none;
	color: #026b8f;
}
.faq-heading h5 button:focus {
	text-decoration: none;
	color: #026b8f;
}
.minus-gradient {
	color: #e99e3d;
}
.faq-body {
	font-size: 18px;
    color: #7b7b7b;
    padding: 0px 0px 20px;
    line-height: 20px;
    font-family: Avant Grade Regular;
}
.write-mail h2 {
	color: #026b8f;
    font-size: 52px;
    line-height: 50px;
    padding-bottom: 10px;
    font-family: Avant Grade Bold;
}
.write-mail p {
	color: #7b7b7b;
    font-size: 24px;
    line-height: 25px;
    margin: 0;
    font-family: Avant Grade Regular;
}
.subscribe-form input {
	color: #9a9a9a;
	background-color: #f2f2f2;
    border-radius: 3px;
    font-size: 14px;
    color: #444;
    height: 50px;
    padding-left: 15px;
    border: 0px;
    width: 100%;
    transition: all 0.3s ease;
    font-family: Avant Grade Regular;
}
.subscribe-form input::placeholder {
	color: #9a9a9a;
}
.subscribe-form input:focus {
	background-color: #f6f6f6;
	box-shadow: none;
}
.subscribe-form button {
	border: 1px solid #e17c30;
    padding: 10px 19px;
    color: #ffffff;
    background: #e17c30;
    background: -moz-linear-gradient(left, #e17c30 0%, #edad43 100%);
    background: -webkit-linear-gradient(left, #e17c30 0%, #edad43 100%);
    background: linear-gradient(to right, #e17c30 0%, #edad43 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e17c30', endColorstr='#edad43', GradientType=1);
    margin-top: 10px;
    display: block;
    border-radius: 0;
    font-family: Avant Grade Regular;
}
.subscribe-form button:hover {
	background: transparent;
    color: #026b8f;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.breadcrumbs{
    margin-bottom: 25px;
}
.sticky-btn {
    position: fixed;
    transform: rotate(-90deg);
    left: -87px;
    z-index: 1;
    top: 300px;
    font-size: 18px;
    color: #fff;
    background: linear-gradient(to right, #e17c30 0%, #edad43 100%);
    padding: 10px 50px 10px 25px;
    font-weight: 600;
    line-height: 30px;
    -webkit-clip-path: polygon(0% 0%,90% 0%,100% 100%,10% 100%);
    clip-path: polygon(0% 0%,90% 0%,100% 100%,10% 100%);
    -webkit-box-shadow: 0px 0px 15px -1px rgba(189,189,189,1);
    -moz-box-shadow: 0px 0px 15px -1px rgba(189,189,189,1);
    box-shadow: 0px 0px 15px -1px rgba(189,189,189,1);
    display: none;
}
.home .sticky-btn {
    display: inline-block;
}
a.sticky-btn:hover {
  color:#276998;
}
a.sticky-btn:active,a.sticky-btn:visited,a.sticky-btn:focus{
    color: #fff !important;
}
a.sticky-btn i{
    font-size: 20px;
    padding-top: 0px;
    position: absolute;
    top: 17px;
    right: 25px;
}
.sfsiplus_footerLnk{
    display: none;
}
.home-product .connect-to-expert{
    display: flex;
    align-items: center;
    justify-content: center;
}
/*** End Of Welcome Offers Css ***/


/*** Media Query Css ***/

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.start-saving h2 {
		font-size: 50px;
		line-height: 50px;
	}
	.start-saving p {
		font-size: 20px;
		line-height: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.welcome-text h1 {
     font-size: 45px;
     line-height: 40px;
 }
 .access-coupon h2 {
     font-size: 38px;
     line-height: 50px;
     padding-bottom: 10px;
 }
 .access-coupon p {
     font-size: 18px;
     line-height: 20px;
 }
 .learn-how h2 {
  font-size: 38px;
  line-height: 40px;
}
.learn-how p {
 font-size: 18px;
 line-height: 25px;
}
.sign-up-via p {
  font-size: 21px;
}
.start-saving {
 padding: 40px 40px 20px;
}
.start-saving h2 {
  font-size: 38px;
  line-height: 40px;
}
.start-saving p {
  font-size: 18px;
  line-height: 23px;
}
.faq h2 {
  font-size: 45px;
  line-height: 40px;
}
.faq-heading h5 button {
  font-size: 20px;
}
.write-mail h2 {
  font-size: 28px;
  line-height: 30px;
}
.write-mail p {
  font-size: 18px;
  line-height: 20px;
}
}
.home-mobile{
    display: none;
}
.home-mobile:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #178ace;
    opacity: 0.5;
}
.home-mobile h1{
    font-size: 32px;
}
@media only screen and (max-width: 991px){
    .home-mobile{
        display: block;
    }
    .home-desktop{
        display: none;
    }
}
@media (max-width: 767px) {
	.notify-text p {
		font-size: 15px;
	}
	.welcome-text h1 {
     font-size: 30px;
     line-height: 30px;
 }
 .access-coupon {
  margin-bottom: 60px;
  padding: 80px 10px;
}
.access-coupon h2 {
 font-size: 30px;
 line-height: 35px;
 padding-bottom: 10px;
}
.access-coupon p {
 font-size: 18px;
 line-height: 20px;
}
.learn-how {
  margin-bottom: 20px;
}
.learn-how h2 {
  font-size: 30px;
  line-height: 30px;
}
.learn-how p {
 font-size: 18px;
 line-height: 25px;
}
.sign-up-via {
  margin-bottom: 20px;
  border-right: 0;
}
.sign-up-via p {
  font-size: 18px;
}
.start-saving {
  padding: 40px 10px 20px;
}
.start-saving h2 {
  font-size: 30px;
  line-height: 30px;
}
.start-saving p {
  font-size: 18px;
  line-height: 20px;
}
.faq {
  margin-bottom: 60px;
}
.faq h2 {
  font-size: 26px;
  line-height: 30px;
}
.faq-heading h5 button {
  white-space: normal;
  font-size: 18px;
  line-height: 20px;
}
.faq-heading h5 button i {
  font-size: 16px;
}
.faq-body {
  font-size: 16px;
}
.write-mail h2 {
  font-size: 30px;
  line-height: 30px;
}
.write-mail p {
  font-size: 18px;
  line-height: 20px;
}
.subscribe-form {
  margin-top: 20px;
}
section.home {
    margin-top: 125px;
}
}
@media(max-width: 1279px) {
    .contact-us::after {
        top: -90px;
    }
}
@media(max-width: 1199px) {
    .blog-sec {
        padding: 50px 0px;
    }

    .author {
        margin-bottom: 15px;
    }
}
@media(max-width: 1023px) {

    .blog-sec {
        padding: 30px 0px;
    }
    .sticky-btn {
     top:225px;
 }
 .post-readmore {
    margin-top: 10px;
}

.recent-posts .textwidget .sidebar-posts .text-box-right h6 {
    font-size: 20px;
}

.post-info {
    font-size: 16px;
}

.custom-categories ul li a {
    font-size: 20px;
}

.custom-tags a {
    font-size: 20px;
}

.search-bar .search-form label input {
    font-size: 20px;
}

.custom-archives form select option {
    font-size: 20px;
}
}
@media( max-width: 992px) {
    .review-box {
        padding: 15px;
        margin-bottom: 24px;
    }
    .thumbs-slides ul{
        margin-top:10px;
    }
    .thumbs-slides li{
        display: inline-block;
    }
}
@media(max-width: 767px) {
    .blog-inner-post {
        padding: 0;
    }
    .custom-sidebar {
        padding: 0;
    }
    .blog-sec .search-heading {
        display: flex;
        justify-content: start;
        flex-direction: column;
        font-size: 30px;
        
    }
    .home .sticky-btn{
        display: none;
    }
}
@media(max-width: 600px){
    .main-footer {
        flex-wrap: wrap;
    }
    .grid-f {
        width: 100%;
        margin-bottom: 25px;
    }
    .pro-links .connect-to-expert{
        display: none;
    }
    .medium-up--one-third {
        width: 100%;
        padding-left: 0;
    }
}
footer .sharearticle a {
    font-size: 15px;
    padding: 9px;
    color: #fff;
    width: 38px;
}
.sharearticle{
    margin-bottom: 10px;
}
#more {display: none;}
a[data-readmore-toggle]{
    text-align: center;
}

/*==== css from staging ====*/

#slider li {
    text-align: center;
    background-color: #f8f7f6;
}
#carousel .flex-direction-nav {
    display: none;
}
#carousel .slides {
    display: flex;
    flex-direction: column;
    height: 560px;
    overflow: hidden;
    overflow-y: scroll;
}
#carousel .slides li img {
    max-width: 100%;
    height: auto;
}
.category-view.homesale-sliderwrap {
    position: relative;
    margin-bottom: 25px;
}
.category-view.homesale-sliderwrap #slider .flex-direction-nav {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.category-view.homesale-sliderwrap #slider .flex-direction-nav li:first-child {
    margin-right: 25px;
}
.category-view.homesale-sliderwrap  .thumbs-slides  li {
    background-image:url(https://www.mchbuild.com/wp-content/uploads/2019/05/MCH_Dickenson_1-165x126.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px;
    width: 31.5%;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-left: 2.7%
}
.category-view.homesale-sliderwrap .thumbs-slides  li.selected{
    border: 2px solid #146fa2;
}
.category-view.homesale-sliderwrap .thumbs-slides ul li:nth-child(3n+1){
    margin-left: 0;
}
.category-view.homesale-sliderwrap  .thumbs-slides ul{
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.category-view.homesale-sliderwrap  .thumbs-slides li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz-radial-gradient(center, ellipse cover, #fff 44%, #ddd 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #fff 44%, #ddd 100%);
    background: radial-gradient(ellipse at center, #fff 44%, #ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=1);
    z-index: -1;
}
.category-view.homesale-sliderwrap #slider .slides li img {
    max-width: 100%;
    height: auto;
}
.category-view .tiles-img img{
    margin:auto;
}
.category-view .tiles-img{
    background: -moz-radial-gradient(center, ellipse cover, #fff 44%, #ddd 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #fff 44%, #ddd 100%);
    background: radial-gradient(ellipse at center, #fff 44%, #ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=1);
    height: 550px;
}
.category-view .outer-s-slider{
    position: relative;
}
.category-view .small-slider .slick-track{
    display: flex;
    align-items: center;
}
.category-view .small-slider .slider-item{
    cursor: pointer;
}
.category-view .small-slider{
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    margin-bottom: 0 !important;
}
.loader-layer{   
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #ffffffd9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap;
    align-content: center;
}
.loader-layer img{
    width: 125px;
}
.loader-layer p{
    width: 100%;
    text-align: center;
}
.product-detail-body a[data-readmore-toggle]{
    text-align: left;
}
span.res-search.mobile-search {
    display: block;
    line-height: 50px;
    margin-right: 20px;
    position: absolute;
    top: 12px;
    right: 55px;
}
span.res-search img {
    width: 25px;
}
.drop-search {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 72px;
    background: white;
    padding: 20px 10px;
    z-index: 2;
}
.shadow-view {
    -webkit-box-shadow: 0 5px 12px -2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 12px -2px rgba(0,0,0,.2);
    box-shadow: 0 5px 12px -2px rgba(0,0,0,.2);
}
.custom-menu .drop-search .navbar-form {
    width: 350px;
    margin: auto;
}
.custom-menu .navbar-form {
    padding: 0;
    margin: 15px 0;
    border: 1px solid #ddd;
    border-radius: 20px;
}
.drop-search .navbar-form .input-group {
    width: 100%;
}
.custom-menu .input-group {
    padding: 3px 0;
}
.drop-search .input-group-btn {
    width: 40px !important;
}
.custom-menu .input-group-btn .btn {
    background: 0 0;
    border: none;
    border-left: 1px solid #ddd;
}
.drop-search .input-group {
    border: 2px solid #178ace;
    padding: 1px;
    border-radius: 2px;
}
.drop-search input{
    border: 0;
    padding: 5px;
}
.drop-search button{
    background-color: transparent;
}

.drop-search input:focus{
    outline: none;
    box-shadow: none;
}