html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
a,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0 auto;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    list-style: none;
    outline: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html,
body {
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}

body.scroll-fixed {
    overflow: hidden;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block
}

img {
    border: none
}

input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {
    -webkit-appearance: none;
    outline: none
}

textarea:focus,
input:focus,
a,
div,
img {
    outline: none
}

.cf:before,
.cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    zoom: 1
}

.clear {
    clear: both
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

body {
    color: #373d48;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif, Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 22px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 25px;
    /* font-weight: 400; */
    font-family: 'Open Sans', sans-serif, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-display: swap;
    color: #2e2f27;
    line-height: 1;
}

h1 ,
.h1 {
    font-size: 58px;
}

h2 {
    font-size: 48px
}

h3 {
    font-size: 36px
}

h4 {
    font-size: 30px
}

h5 {
    font-size: 25px
}

h6 {
    font-size: 18px
}

p {
    color: #373d48;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 20px
}

ul {
    margin: 20px;
    padding: 0
}

ul li {
    font-size: 13px;
    color: #373d48;
    font-weight: 400;
    line-height: 18px;
    padding: 0 0 5px;
    list-style: outside circle
}

ol {
    margin: 20px;
    padding: 0
}

ol li {
    font-size: 13px;
    color: #373d48;
    font-weight: 400;
    line-height: 18px;
    padding: 0 0 5px;
    list-style: decimal;
    margin-left: 20px
}

blockquote {
    display: block;
    text-align: left;
    margin-bottom: 20px;
    position: relative;
    background: #f3f3f3;
    padding: 20px 20px 10px;
    border-left: 2px solid #1589cb
}

blockquote p {
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 15px;
    position: relative
}

hr {
    border: 0 #000 solid;
    border-top-width: 1px;
    clear: both;
    height: 0
}

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

a {
    color: #4372a5
}

a:hover {
    color: #4372a5;
    text-decoration: underline
}

a:active,
a.current {
    color: #e8941a
}

a:focus {
    outline: none
}

.bg-purple {
    background-color: #7d349c;
}

.bg-purple a {
    color: #fff;
}

.bg-purple h1,
.bg-purple h2,
.bg-purple h3,
.bg-purple h4,
.bg-purple h5,
.bg-purple h6,
.bg-purple p {
    color: #ffffff;
}

.bg-purple h3 {
    font-weight: 400;
}

.bg-blue {
    background-color: #608FDD;
}

.bg-blue h1,
.bg-blue h2,
.bg-blue h3,
.bg-blue h4,
.bg-blue h5,
.bg-blue h6,
.bg-blue p {
    color: #ffffff;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {
    border: 1px solid #dcdcdc;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    padding: 0 15px;
    color: #666;
    font-size: 14px;
    height: 50px;
    width: 600px;
}

textarea {
    padding: 6px;
    height: 60px;
    resize: none
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
    border: none;
    background: #1478bf none repeat scroll 0 0;
    box-shadow: 3px 2px 0 0 rgba(130, 130, 131, 0.27);
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    height: 40px;
    line-height: 20px;
    padding: 0 10px;
    width: 140px
}

input[type="submit"]:hover,
input[type="button"]:hover {
    background: #0991f1;
    color: #fff
}

table {
    margin: 0
}

td {
    font-size: 20px;
    font-weight: 400;
    padding: 0
}

#wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
    background: #f5f5f5
}

.container {
    --container-width: 1740px;
    --gutter: 90px;
    width: min(100% - var(--gutter) * 2, var(--container-width, 100%));
    margin-right: auto;
    margin-left: auto;
    /* max-width: 100%; */
    /* max-width: 1170px;
    width: 100% */
}

.container.home-inner {
    --container-width: 1140px;
    --gutter: 70px;
}

.p-lg p {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}

header {
    width: 100%;
    height: auto;
    /* background: #f3f3f3; */
    box-sizing: border-box;
    z-index: 999;
    clear: both;
    position: sticky;
    top: 0;
}

header .header-button {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.logo {
    display: block;
}

.logo img {
    width: 100%;
    height: auto;
    display: block;
}

.header-top-mob {
    display: none;
}

.header-top {
    /* display: block; */
    display: flex;
    align-items: center;
    position: relative;
    background: #f3f3f3;
    min-height: 0;
}

.header-top .container {
    --container-width: 1740px;
    --gutter: 90px;
    width: min(100% - var(--gutter) * 2, var(--container-width, 100%));
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}

.header-top figure {
    float: left;
    margin-right: 10px
}

.header-top figure img {
    width: 100%;
    height: auto
}

.header-top .contact-list {
    /* display: block; */
    /* position: relative; */
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: normal;
    position: unset;
    text-align: center;
}

.header-top .contact-list .contact-list-wrap {
    display: flex;
    align-items: center;
    margin: 0;
}

.header-top .contact-list p {
    position: relative;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    height: 100%;
    border-right: 2px solid #fff;
    text-transform: uppercase;
}

.header-top .contact-list p:last-child {
    border-right: 0;
}

.header-top .contact-list p:not(:last-child) {
    padding: 0 33px 0 30px;
    margin-right: 33px;
}

.header-top .contact-list p::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 21px;
    height: 21px;
    background-image: url(images/phone-icon.jpg);
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.header-top .contact-list p:last-child::after {
    display: none;
}

.header-top .contact-list p:before {
    display: none;
    /* content: "";
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #fff; */
}

.header-top .contact-list p:first-child:before {
    display: none
}

.header-top .contact-list a {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    text-decoration: none;
    transition: 0.45s;
}

.header-top .contact-list a:hover {
    text-decoration: underline;
}

.header-top .contact-list p:last-child a:hover {
    text-decoration: none;
}

.search-block {
    /* display: block; */
    display: flex;
    align-items: center;
    position: relative;
    margin: 0;
    float: right
}

.search-block form {
    position: relative;
    display: flex;
}

.search-block .search-btn {
    background: rgba(0, 146, 242, 1) url(images/search1.png) no-repeat scroll 8px 14px;
    width: 96px;
    height: 47px;
    box-sizing: border-box;
    margin: 0;
    display: block;
    /* position: absolute; */
    position: relative;
    top: 0;
    right: 0;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 0 0 0 22px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    transition: 0.45s;
}

.search-block .search-btn:hover {
    text-decoration: none;
    /* color: #fff; */
    background: rgba(0, 146, 242, 0.8) url(images/search1.png) no-repeat scroll 8px 14px;
}

.search-block .search-btn:before {
    content: "";
    background: url(images/sprite.png)-25px -19px;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 14px;
    left: 7px
}

.header-top .search-block .search-open {
    position: absolute;
    right: 96%;
    top: 0;
    background: #0092F2;
    width: 224px;
    height: 47px;
}

.header-top .search-block .search-open .input-style {
    border: none;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 14px;
    margin: 6px 98px 0 8px;
    display: block;
    opacity: 1;
    width: 195px
}

.header-top .search-block .open {
    opacity: 0;
    z-index: 2;
    pointer-events: none;
}

.header-bottom {
    width: 100%;
    display: block;
    padding: 15px 0;
    background: #ffffff;
}

.header-bottom .container {
    --container-width: 1740px;
    --gutter: 90px;
    width: min(100% - var(--gutter) * 2, var(--container-width, 100%));
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}

.header-bottom-inner {
    /* display: grid;
    align-items: flex-start;
    grid-template-columns: 320px 1fr; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-bottom-inner .logo-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0;
}

.header-bottom-inner .logo {
    width: 307px;
    flex: 1;
}

.header-bottom-inner .anniversary-logo {
    max-width: 90px;
    width: 100%;
}

.header-bottom-inner .anniversary-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header-bottom-inner .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header-bottom-inner .logo,
.header-bottom-inner .header-navigation {
    margin: 0;
}

.header-navigation {}

.blank {
    height: 167px;
}

nav {
    width: 100%;
    display: block;
    /* min-height: 44px; */
}

nav ul {
    margin: 0;
    padding: 0
}

nav ul.mainMenu {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    /* margin: 0 -20px; */
}

nav ul>li::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 32px;
    background-color: transparent;
    pointer-events: none;
}

nav ul>li:hover::before {
    pointer-events: all;
}

/* nav ul>li>.sub-menu::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    height: 20px;
    background-color: transparent;
} */

nav ul li {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    z-index: 10;
    padding: 0;
}

nav ul li a {
    color: #474747;
    display: inline-block;
    padding: 8px 18px;
    text-transform: uppercase;
}

nav ul li:hover>a,
nav .active {
    text-decoration: none;
    color: #474747;
    background: #d7d7d7;
}

nav ul li:after {
    content: "";
    background: url(images/sprite.png) no-repeat -171px -25px;
    display: block;
    width: 20px;
    height: 18px;
    position: absolute;
    top: 23px;
    left: 50%;
    display: none;
    margin-left: -10px
}

nav ul li.active:after,
nav ul li:hover:after {
    display: block
}

nav ul.mainMenu .current_page_item>a,
nav ul.mainMenu .current-menu-item>a,
nav ul.mainMenu .current_page_ancestor>a {
    text-decoration: none;
    color: #474747;
    background: #d7d7d7;
}

nav ul li.current_page_item:after {
    display: block
}

nav ul.sub-menu li.current_page_item:after {
    display: none
}

nav ul li ul {
    display: none;
    position: absolute;
    margin: 0;
    left: 50%;
    top: 40px;
    width: 300px;
    background: #d7d7d7;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 5px 0;
    transform: translateX(-50%);
}

nav ul li ul li ul {
    transform: translateX(0);
}

/* nav ul li ul.sub-menu {
    max-height: calc(100dvh - 200px);
    overflow: auto;
} */


/* nav ul li ul.sub-menu:last-child {
    left: auto;
    right: 0;
} */

nav ul li:hover ul {
    display: block
}

nav ul li ul li {
    width: 100%;
    color: #fff;
    font-size: 17px;
    line-height: 22px;
    margin-left: 0;
    text-transform: none;
    position: relative;
    text-align: left;
    /* white-space: nowrap; */
    display: block
}

nav ul li ul li a {
    padding: 5px 12px 5px 10px;
    display: block;
    color: #555;
    border-bottom: 1px dotted #000
}

nav ul li ul li a:hover {
    color: #000
}

nav ul li ul li:hover:after {
    display: none
}

nav ul li ul li ul {
    display: none !important;
    border-radius: 5px;
    position: absolute;
    left: 100%;
    top: 0
}

nav ul li ul li:hover ul {
    display: block !important
}

nav ul li ul li ul li {
    font-size: 15px;
    color: #555;
    white-space: nowrap;
    display: block
}

nav ul li ul li ul li:hover {
    color: #fff
}

nav ul li ul li ul li:hover:after {
    display: none
}

/* .btn-m-nav {
    position: relative;
    width: 32px;
    height: 17px;
    display: none;
} */

.mobile-nav-block {
    display: none;
    position: absolute;
    background: #2d77ae;
    width: 80%;
    top: 0;
    right: 0;
    z-index: 1
}

.mobile-nav-block .title {
    background: #7e369d;
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    padding: 10px 20px
}

.nav-content ul {
    margin: 0;
    padding: 0;
    border: none
}

.nav-content ul li {
    font-size: 17px;
    color: #FFF;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .05em;
    width: 100%;
    border-top: 1px solid #204376;
    position: relative;
    background: #2d77ae
}

.nav-content ul li a {
    color: #fff;
    text-decoration: none;
    padding: 11px 20px;
    display: block;
    text-decoration: none
}

.nav-content ul li.active {
    color: #fff
}

.nav-content ul li.active a {
    color: #fff
}

.nav-content ul li:before {
    display: none
}

.nav-content ul li em {
    display: block;
    float: right;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 4px;
    width: 40px;
    height: 33px
}

.nav-content ul li em:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 5px;
    width: 15px;
    height: 15px;
    display: block;
    background: url(images/plus.png)no-repeat
}

.nav-content ul li.active em:before {
    background: url(images/minus.png)no-repeat
}

.nav-content ul li ul {
    margin: 0;
    display: none
}

.nav-content ul li ul li {
    background: #124c78;
    border-top: none;
    text-transform: capitalize
}

.nav-content ul li ul li.active {
    background: #327db6;
    color: #000
}

.nav-content ul li ul li.active a {
    color: #fff
}

.nav-content ul li ul li a {
    margin-left: 20px;
    color: #fff;
    padding: 9px 18px
}

.nav-content ul li ul li em {
    height: 27px
}

.nav-content ul li ul li em:before {
    background: url(images/plus.png)no-repeat !important
}

.nav-content ul li ul li.active em:before {
    background: url(images/minus.png)no-repeat !important
}

.mobile-nav {
    display: none;
    clear: both;
    height: auto;
    width: 100%;
    float: left;
    background: rgba(225, 214, 205, 0.5)
}

.mobile-nav ul {
    padding: 0;
    height: auto
}

.mobile-nav ul li {
    list-style: none;
    line-height: 25px;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0 0 10px;
    padding: 0;
    font-weight: 700
}

.mobile-nav ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center
}

.prefooter {
    width: 100%;
    background: #edebeb;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    line-height: 1.66em;
    clear: both;
    background-size: cover;
    margin-bottom: 30px
}

footer {
    width: 100%;
    height: auto
}

footer .footer-bottom-wrapper {
    background-color: #7c359a;
    padding: 15px 0;
}

footer .footer-top-wrapper {
    background-color: #F7F2F9;
    padding: 70px 0;
}

footer .footer-bottom-wrapper p {
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    margin-bottom: 0;
    font-weight: 400;
}

footer .footer-top-wrapper .container,
footer .footer-bottom-wrapper .container {
    --container-width: 1540px;
    --gutter: 70px;
}

footer .footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

footer .footer-top .footer-fl {
    width: 33.33%;
}

footer .footer-top-left .footer-logo {
    margin-bottom: 34px;
}

footer .footer-logo a {
    display: block;
    width: 332px;
    margin: 0;
}

footer .footer-logo a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

footer .footer-top-left .social-part {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 60px;
}

footer .footer-top-left .social-part a {
    margin: 0;
}

footer .footer-middle .footer-middle-wrap {
    max-width: 330px;
    width: 100%;
}

footer .contact-list-wrapper p {
    margin-bottom: 5px;
}

footer .contact-list-wrapper p a {
    color: #608fdd;
    font-weight: 400;
}

footer .footer-middle p {
    font-size: 20px;
    line-height: 24px;
    color: #010000;
}

footer .footer-middle p a {
    color: #1378c1;
    font-weight: 400;
}

footer .footer-right .footer-nav {
    display: flex;
    justify-content: flex-end;
}

footer .footer-right ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

footer .footer-right ul li {
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-family: 'Open Sans', sans-serif, Arial, Helvetica, sans-serif !important;
    margin-left: 0 !important;
    padding-bottom: 0 !important;
}

footer .footer-right ul li:not(:last-child) {
    margin-bottom: 10px !important;
}

footer .footer-right ul li:before {
    display: none !important;
}

footer .footer-top .footer-top-left p {
    font-size: 20px;
    line-height: 24px;
    color: #000;
}

footer .footer-top .footer-top-right {
    width: 660px;
    height: auto;
    float: right;
    display: block
}

footer .footer-top-right .timing-details {
    float: left;
    display: block;
    font-size: 16px;
    color: #555;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 15px
}

footer .footer-top-right .timing-details span {
    font-size: 18px;
    color: #555;
    font-weight: 700
}

footer .footer-top-right p {
    font-size: 16px;
    color: #555;
    font-family: Arial, Helvetica, sans-serif;
    clear: both;
    margin-bottom: 15px
}

footer .footer-top-right span {
    color: #555;
    font-weight: 700
}

footer .footer-top-right .social-part {
    display: block;
    float: right
}

footer .footer-top-right .social-part a {
    transition: .5s;
    -webkit-transition: .5s;
    margin-left: 10px;
    background-repeat: no-repeat !important;
    background-position: top center !important;
}

footer .footer-top-right .social-part a.linkedin-icon {
    width: 30px;
    height: 30px;
    float: left;
}

footer .footer-top-right .social-part a:hover {
    background-position: bottom center !important;
}

footer .footer-top-right .social-part .fb-icon {
    content: "";
    /*background: url(images/sprite.png) no-repeat top center  ;*/
    display: block;
    width: 17px;
    height: 28px;
    float: left
}

footer .footer-top-right .social-part .fb-icon:hover {
    background-position: bottom center;
}

footer .footer-top-right .twitter-icon {
    content: "";
    background: url(images/sprite.png)-274px -128px;
    display: block;
    width: 31px;
    height: 28px;
    float: left
}

footer .footer-top-right .twitter-icon:hover {
    background-position: -274px -173px
}

footer .footer-top-right .gmail-icon {
    content: "";
    background: url(images/sprite.png)-315px -128px;
    display: block;
    width: 30px;
    height: 33px;
    float: left
}

footer .footer-top-right .gmail-icon:hover {
    background-position: -315px -173px
}

footer .footer-top-right .pinterest-icon {
    content: "";
    background: url(images/sprite.png)-352px -128px;
    display: block;
    width: 25px;
    height: 32px;
    float: left
}

footer .footer-top-right .pinterest-icon:hover {
    background-position: -352px -173px
}

footer .footer-top-right .tumblr-icon {
    content: "";
    background: url(images/sprite.png)-388px -128px;
    display: block;
    width: 20px;
    height: 32px;
    float: left
}

footer .footer-top-right .tumblr-icon:hover {
    background-position: -388px -173px
}

footer .footer-top-right .universal-blog-icon {
    content: "";
    background: url(images/sprite.png)-420px -128px;
    display: block;
    width: 32px;
    height: 32px;
    float: left
}

footer .footer-top-right .universal-blog-icon:hover {
    background-position: -420px -173px
}

footer .footer-bottom .footer-bottom-left {
    width: 480px;
    height: auto;
    float: left;
    display: block;
    margin-right: 30px;
    clear: both
}

footer .footer-bottom .footer-bottom-right {
    width: 660px;
    height: auto;
    float: right;
    display: block;
    margin-top: 45px
}

footer .footer-bottom-right .footer-nav {
    display: block;
    clear: both
}

.footer-nav ul {
    margin: 0;
    padding: 0
}

.footer-nav ul li {
    font-size: 14px;
    color: #555;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    float: left;
    margin-right: 5px
}

.footer-nav ul li:before {
    margin-top: 10px;
    /* content: "|";
    color: #555 */
}

.footer-nav ul li:first-child:before {
    display: none
}

.footer-nav ul li a {
    color: #1478bf;
    display: inline-block;
    vertical-align: middle;
}

.footer-nav ul li a:hover {
    text-decoration: none;
    color: #000
}

/* footer .footer-img {
    float: left;
    clear: both
} */

footer .footer-img span {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
    /* width: 100% */
}

footer .footer-img span a {
    display: inline-block;
}

footer .footer-img span img {
    width: auto;
    height: auto;
    max-height: 70px;
}

/* .slider {
    padding-top: 23%;
    position: relative;
    overflow: hidden;
    display: block;
    clear: both;
} */

.slider .owl-prev,
.slider .owl-next {
    margin-top: -18px;
}

/* .slider .banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */

/* .slider .owl-wrapper-outer,
.slider .owl-wrapper,
.slider .banner-img,
.slider .owl-item {
    height: 100%;
} */

.slider .banner .banner-img {
    max-width: 625px;
    width: 100%;
    display: block;
}

.slider .banner .banner-img a {
    height: 100%;
}

.slider .banner .banner-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
}

.about-instabox {
    display: block;
    width: 100%;
    margin-bottom: 60px
}

.about-instabox .video-block {
    width: 600px;
    float: left;
    height: auto;
    position: relative
}

.video-block .instabox-title {
    font-size: 25px;
    color: #555;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 27px
}

.video-block .video-part {
    display: block;
    float: left;
    position: relative
}

.video-block .video-part figure {
    display: block;
    float: left
}

.video-block .video-part img {
    display: block;
    width: 100%;
    height: auto
}

.video-block .video-part .video-btn {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 195px;
    margin-left: -95px;
    margin-top: -107px;
    height: 195px
}

.video-block .video-part p {
    position: absolute;
    display: block;
    bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #000;
    width: 100%
}

.about-instabox .content-block {
    width: 550px;
    float: right;
    height: auto
}

.about-instabox .content-block ul li {
    margin-top: 10px;
    margin-bottom: 10px;
}

.about-instabox .content-block h1 {
    font-size: 25px;
    color: #555;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 27px
}

.content-block p {
    font-size: 15px;
    color: #555;
    font-family: Arial, Helvetica, sans-serif
}

.content-block span {
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: 700
}

#content-area {
    width: 100%;
}

#content-area .contact-title {
    font-size: 34px;
}

#content-area .container{
    padding-top: 30px;
}

.home-bg .container{
    padding-top: 0 !important;
}

#content-area ul {
    margin: 0;
    padding: 0;
    margin-bottom: 20px
}

#content-area ul li {
    display: block;
    list-style: none;
    font-size: 24px;
    line-height: 32px;
    color: #7d359b;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: 700;
    margin-left: 14px;
    position: relative;
    padding: 0
}

#content-area ul li:before {
    content: "";
    background: url(images/sprite.png) -31px -85px;
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    left: -14px;
    top: 7px
}

#content-area .inMenu ul li:before {
    display: none
}

#content-area .inMenu ul li {
    margin: 0 2px 2px 0;
    display: inline-block;
    vertical-align: top;
    font-style: normal;
}

#content-area .inMenu ul li a {
    padding: 10px;
}

.inMenu ul li:after {
    top: 34px
}

.content-block .view-btn {
    width: 203px;
    height: 40px;
    background: #7d359b;
    float: left;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    position: relative;
    padding: 0 10px;
    line-height: 42px;
    transition: .5s;
    -webkit-transition: .5s;
    -webkit-box-shadow: 3px 2px 0 0 rgba(130, 130, 131, 0.27);
    -moz-box-shadow: 3px 2px 0 0 rgba(130, 130, 131, 0.27);
    box-shadow: 3px 2px 0 0 rgba(130, 130, 131, 0.27)
}

.content-block .view-btn:after {
    content: "";
    background: url(images/sprite.png) -205px -23px;
    display: block;
    width: 22px;
    height: 20px;
    position: absolute;
    right: 17px;
    top: 10px
}

.content-block .view-btn:hover {
    text-decoration: none;
    background: #5d167b
}

.ad-block {
    width: 100%;
    display: flex;
}

.ad-block .easy-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 380px;
    background: #7d359b;
    float: left;
    box-sizing: border-box;
    padding: 25px 0 22px 23px;
    height: auto;
    position: relative
}

.ad-block .easy-block:after {
    content: "";
    background: url(images/sprite.png) -269px -16px;
    display: block;
    position: absolute;
    right: -24px;
    width: 30px;
    height: 60px;
    top: 36px;
    z-index: 1
}

.ad-block .easy-block .ad-title {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 11px;
    margin-left: 0;
    margin-right: 0;
}

.ad-block .easy-block p {
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0
}

.ad-block .call-us-block {
    width: 490px;
    display: block;
    background: #6e1f8f;
    float: left;
    padding: 25px 5px 22px 40px;
    position: relative
}

.ad-block .call-us-block:after {
    content: "";
    background: url(images/sprite.png) -432px -14px;
    display: block;
    position: absolute;
    right: -26px;
    width: 34px;
    height: 68px;
    top: 36px;
    z-index: 1
}

.ad-block .call-us-block .calgary-block {
    float: left;
    display: block
}

.ad-block .call-us-block .calgary-block strong {
    font-weight: 700
}

.ad-block .call-us-block .calgary-block p a {
    font-size: 15px;
    color: #fff
}

.ad-block .quotes-block {
    width: 300px;
    display: block;
    background: #5d167b;
    float: left
}

.call-us-block span {
    font-size: 15px;
    font-weight: 700;
    color: #fff
}

.ad-block .quotes-block {
    display: flex;
    position: relative;
    padding: 35px 18px 22px 105px
}

.ad-block .quotes-block .ad-title {
    margin-bottom: 5px
}

.ad-block .quotes-block p {
    margin-left: 6px
}

.ad-block .quotes-block:before {
    content: "";
    background: url(images/sprite.png)-334px -14px;
    display: block;
    position: absolute;
    left: 37px;
    top: 50%;
    width: 65px;
    height: 83px;
    transform: translateY(-50%);
}

.ad-block .quotes-block:after {
    display: none
}

.custom-box {
    display: block;
    width: 100%;
    background: #f5f5f5;
    padding: 45px 0 40px;
    margin-bottom: 20px
}

/* .custom-box .custom-box-title {
    font-size: 36px;
    margin-bottom: 8px
} */

.custom-box .custom-box-left-part {
    width: 600px;
    float: left;
    height: auto
}

.custom-box .custom-box-left-part ul li {
    margin-top: 12px;
    margin-bottom: 12px;
}

.custom-box .custom-box-right-part {
    width: 550px;
    float: right;
    height: auto
}

.custom-box .custom-box-left-part span {
    font-size: 19px;
    color: #555;
    font-weight: 300;
    line-height: 1.5;
    margin-top: 12px;
}

.custom-box .custom-box-left-part p {
    font-size: 17px;
    color: #555;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    margin-top: 15px
}

.custom-box-left-part ul li {
    color: #1478bf !important
}

.custom-box-left-part .view-more-btn {
    width: 140px;
    height: 40px;
    background: #1478bf;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 41px;
    padding: 0 10px;
    display: block;
    margin-bottom: 15px;
    position: relative;
    color: #fff;
    float: left;
    font-weight: 700;
    -webkit-box-shadow: 3px 2px 0 0 rgba(130, 130, 131, 0.27);
    -moz-box-shadow: 3px 2px 0 0 rgba(130, 130, 131, 0.27);
    box-shadow: 3px 2px 0 0 rgba(130, 130, 131, 0.27)
}

.custom-box-left-part .view-more-btn:after {
    right: 11px;
    top: 10px;
    content: "";
    background: url(images/sprite.png) -205px -23px;
    display: block;
    width: 22px;
    height: 20px;
    position: absolute
}

.custom-box-left-part .view-more-btn:hover {
    text-decoration: none;
    background: #0991f1
}

.custom-box-right-part figure {
    width: 100%;
    display: block
}

.custom-box-right-part figure img {
    float: right;
    width: 83%;
    height: auto;
    display: block
}

.box-guid {
    display: block;
    font-size: 14px;
    color: #555;
    clear: both;
    float: left;
    font-family: Arial, Helvetica, sans-serif
}

.box-guid span {
    margin-right: 35px;
    float: left;
    position: relative
}

.box-guid span:after {
    content: "";
    background: url(images/sprite.png)-206px -48px;
    display: block;
    right: -25px;
    top: 3px;
    width: 19px;
    height: 18px;
    position: absolute
}

.custom-boxes {
    width: 100%;
    display: block;
    /* margin-bottom: 75px; */
    background-color: #fff;
    margin: 45px 0;
}

.custom-boxes .box-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
    /* width: 560px; */
    /* height: auto; */
    /* display: block; */
    /* float: left; */
    /* background: ; */
    border: 1px solid #CBCBC9;
    box-sizing: border-box;
}

.custom-boxes .box-block.last {
    margin-right: 0
}

.custom-boxes .box-block .box-left-part {
    display: flex;
    align-items: center;
    justify-content: center;
    /* max-height: 292px; */
    /* height: 100%; */
    background-color: #F8F8F8;
    margin: 0;
    padding: 20px;
    aspect-ratio: 1/1;
    /* width: 280px;
    height: auto;
    display: block;
    float: left */
}

.custom-boxes .box-block .box-left-part figure {
    display: block;
    width: 100%;
    float: left;
}

.custom-boxes .box-block .box-left-part figure img {
    display: block;
    object-fit: contain;
}

.custom-boxes .box-block .box-right-part {
    /* width: 227px;
    height: auto;
    display: block;
    float: right */
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding: 28px;
    margin: 0;
    background-color: #fff;
}

.custom-boxes .box-right-part .box-right-wrap {
    margin: 0;
}

.custom-boxes .box-block .box-right-part .box-title {
    display: block;
    font-size: 40px;
    color: #2f3028;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 22px;
}

.custom-boxes .box-block .box-right-part .box-title span {
    display: block;
    font-size: 40px;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #2f3028;
    font-weight: 500;
    line-height: 53px;
}

.custom-boxes .box-block .box-right-part p {
    font-size: 24px;
    line-height: 34px;
    color: #2f3028;
    font-family: Arial, Helvetica, sans-serif
}

.custom-boxes .box-block .box-right-part .box-btn {
    margin: 15px 0 0 0;
}

.custom-boxes .box-range .price {
    display: flex !important;
    align-items: center;
    font-size: 16px !important;
    font-weight: 700;
}

.custom-boxes .box-range .price img {
    margin: 0;
}

.box-right-part .view-more-btn {
    width: 140px;
    height: 40px;
    background: #1478bf;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 40px;
    margin-bottom: 20px;
    padding: 0 10px;
    display: block;
    position: relative;
    color: #fff;
    float: left;
    font-weight: 700;
    -webkit-box-shadow: 3px 2px 0 0 rgba(130, 130, 131, 0.27);
    -moz-box-shadow: 3px 2px 0 0 rgba(130, 130, 131, 0.27);
    box-shadow: 3px 2px 0 0 rgba(130, 130, 131, 0.27)
}

.box-right-part .view-more-btn:after {
    right: 11px;
    top: 10px;
    content: "";
    background: url(images/sprite.png) -205px -23px;
    display: block;
    width: 22px;
    height: 20px;
    position: absolute
}

.box-right-part .view-more-btn:hover {
    text-decoration: none;
    background: #0991f1
}

.product-part {
    display: block;
    margin-bottom: 50px
}

.product-part .product-title {
    font-size: 37px;
    color: #555;
    font-weight: 700;
    text-align: center;
    line-height: 40px
}

.product-part span {
    text-align: center;
    font-size: 27px;
    color: #555;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 40px;
    display: block
}

.img-part i {
    background: url(images/arrow.png) no-repeat;
    width: 19px;
    height: 15px;
    vertical-align: middle;
    margin: -2px 0 0 7px
}

.img-part:hover i {
    display: inline-block
}

.product-part span {
    text-align: center;
    display: block;
    margin-bottom: 10px
}

.product-part .all-products {
    display: block;
    width: 100%;
    margin-bottom: 40px
}

.product-part .all-products .img-part {
    width: 140px;
    height: auto;
    display: block;
    float: left;
    position: relative;
    text-align: center
}

.product-part .all-products .img-part figure {
    display: block;
    width: 100%;
    opacity: .3
}

.product-part .all-products .img-part figure img {
    display: block;
    width: 100%;
    height: auto
}

.product-part .all-products .img-part a {
    font-size: 12px;
    color: #555;
    font-weight: 700;
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    right: 0;
    transition: .3s;
    -webkit-transition: .3s;
    box-sizing: border-box;
    padding: 5px 5px 5px 0;
    margin-top: -10px
}

.product-part .all-products .img-part:hover a {
    background: #7d359b;
    text-decoration: none;
    color: #fff
}

.facilitie {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #608FDD !important;
    /* padding: 125px 0; */
    min-height: 531px;
}

.facilitie .facility-wrapper {
    max-width: 1100px;
    width: 100%;
    text-align: right;
    margin: 0 0 0 auto;
    padding: 50px 0;
}

/* .facilitie .facility-part {
    max-width: 1170px;
    display: table-cell;
    vertical-align: middle
} */

.facilitie h2 {
    font-size: 60px;
    color: #ffffff;
    margin: 0 0 40px;
}

.facilitie p {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 0
}

.blog-post-block {
    display: block;
    /* border-bottom: 1px solid #dbdbdb; */
    padding: 60px 0;
}

.blog-post-block .blog-part-wrapper {
    display: flex;
    gap: 50px;
    margin-top: 36px;
}

.blog-post-block .blog-post-title {
    text-transform: uppercase;
    text-align: center;
    color: #2f3028;
    margin-bottom: 10px;
}

.blog-post-block span {
    font-size: 48px;
    display: block;
    text-align: center;
    color: #2f3028;
    font-weight: 400;
    line-height: 65px
}

.blog-post-block .block-part {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    border: 1px solid #CBCBC9;
    /* width: 550px;
    height: auto;
    display: block;
    float: left;
    margin-right: 70px;
    box-sizing: border-box;
    padding: 10px */
}

/* .blog-post-block .block-part.last {
    margin: 0
} */

.blog-post-block .block-part .blog-title {
    display: flex;
    align-items: center;
    padding: 16px 45px;
    background-color: #f8f8f8;
    /* font-size: 20px;
    line-height: 30px;
    color: #555;
    font-weight: 700;
    margin: 25px 0px 15px 0px; */
}

.blog-post-block .blog-title h2 {
    font-size: 40px;
    margin-bottom: 0;
    color: #608fdd;
}

.blog-post-block .block-part .blog-part-link {
    margin: 0;
}


.blog-post-block .block-part .blog-part-bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 39px 45px;
    background-color: #fff;
}

.block-part p {
    font-size: 24px;
    font-style: italic;
    line-height: 48px;
    margin-bottom: 38px;
    color: #2f3028;
    border-bottom: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
}

.read-more {
    font-size: 18px;
    color: #7d359b;
    font-weight: 700;
    margin-right: 30px;
    position: relative
}

.read-more:after {
    content: "";
    background: url(images/sprite.png) -205px -72px;
    display: block;
    width: 22px;
    height: 20px;
    position: absolute;
    right: -30px;
    top: 3px;
    transition: .5s;
    -webkit-transition: .5s
}

.read-more:hover:after {
    background-position: -205px -49px
}

.read-more:hover {
    text-decoration: none;
    color: #000
}

.location-recycle-block {
    width: 100%;
    display: block;
    margin-bottom: 45px
}

.location-recycle-block .block {
    width: 550px;
    display: block;
    background: #7d359b;
    padding: 20px 25px 17px 30px;
    box-sizing: border-box;
    margin-right: 70px;
    float: left;
    position: relative
}

.location-recycle-block .block:after {
    content: "";
    background: url(images/sprite.png) -36px -123px;
    display: block;
    position: absolute;
    right: 19px;
    top: 16px;
    width: 77px;
    height: 77px
}

.location-recycle-block .block.last {
    margin: 0
}

.location-recycle-block .block .block-title {
    font-size: 21px;
    color: #fff;
    font-weight: 700;
    line-height: 25px
}

.location-recycle-block .block p {
    font-size: 19px;
    color: #fff;
    font-weight: 300;
    line-height: 24px
}

.location-recycle-block .second-block {
    background: #1378c0
}

.location-recycle-block .second-block:after {
    content: "";
    background: url(images/sprite.png) -122px -121px;
    display: block;
    position: absolute;
    right: 19px;
    top: 16px;
    width: 75px;
    height: 85px
}

.map-part {
    display: block;
    width: 100%;
    margin-bottom: 50px
}

.map-part figure {
    display: block;
    width: 100%
}

.map-part figure img {
    display: block;
    width: 100%;
    height: auto
}

.adBox {
    float: left;
    display: inline;
    width: 274px;
    height: 204px;
    margin: 0 0 0 20px;
    padding: 10px 15px 0 18px
}

.adBox:first-child {
    margin: 0
}

.inMenu {
    float: right;
    margin: 0 0 30px
}

#content-area .inMenu nav ul li a {
    font-size: 14px
}

#content-area .inMenu nav ul {
    margin: 0
}

.inMenu nav {
    margin-bottom: 0;
    margin-top: 0;
    float: none
}

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

.footer2 {
    background: #222 url(img/bg2.png) left bottom repeat-x;
    min-height: 180px;
    padding: 35px 0 30px
}

.footer2_in {
    width: 980px;
    margin: 0 auto
}

.vboxDetails {
    float: left;
    display: inline;
    width: 92%;
    margin: 0 40px 37px 0
}

.vboxDetails div:first-child {
    width: 361px;
    float: left
}

.vboxDetails div:first-child ul li {
    width: 50%;
    float: left
}

.vboxDetails h4,
.blogOnHome h4 {
    color: #bbb;
    font-weight: 700;
    line-height: 25px;
    padding-left: 3px
}

.vboxDetails li,
.vboxDetails li a {
    line-height: 20px;
    color: #858585
}

.vboxDetails li a:hover {
    background-color: #fff;
    color: #333
}

.vboxDetails li a {
    padding: 0 3px
}

.blogOnHome {
    float: left;
    display: inline;
    width: 440px
}

.blogOnHome a {
    color: #709bc1
}

.blogOnHome a:hover {
    border-bottom: 1px dotted
}

.blogOnHome h5 a {
    font-weight: 700;
    font-size: 13px;
    line-height: 22px
}

.blogOnHome div.latest-post {
    margin-bottom: 15px
}

.blogOnHome p {
    line-height: 20px;
    color: #858585
}

.blogOnHome.left p {
    margin-bottom: 40px
}

.blogOnHome.left h4 img {
    margin-left: 15px
}

.blogOnHome p a {
    font-weight: 700
}

.blogOnHome .more {
    border-top: 1px solid #343434;
    color: #858585;
    font-size: 11px;
    margin: 20px 0 0;
    padding: 20px 0 0
}

.blogOnHome .more a {
    margin: 0 5px
}

.mainFooter {
    height: 90px;
    background: #222;
    padding: 18px 0 0
}

.mainFooter_in {
    width: 980px;
    margin: 0 auto;
    font-size: 11px;
    line-height: 20px
}

.mainFooter .copyright {
    float: left;
    display: inline
}

.mainFooter .copyright h5 {
    color: #717171
}

.mainFooter .copyright h6 {
    color: #a4a4a4
}

.mainFooter .copyright h6 a {
    color: #a4a4a4
}

.mainFooter .central h5 {
    color: #717171
}

.mainFooter span {
    padding: 0 8px
}

.mainFooter .address {
    float: right;
    display: inline
}

.mainFooter .address h5,
.mainFooter .address h5 a {
    color: #717171;
    text-align: right
}

.inHeader {
    padding: 0;
    margin-bottom: 10px
}

.inHeader:before,
.inHeader:after {
    content: "";
    display: table
}

.inHeader:after {
    clear: both
}

.inHeader {
    zoom: 1
}

.inHeader h2 {
    float: left
}

.locationImg {
    float: left;
    min-height: 35px;
    margin-bottom: 10px
}

.locationImg img {
    width: auto;
    height: auto;
}

body #content-area .leftSidebar {
    float: left;
    display: inline;
    clear: both;
    width: 20.3%;
    margin-bottom: 75px;
    background-color: #f0efed
}

body #content-area .leftSidebar ul {
    background: url(img/bg1.png) left top repeat-x;
    padding: 2px 0 0;
    margin: 0
}

body #content-area .leftSidebar ul li {
    background: url(img/bg1.png) left bottom repeat-x;
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-style: normal
}

body #content-area .leftSidebar ul li:before {
    display: none
}

body #content-area .leftSidebar ul li a {
    display: block;
    color: #555;
    line-height: 18px;
    font-size: 18px;
    /* padding: 10px 24px 10px 10px */
    padding: 20px;
}

body #content-area .leftSidebar ul li a:hover {
    color: #555;
    background: #e8e8e8 url(img/arrow1.png) 98% center no-repeat;
    text-decoration: none
}

body #content-area .leftSidebar ul li.current_page_item a {
    background: #e8e8e8 url(img/arrow1.png) 98% center no-repeat;
    font-weight: 700;
    letter-spacing: -1px
}

.rightContent {
    display: inline-block;
    width: 77.7%;
    margin-left: 2%
}

.rightContent h1 {
    font-size: 40px;
    color: #222;
    padding: 0 0 15px;
    margin-bottom: 0
}

/* .rightContent p {
    line-height: 1.5;
    margin-bottom: 10px
} */
.rightContent .header2,
.fullContent .header2 {
    background: #eaeaea;
    margin: 35px 0 20px
}

.rightContent .header2 span,
.fullContent .header2 span {
    font-size: 28px;
    font-weight: 700;
    /* background: #f5f5f5; */
    color: #222;
    padding: 4px 10px 2px 0
}

.hProduct {
    border-bottom: 1px solid #e1e1e1;
    padding: 60px 0
}

.hProduct .prodDesc h3 a {
    font-size: 28px;
    font-weight: 700;
    color: #555;
    z-index: 1;
    position: relative
}

.hProduct .prodImg {
    float: left;
    width: 150px;
    height: 150px;
    text-align: center;
    margin: 0 9% 0 0
}

.hProduct .sized {
    padding-top: 90px
}

.hProduct .prodDesc {
    padding: 10px 0;
    float: left;
    display: inline;
    width: 72%
}

.hProduct .prodDesc span {
    font-weight: 700;
    padding: 0 5px 0 0;
    color: #333
}

#content-area .hProduct .prodDesc ul {
    margin: 8px 0 10px
}

#content-area .hProduct .prodDesc ul li {
    font-size: 14px;
    line-height: 18px;
    color: #555;
    margin: 0;
    font-weight: 400;
    font-style: normal
}

#content-area .hProduct .prodDesc ul li:before {
    display: none
}

.hProduct .prodDesc p {
    margin: 0 !important
}

.hProduct .prodDesc .quote {
    background: #1478bf none repeat scroll 0 0;
    box-shadow: 3px 2px 0 0 rgba(130, 130, 131, 0.27);
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    min-height: 40px;
    line-height: 20px;
    margin: 20px 0 25px;
    padding: 10px 38px 10px 10px;
    position: relative;
    max-width: 364px;
    width: 100%
}

.hProduct .prodDesc .quote:after {
    right: 11px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    background: url(images/sprite.png) -205px -23px;
    display: block;
    width: 22px;
    height: 20px;
    position: absolute
}

.hProduct .prodDesc .quote:hover {
    text-decoration: none;
    background: #0991f1
}

a.quote-stock {
    background: url(img/quote-stock.png) left top no-repeat;
    display: block;
    width: 215px;
    height: 28px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 28px;
    text-indent: -9999px;
    margin: 15px 0 0
}

.hProduct .morebtn {
    background: url(img/morebtn.png) left top no-repeat;
    display: inline-block;
    width: 143px;
    height: 42px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 28px;
    text-indent: -9999px;
    margin: 15px 0 0
}

.hProduct .prodNav {
    border-top: 13px solid #eaeaea;
    margin: 10px 0 0;
    padding: 10px 0 0
}

.hProduct .prodNav a {
    color: #222
}

.hProduct .prodNav .navLeft {
    float: left;
    padding: 0 0 10px
}

.hProduct .prodNav .navRight {
    float: right;
    padding: 0 0 10px
}

.hProduct .product-icon {
    border: 1px #aaa solid
}

.QuoteButtonAlone {
    background: url(img/quote.png) left top no-repeat;
    display: block;
    width: 215px;
    height: 28px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 28px;
    text-indent: -9999px;
    margin: 0
}

.rightContent .top {
    text-align: right;
    margin: 0 0 10px
}

.rightContent .top a {
    display: block;
    background: url(img/top.png) right center no-repeat;
    padding: 10px 25px 10px 0;
    color: #555
}

.rightContent .top a:hover {
    border: none !important
}

.rightContent a,
.fullContent a {
    color: #4290D4
}

.fullContent .btn.secondary {
    color: #fff;
    margin-top: 20px;
}

.rightContent .btn.secondary {
    color: #fff;
    margin: 20px 0 25px;
}

.rightContent a:hover,
.fullContent a:hover {
    border-bottom: 0
}

p.editpost {
    margin: 20px 0 0
}

.fullContent .header_empty {
    background: #eaeaea;
    margin: -15px 0 25px
}

.fullContent .descTxt {
    padding: 0 0 10px;
    margin: 23px 0 30px;
    overflow: hidden
}

.fullContent .boxkind {
    float: left;
    width: 46%;
    min-height: 270px;
    margin-bottom: 30px;
    overflow: hidden;
    display: inline
}

.fullContent .fright {
    float: right
}

.boxkind .prodImg {
    float: left;
    width: 25%;
    /*height: 200px;*/
    text-align: center;
    margin: 0 3% 0 0
}

.boxkind .prodImg img {
    max-width: 100%
}

.boxkind .prodImg a:hover {
    border: none !important
}

.boxkind .prodDesc {
    padding: 0 0 10px;
    float: left;
    width: 72%;
    display: inline;
    color: #666
}

.boxkind .prodDesc .morebtn {
    background: url(img/morebtn.png) left top no-repeat;
    display: inline-block;
    height: 43px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 28px;
    text-indent: -9999px;
    margin: 15px 0 0;
    width: 143px
}

.boxkind h2 {
    font-size: 48px;
    border-bottom: 1px solid #d8d8d8;
    color: #222;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.boxkind .prodDesc .price {
    font-size: 13px;
    margin: 5px 0;
    font-weight: 700;
    color: #444
}

.boxkind .prodDesc .price img {
    margin: 0;
    vertical-align: middle
}

.prodDesc .price span {
    color: #aaa
}

.boxkind .prodDesc p {
    line-height: 1.5
}

.mainFooter a.hmanuf {
    color: #717171;
    text-decoration: none;
    cursor: text
}

.quoteform {
    display: block;
    background: #edebeb;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    clear: both;
    margin: 20px 0 40px
}

.quoteform .widget {
    display: block;
    background: #edebeb
}

.quoteform .widget img {
    display: block;
    float: left;
    width: 200px;
    height: auto;
    margin: -60px 0 0
}

.quoteform .widget_sp_image-description {
    padding: 10px 0 0;
    box-sizing: border-box
}

.quoteform h4 {
    font-size: 32px;
    margin: 20px 0 10px 190px;
    color: #7d359b;
    line-height: 1
}

.quoteform a {
    color: #4290D4
}

.quoteform a:hover {
    border-bottom: 1px dotted;
    text-decoration: none
}

.quoteform strong a {
    color: #444
}

.firstcol {
    float: left;
    font-weight: 700;
    text-align: center;
    width: 115px
}

.secondcol {
    float: left;
    text-align: left;
    width: 270px
}

.post {
    margin: 0 0 30px
}

.post p {
    margin: 10px 0 20px
}

.post h1,
.post h1 a {
    font-size: 28px;
    color: #222;
    line-height: 34px;
    letter-spacing: -.04em
}

.post h2,
.post h2 a,
.post h3,
.post h3 a {
    font-size: 20px;
    color: #222;
    line-height: 34px;
    letter-spacing: -.04em
}

.post h2 a:hover {
    border-bottom: 1px dotted
}

.post h3,
.post h3 a {
    font-size: 28px;
    color: #222;
    line-height: 34px;
    letter-spacing: -.04em
}

.post h3 a:hover,
.fullContent h3 a:hover,
.rightContent h3 a:hover {
    border-bottom: 1px dotted;
    text-decoration: none
}

.post ul {
    display: list-item
}

.post li {
    margin-left: 20px;
    line-height: 20px;
    padding-top: 2px;
    padding-bottom: 2px
}

.fullContent h3,
.fullContent h3 a,
.rightContent h3,
.rightContent h3 a,
.post h3,
.post h3 a {
    color: #222;
    font-size: 18px;
    margin: 0 0 10px
}

p.postdata {
    margin: 0
}

.postnavi {
    float: left;
    width: 100%;
    margin: 20px 0
}

.postnavi a {
    color: #4290D4
}

.postnavi a:hover {
    border-bottom: 1px dotted
}

.postnavi .newer,
.postnavi .older {
    float: left;
    width: 48%;
    text-align: left
}

.postnavi .older {
    float: right;
    text-align: right
}

.commentlist {
    list-style: none;
    padding: 0;
    margin: 20px 0 30px
}

.commentlist li {
    margin: 15px 0;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 15px
}

.commentlist p {
    margin-top: 5px
}

.commentmetadata {
    color: #666;
    font-size: 11px
}

.commentmetadata cite {
    font-weight: 700;
    color: #222;
    font-style: normal
}

#comments,
#respond {
    font-size: 16px;
    letter-spacing: -.02em;
    color: #222;
    border-top: 1px solid #dcdcdc;
    padding-top: 20px
}

#respond {
    font-size: 18px;
    border: none;
    padding: 0;
    margin-bottom: 15px
}

.post a,
#commentform a {
    color: #4290D4
}

.post a:hover,
#commentform a:hover {
    border-bottom: 1px dotted
}

#commentform input,
#commentform textarea {
    border: 1px solid #dcdcdc;
    font-size: 14px;
    padding: 5px;
    line-height: 1.5em
}

#commentform textarea {
    height: 200px;
    width: 85%;
    overflow: auto
}

#commentform input {
    width: 300px
}

#commentform p {
    margin-top: 10px
}

#commentform small {
    font-size: 11px
}

#commentform #submit {
    display: block;
    background: url(img/c_submit.png) left top no-repeat;
    width: 74px;
    height: 28px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 28px;
    text-indent: -9999px;
    margin: 5px 0 0;
    padding: 0 !important;
    border: none !important;
    cursor: pointer
}

#commentform label {
    cursor: pointer
}

.collinks ul {
    margin: 0 0 10px
}

.collinks ul li {
    margin-bottom: 5px
}

.nhover {
    overflow: hidden;
    margin: 10px 0
}

.nhover a img {
    border: 4px solid #E8E8E8;
    margin: 0 8px 8px 0;
    float: left
}

.nhover a:hover img {
    border-color: #1478bf
}

.contactWrap .contactform {
    float: left;
    padding: 0 0 100px;
    width: 475px;
    display: inline;
    margin: 0 75px 0 0
}

.contactWrap h1 {
    font-size: 18px;
    color: #222;
    padding: 0 0 5px;
    font-weight: 700
}

.contactWrap .contactform label {
    display: block;
    padding: 15px 0 5px
}

.contactWrap .contactform input {
    border: 1px solid #dcdcdc;
    width: 310px;
    padding: 6px 5px
}

.contactWrap .contactform textarea {
    display: block;
    border: 1px solid #dcdcdc;
    width: 460px;
    height: 180px;
    padding: 6px
}

.contactWrap .contactform #contactsubmit {
    border: 0;
    width: 74px;
    height: 28px;
    background: url(img/submit.png) left top no-repeat;
    cursor: pointer;
    text-indent: -9999px;
    font-size: 0;
    display: block;
    line-height: 0
}

.contactWrap .location {
    float: left;
    width: 40%;
    padding: 0 0 100px;
    margin-top: -5em
}

.contactWrap .location h6 {
    background: url(img/bg1.png) left bottom repeat-x;
    padding: 0 0 10px;
    margin: 0;
    font-size: 18px;
    line-height: 1.5
}

.contactWrap .location .address {
    background: url(img/bg1.png) left bottom repeat-x;
    padding: 15px 0
}

.contactWrap .location .address b {
    font-size: 24px;
    color: #222;
    padding: 0 0 8px;
    font-weight: 700;
    display: block
}

.contactWrap .location .address .colbox {
    float: left;
    display: inline;
    width: 50%;
    line-height: 30px
}

.contactWrap .location .address .map {
    border: 10px solid #dcdcdc;
    margin: 15px 0 0;
    height: 160px;
    clear: both
}

br.clear {
    display: none
}

.contactright,
.contactleft {
    padding: 0 !important
}

strong {
    font-weight: 700
}

.hProduct .prodImg {
    height: 1%;
    min-height: 100px;
    padding-bottom: 1px;
    overflow: hidden;
    width: 19%
}

.hProduct {
    overflow: hidden;
    height: 1%
}

.product-detail.second .hProduct {
    margin-top: 20px
}

.nhover a:hover {
    border-bottom: none !important
}

.p404 {
    padding: 10px 0
}

.p404 p {
    margin: 10px 0 5px
}

.p404 ul {
    list-style: circle inside;
    margin-left: 10px
}

.p404 h2 {
    color: #222;
    font-size: 28px;
    letter-spacing: -.04em;
    line-height: 34px
}

ul.pholder {
    margin-top: 25px
}

table.pricetable {
    width: 100%;
    border: none;
    margin-bottom: 5px
}

.pricetable th {
    text-align: left
}

.pricetable th,
.pricetable .subhead {
    padding: 10px 0 0;
    font-weight: 700;
    font-size:20px;
}

.radios input {
    width: auto !important;
    vertical-align: middle
}

.radios label {
    display: inline !important;
    padding: 15px 20px 5px 5px !important
}

#wpa_marquee a {
    color: #4290D4;
    font-size: 20px
}

#wpa_marquee a:hover span {
    text-decoration: underline
}

#wpa_marquee {
    padding: 20px 0 10px;
    margin: 0 0 10px;
    height: 30px;
    border-top: 1px solid #D8D8D8
}

#slideshow-plus {
    width: 961px;
    margin: 0 auto
}

#twoboxes {
    margin-bottom: 19px
}

#slideshow-left {
    background: #ebebeb;
    width: 617px;
    float: left;
    padding: 1px 8px;
    height: 240px
}

#slideshow-left .text {
    width: 265px;
    float: left;
    margin-right: 35px;
    padding: 10px 15px 15px 10px
}

#slideshow-left img {
    float: right
}

#slideshow-left h3 {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 24px
}

#slideshow-right {
    background: #ebebeb;
    background-image: url(img/aboutBoxes.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 274px;
    float: right;
    padding: 10px 15px 0 18px;
    height: 230px
}

#slideshow-right h3 {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 24px
}

#slideshow-right a {
    color: #4290d4;
    font-weight: 700;
    margin: 0 0 0 5px
}

#slideshow-right a:hover {
    border-bottom: 1px dotted
}

#slideshow-right p {
    line-height: 20px
}

#green-plus {
    width: 961px;
    margin: 0 auto
}

#green-left {
    background: #ebebeb;
    width: 297px;
    float: left;
    padding: 5px;
    height: 195px
}

#green-left .text {
    width: 265px;
    float: left;
    margin-right: 35px;
    padding: 10px 15px 15px 10px
}

#green-left img {
    float: right
}

#green-left h3 {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 24px
}

#green-left a {
    color: #4290d4;
    font-weight: 700;
    margin: 0 0 0 5px
}

#green-left a:hover {
    border-bottom: 1px dotted
}

#green-right {
    background: #dffee6;
    width: 634px;
    float: right;
    padding: 5px 0;
    height: 195px
}

#green-right h3 {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 24px
}

#green-right a {
    color: #4290d4;
    font-weight: 700;
    margin: 0 0 0 5px
}

#green-right p {
    line-height: 20px
}

#careers .text {
    width: 265px;
    float: left;
    margin-right: 35px;
    padding: 10px 15px 15px 10px
}

#careers img {
    float: right
}

#careers h3 {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 24px
}

#home td {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 7px;
    vertical-align: top;
    line-height: 145% !important
}

.cf:before,
.cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

.cf:before,
.cf:after {
    content: "";
    display: table
}

.clear {
    clear: both;
    font-size: 1px;
    line-height: 1px
}

.tell-block {
    height: 22px;
    float: right;
    padding: 0 200px 0 0
}

.tell-block li {
    float: left;
    height: 22px;
    line-height: 22px;
    color: #fff;
    font-size: 11px
}

.tell-block li span,
.tell-block li span a {
    font-size: 11px;
    font-weight: 700;
    color: #fff
}

.indent-1 {
    padding-left: 15px
}

.indent-2 {
    padding-left: 30px
}

.indent-3 {
    padding-left: 45px
}

.art-list-title {
    font-weight: 700
}

.art-list-date {
    font-size: 10px
}

img.alignright {
    float: right
}

img.alignleft {
    float: left
}

.mobile_menu {
    display: none
}

.logo-section {
    width: 960px;
    margin-top: 0;
    margin-right: 5px;
    font-size: 14px
}

.logo-section img.alignleft {
    margin: 3px 60px 0 0
}

.logo-section a {
    color: #707070;
    margin-right: 21px
}

.logo-section a,
.logo-section p {
    line-height: 53px
}

.logo-section h5 {
    margin-top: 15px;
    margin-right: 5px;
    font-size: 14px;
    letter-spacing: -1px;
    color: #1579c0;
    text-align: center;
    font-weight: 700;
    clear: both
}

.logo-section h5 a {
    font-size: 14px;
    color: #1579c0;
    padding: 0;
    margin: 0
}

.home-video {
    width: 425px;
    height: 240px;
    margin-top: 5px
}

.homebox-slide {
    float: right;
    width: 290px
}

.footer_left {
    float: left;
    display: inline;
    width: 540px
}

.rightContent iframe {
    margin-top: 20px;
    max-width: 100%
}

.mainFooter .central {
    float: left;
    width: 320px;
    margin-left: 80px
}

.mainFooter .social-links {
    margin-left: 14px;
    margin-top: 4px
}

.mainFooter .social-links a {
    display: inline-block;
    width: 24px;
    height: 24px
}

.mainFooter .social-links a.google_icon {
    background: url(img/icon-google-plus-24.png) left top no-repeat
}

.mainFooter .social-links a.fb_icon {
    background: url(img/icon-fb-24-t.png) left top no-repeat
}

.mainFooter .social-links a.twt_icon {
    background: url(img/icon-twitter-24-t.png) left top no-repeat
}

.mainFooter .social-links a.blog_icon {
    background: url(img/icon-blog-orange-24.png) left top no-repeat
}

.mainFooter .social-links a.tumblr_icon {
    background: url(img/icon-tumblr-24.png) left top no-repeat
}

.mainFooter .social-links a.pin_icon {
    background: url(img/icon-pinterest-24.png) left top no-repeat
}

#careers {
    margin: 19px 0
}

.footer-img-widt {
    color: #848684
}

.footer-img-widt a {
    color: #739ac6;
    font-weight: 700
}

.footer-img-widt img {
    margin-right: 10px
}

#careers h3 {
    color: red;
    padding-bottom: 5px
}

#careers p {
    margin-bottom: 15px
}

#careers p a {
    color: #707070
}

#careers p a:hover {
    color: #000
}

#FSContact1 input,
#FSContact2 input {
    width: 100%;
    box-sizing: border-box
}

#FSContact1 textarea,
#FSContact2 textarea {
    width: 100%;
    box-sizing: border-box;
    max-width: none !important
}

#FSContact1 input[type='submit'],
#FSContact2 input[type='submit'] {
    margin: 10px 0 !important;
    width: auto
}

.custom-h1 {
    display: inline-block;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 55px;
    color: #147ac2;
    text-shadow: 2px 2px #e2e2e2;
    font-weight: 700;
    line-height: 70px
}

.home-header {
    font-family: 'PT Sans', sans-serif;
    color: #363636;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 28px;
    display: block
}

.years-label {
    display: inline-block;
    float: right;
}

.cf7-block {
    background: url('img/contact-form-background.jpg') right top no-repeat #ededed;
    min-height: 312px !important
}

#wpcf7-f4672-p4643-o1 {
    margin-top: 20px
}

.cf7 {
    width: 100% !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    border: 1px solid #a2a2a2 !important;
    margin-bottom: 8px !important;
    padding: 5px !important;
    font-family: 'PT Sans', sans-serif !important;
    font-size: 14px !important;
    color: #7b7b7b !important
}

.cf7quiz {
    width: 69% !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    border: 1px solid #a2a2a2 !important;
    margin-bottom: 0 !important;
    padding: 3px !important;
    font-family: 'PT Sans', sans-serif !important;
    font-size: 14px !important;
    color: #7b7b7b !important;
    float: right
}

#wpcf7-f4672-p4643-o1 textarea {
    margin-top: 0 !important;
    margin-bottom: 8px !important
}

#wpcf7-f4672-p4643-o1 p {
    margin-bottom: 0 !important
}

.cf7left {
    display: block;
    width: 63%;
    float: left
}

.cf7right {
    display: block;
    width: 35%;
    float: right;
    background: #ec5627;
    min-height: 105px;
    text-align: center
}

.cf7send {
    background: none;
    font-family: 'PT Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-shadow: 2px 2px #d24b22;
    color: #fff;
    text-transform: uppercase;
    line-height: 103px;
    width: 100%
}

.cf7send:hover {
    background: #333
}

#wpcf7-f4672-p4643-o1 .wpcf7-mail-sent-ok {
    display: block;
    top: 22px;
    position: absolute;
    border: none;
    font-size: 112%;
    left: 10px;
    padding: 0 8px;
    background: #E04615;
    color: #fff;
    z-index: 9999
}

.home-text {
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    color: #363636
}

.save-block {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 15px !important;
    background: url(img/save-background.png) right bottom no-repeat #ededed;
    min-height: 145px
}

.free-estimate-block {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding-top: 15px !important;
    min-height: 145px
}

.product-wrapper {
    padding-right: 0 !important
}

.product-block {
    display: inline-block;
    width: 191px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin-right: 10px;
    background: #ebebeb;
    text-align: center;
    float: left
}

.last-product {
    margin-right: 0 !important
}

.product-title {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    color: #363636;
    display: block;
    height: 30px
}

.product-button {
    margin-bottom: 20px !important
}

.as-seen-on {
    display: inline-block;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    background: #ebebeb;
    min-height: 185px
}

.smallQuantityWrap {
    float: left;
    clear: left;
    display: inline-block;
    margin-bottom: 20px;
    width: 20.3%
}

table.bxtbl td>img {
    vertical-align: middle
}

.ncf_sidebar_push #ncf-body-bg {
    height: 100% !important
}

.custom-boxes .box-block .box-right-part .box-title {
    float: none;
    clear: both;
    overflow: hidden;
}

.new-block {
    display: inline-block;
    vertical-align: top;
    min-height: 44px;
}

.new-block p {
    color: #456e8a;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 0;
}

.new-block a {
    color: #006a2a;
    text-decoration: underline;
}

.new-block a:hover {
    color: #006a2a;
    text-decoration: none;
}

.new-block.cf>img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

/* .blank {
    height: 252px;
} */
.header-top .search-block .open {
    pointer-events: none;
}

.remove-bg {
    /*background: #f5f5f5 none repeat scroll 0 0;*/
    background: none !important;
    display: block;
    margin-bottom: 20px;
    padding: 45px 0 40px;
    width: 100%;
}

.custom-box-left-part .view-more-btn {
    width: auto;
    padding-right: 49px;
}

@media (max-width: 480px) {
    .remove-bg .custom-box-left-part .view-more-btn {
        width: 360px;
        max-width: 100%;
        font-size: 16px;
        height: auto;
        line-height: 25px;
        padding: 7px 34px 7px 14px;
    }

    .remove-bg .custom-box-left-part .view-more-btn:after {
        top: calc(50% - 13px)
    }

    /* .slider.home-slider {
        display: none;
    } */
}

@media (max-width: 767px) {
    .remove-bg .custom-box-left-part .view-more-btn {
        width: 360px;
        max-width: 100%;
        font-size: 16px;
        height: auto;
        line-height: 25px;
        padding: 7px 34px 7px 14px;
    }

    .remove-bg .custom-box-left-part .view-more-btn:after {
        top: calc(50% - 13px)
    }

    .sidebar-footer {
        display: block !important;
    }

    .left-sidebar-content {
        display: none;
    }

    /* .slider.home-slider {
        display: none;
    } */
}

/* 26/04/2019  */
.sidebar-footer .inHeader,
.sidebar-footer {
    display: none
}

/*  25/07/2019 */
/* .rightContent a {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 8px 0;
} */
.rightContent a img {
    margin: 0;
    display: block;
}

.rightContent a .galleryImageCaption {
    display: block;
    text-align: center
}

@media (min-width: 768px) {
    .mob-banner {
        display: none;
    }
}

/*  30/07/2021 */
.location-recycle-block.page-subcat-temp {
    margin-bottom: 10px
}

.location-recycle-block.page-subcat-temp .block {
    max-width: 100%;
    width: 100%;
    padding: 10px;
    color: #ffffff;
    margin: 0 0 10px;
}

.location-recycle-block.page-subcat-temp .block:after,
.location-recycle-block .second-block:after {
    display: none;
}

.location-recycle-block.page-subcat-temp .second-block {
    background: #1378c0;
}

.location-recycle-block.page-subcat-temp .block .block-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
}

.location-recycle-block.page-subcat-temp .block .left-phn {
    font-size: 16px;
    line-height: 32px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) {
    .location-recycle-block.page-subcat-temp .block .block-title {
        font-size: 13px;
        line-height: 16px;
        font-weight: normal;
    }

    .location-recycle-block.page-subcat-temp .block .left-phn,
    .location-recycle-block.page-subcat-temp .block .left-time {
        font-size: 10px;
        line-height: 20px;
    }
}

footer .footer-img {
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 50px 0;
}

footer .footer-img .footer-img-title {
    font-size: 40px;
    font-weight: 700;
    color: #2e2f27;
    margin-bottom: 30px;
    line-height: 1;
}

footer .footer-top-right .social-part .fb-icon {
    /* background: url(<?php echo $fbIconImageUrl; ?>); */
}

footer .footer-top-right .twitter-icon {
    /* background: url(<?php echo $twitterImageUrl; ?>); */
}

footer .footer-top-right .gmail-icon {
    /* background: url(<?php echo $gmailImageUrl; ?>); */
}

footer .footer-top-right .pinterest-icon {
    /* background: url(<?php echo $pintrestImageUrl; ?>); */
}

footer .footer-top-right .tumblr-icon {
    /* background: url(<?php echo $tumblrImageUrl; ?>); */
}

footer .footer-top-right .universal-blog-icon {
    /* background: url(<?php echo $universalImageUrl; ?>); */
}

footer .footer-top-right .linkedin-icon {
    /* background: url(<?php echo $linkedinImageUrl; ?>); */
}

/* 02-March-23 */
.custom-boxes-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.custom-boxes .custom-boxes-grid .box-block,
.custom-boxes-grid .box-block {
    margin: 0;
    width: auto;
}

/* 07-March-23 */
img.rounded-corners {
    border-radius: 30px;
    border: 1px solid #d1d1d1;
    margin: 30px 0 30px 30px;
    padding: 6px
}

.social-part a {
    transition: all 0.3s;
    transform: translateY(0)
}

.social-part a:hover {
    opacity: 0.8;
    transform: translateY(-5px);
}

img.dollar-sign {
    margin: 0 0 20px 0;
}

.home-bg {
    background-color: #ffffff;
}

/* hero-banner */
.banner-section .owl-main {
    display: flex;
    align-items: center;
    /* padding: 50px 0; */
    margin: 0 -25px;
    gap: 10px;
}

.banner-section .container {
    --container-width: 1180px;
    --gutter: 50px;
}

.shipping-content .container {
    --container-width: 1200px;
    --gutter: 40px;
}

.banner-section .banner {
    padding: 67px 0;
}

.banner-section .owl-main:not(:first-of-type) {
    display: none;
}

.banner-section .owl-main .owl-left {
    flex: 1;
    /* width: 44%; */
    margin: 0;
}

/* 
.banner-section .owl-main .owl-right {
    width: 56%;
} */

.banner-section .owl-main .owl-left,
.banner-section .owl-main .owl-right {
    padding: 0 25px;
}

.banner-section .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 37px;
    margin-top: 32px;
    width: 100%;
}

.banner-section .owl-content h3 {
    font-size: 28px;
}

.banner-section .owl-nav .owl-prev,
.banner-section .owl-nav .owl-next {
    position: initial;
    margin: 0;
}

/* Proudly Canadian Section  */
.proudly-canadian {
    padding: 20px 0;
    background-color: #f3f3f3;
    margin-top: 50px;
}

.proudly-canadian .container {
    --container-width: 1200px;
    --gutter: 40px;
}

.proudly-canadian .pc-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.proudly-canadian .pc-title {
    text-align: center;
}

.proudly-canadian .pc-title h3 {
    color: #608fdd;
    margin-bottom: 0;
}

.proudly-canadian .pc-image-left {
    max-height: 138px;
    margin: 0;
}

.proudly-canadian .pc-image-left img,
.proudly-canadian .pc-image-right img {
    max-width: max-content;
    height: 100%;
    object-fit: contain;
}

.proudly-canadian .pc-image-right {
    max-height: 87px;
    margin: 0;
}

/* Box Supplier CTA  */

.box-supplier-cta {
    background-color: #fff;
    padding: 75px 0;
}
/*
.box-supplier-cta p img {
    width: 158px;
    height: 150px;
}
*/
.box-supplier-cta .bsc-link {
    margin-top: 38px;
}

/* Shipping Content  */

.shipping-content .owl-main {
    flex-direction: row-reverse;
}

/* .shipping-content .owl-left {
    width: 52% !important;
}

.shipping-content .owl-right {
    width: 48% !important;
} */

.shipping-content .banner {
    padding: 38px 0;
}

/* Product Packaging  */

.packaging-content .banner {
    padding: 28px 0;
}

/* .packaging-content .owl-left {
    width: 66% !important;
}

.packaging-content .owl-right {
    width: 34% !important;
} */

/* custom-boxes  */
.custom-boxes .container ,
.fullContent .container {
    --container-width: 1220px;
    --gutter: 20px;
}

.custom-boxes .custom-boxes-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 43px;
}

.custom-boxes .box-block {
    padding: 0;
}

.custom-boxes .box-block .box-right-part {
    padding: 28px;
}

/* custom-box  */

.custom-box {
    background-color: #608FDD;
    padding: 50px 0;
}

.custom-box .custom-box-wrapper {
    display: flex;
    align-items: center;
    margin: 0 -50px;
}

.custom-box .custom-box-left-image {
    width: 44%;
    padding: 0 50px;
}

.custom-box .custom-box-left-image a {
    display: block;
}

.custom-box .custom-box-right-content {
    flex: auto;
    width: 56%;
    padding: 0 50px;
}

/* Ad Block  */
.ad-block-wrap {
    margin: 50px 0;
}

.ad-block-wrap .container {
    --container-width: 1170px;
    --gutter: 55px;
}

/* CUSTOM RSC BOXES  */
.custom-rsc-box {
    margin: 50px 0;
}
.custom-rsc-box .crb-description p {
    color: #323232;
}

.custom-rsc-box .crb-description li:not(:last-child) {
    margin-bottom: 20px;
}

.custom-rsc-box .crb-description p a ,
.custom-rsc-box .crb-description li a {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif, Arial, Helvetica, sans-serif;
    font-style: normal;
    color: #608fdd;
    text-transform: uppercase;
}

.custom-rsc-box .crb-description .crb-link {
    margin-top: 15px;
}

.custom-rsc-box .box-guid  {
    margin-top: 20px;
    float: none;
}

.custom-rsc-box .box-guid span a {
    font-size: 20px;
    color: #608fdd;
}

/* shipping-supplies  */
.shipping-supplies {
    padding: 50px 0;
}

.shipping-supplies .ss-description p {
    color: #323232;
}

.shipping-supplies .ss-description p a {
    font-size: 18px;
    font-weight: 700;
    color: #608fdd;
}

.shipping-supplies .ss-description .ss-link {
    margin-top: 15px;
}

/* video-block  */
.video-block {
    padding: 115px 0;
}

.video-block .video-block-wrap {
    display: flex;
    align-items: center;
    margin: 0 -16px;
    gap: 10px;
}

.video-block .video-block-left {
    flex: 1;
    /* width: 56%; */
    padding: 0 16px;
    margin: 0;
}

.video-block .video-block-left h2 {
    font-size: 60px;
}

.video-block .video-block-right {
    max-width: 519px;
    width: 100%;
    padding: 0 16px;
}

.video-block .video-part {
    position: relative;
    padding-top: 58%;
    float: unset;
}

.video-block .video-part img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* global button  */

.btn {
    display: inline-block;
    font-size: 36px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 13px 82px;
    /* background-color: #7c359a; */
    background-color: rgba(124, 53, 154, 1);
    color: #ffffff;
    line-height: 1;
    transition: 0.3s;
}

.btn.green {
    background-color: rgb(40, 167, 26);
}

.btn.green:hover {
    background-color: rgba(39, 255, 15, 0.7);
}

.btn.secondary {
    position: relative;
    font-size: 24px;
    padding: 12px 90px 12px 14px;
}

.btn.secondary::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 48px;
    height: 100%;
    transform: translateY(-50%);
    background: #608FDD url('images/btn-arrow.png') no-repeat center;
    background-size: 32px 32px;
}

.btn:hover {
    /* background-color: #000; */
    background-color: rgba(124, 53, 154, 0.8);
    color: #fff;
    text-decoration: none;
}

.header-height {
    display: none;
    height: 188.92px;
}

.subcast-img-center .hProduct .prodDesc span:has(.thickbox),
.ind-img-center .hProduct .prodDesc span:has(.thickbox),
.subcast-img-center .hProduct .prodDesc p:has(.thickbox),
.ind-img-center .hProduct .prodDesc p:has(.thickbox){
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin: 0 0 15px !important;
}

.subcast-img-center .hProduct .prodDesc span .thickbox,
.ind-img-center .hProduct .prodDesc span .thickbox ,
.subcast-img-center .hProduct .prodDesc p .thickbox,
.ind-img-center .hProduct .prodDesc p .thickbox{
    display: inline-block;
    margin: 0;
}