@font-face
{
  font-family:'FontAwesome';
  src:url('./fontawesome-webfont.eot');
  src:url('./fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/fontawesome-webfont.woff') format('woff'),
  url('../fonts/fontawesome-webfont.ttf') format('truetype'),
  url('../fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight:normal;
  font-style:normal
}

@font-face {
    font-family: 'Poppins';
    src: local('Poppins Light'), local('Poppins-Light'),
        url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: local('Poppins Medium'), local('Poppins-Medium'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: local('Poppins Bold'), local('Poppins-Bold'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pompei Std';
    src: local('Pompei Std Regular'), local('PompeiStd-Regular'),
        url('../fonts/PompeiStd-Regular.woff2') format('woff2'),
        url('../fonts/PompeiStd-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {padding: 0;margin: 0;font-family: 'Pompei Std';font-weight: 400;overflow-x: hidden;background:#fff;}
html, body {width: 100%;height: 100%}
a {text-decoration: none;color: #123e46;transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-ms-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;}
a:hover {text-decoration: none!important;cursor: pointer; color: #123e46;}
a:focus {text-decoration: none;transition: all 1s ease}
:focus {outline: none!important}
::-moz-selection {background-color:#000;color:#fff}
::selection {background-color: #000;color: #fff}   
img {max-width: 100%;height: auto}
p {font-family: 'Pompei Std';font-style: normal;font-weight: 500;font-size: 16px;line-height: 26px;color: #666;}
p a {color: #123e46;}
p strong {color: #123e46; font-weight: 500;}
p a:hover {color: #d7b56d;}
ul, ol, ul li, ol li {margin: 0;padding: 0;}
ul li a, ol li a {color: #000;}
ul li a:hover, ol li a:hover {color: #d7b56d;}
figure, address {margin: 0;}
input, textarea, select, button {border-radius: 0;-webkit-box-shadow: none;box-shadow: none;outline: none;}
input:focus, textarea:focus, select:focus, button:focus { outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
h1, h2, h3, h4, h5, h6 {font-family: 'Pompei Std';font-style: normal;font-weight: 400;color: #000;margin-bottom: 15px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #123e46;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {color: #123e46;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #d7b56d;}
h1 {font-size: 32px;line-height: 36px;}
h2 {font-size: 28px;line-height: 34px;}
h3 {font-size: 24px;line-height: 28px;}
h4 {font-size: 22px;line-height: 26px;}
h5 {font-size: 20px;line-height: 24px;}
h6 {font-size: 16px;line-height: 20px;}
select::-ms-expand {display: none;}
select {-moz-appearance: none;}
.alignleft {float: left;margin-right: 1.5em;margin-bottom: 15px;margin-top: 8px;}
.alignright {float: right;margin-left: 1.5em;margin-bottom: 15px;margin-top: 8px;}
.aligncenter {clear: both;display: block;margin: 0 auto 15px}
.default-css ul , .default-css ol{ margin-bottom: 20px; }
.default-css ol {padding-left: 18px;}
.default-css ul li, .default-css ol li { font-family: 'Pompei Std'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; color: #666; margin: 0 0 7px; }
.default-css ul li a, .default-css ol li a {color: #123e46}
.default-css ul li strong, .default-css ol li strong {color: #123e46;font-weight: 400;}
.default-css ul li a:hover, .default-css ol li a:hover {color: #d7b56d}
.default-css ul li {list-style: none; background: url(../images/list-arrow.png) no-repeat; background-position: 0 5px; padding-left: 26px; background-size: 18px; }
.floating-icon {position: fixed;right: -107px;top: 50%;transform: translateY(-50%);z-index: 11;transform: rotate(-90deg);}
.floating-icon a {padding: 18px 40px;display: inline-block;color: #000;text-align: center;font-family: Pompei Std;font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;background: #FFF; box-shadow: 0px 0px 20px 0px rgba(48, 69, 124, 0.20);} .floating-icon a strong{color: #123e46}
.floating-icon a:hover {color: #fff;background: #123e46;}
.default-section{ padding:100px 0 ; }


.modal-backdrop.show { opacity: .9; }
.video-show { position: absolute; top: 50%; transform: translate(-50% , -50%); left: 50%; }
.modal.popup-form button.close {opacity: 1;position: absolute;right: 30px;top: 30px;font-size: 26px;font-weight: normal;color: #fff;cursor: pointer;/* text-shadow: none; */ background: transparent;border: none;}
.popup-form .modal-body { padding: 0; }
.popup-form .modal-content { border-radius: 0; background: transparent; } 
.popup-form .form-hero { padding: 25px 35px 35px; }


/* heading */
.heading-title { margin-bottom: 15px; font-style: normal; line-height: 52px; color: #123e46; font-family: 'Pompei Std'; font-size: 55px; font-weight: 400; letter-spacing: 4px; }
.heading-title strong { color: #000000; font-weight: 700; }
.sub-title { margin-bottom: 20px; font-style: normal; line-height: 34px; font-family: Pompei Std; color: #d7b56d; font-size: 30px; font-weight: 400;  }

 .single-product .nav-div a img {
    filter: brightness(0);
}
.header-section.sticky .single-product .nav-div a img {
    filter: brightness(0) invert(1);
}

/* btns */
a.theme-btn { display: inline-block; position: relative; padding: 13px 32px; text-align: center; font-style: normal; align-items: center; border-radius: 4px; border: 2px solid transparent; font-size: 18px;  line-height: 28px; text-transform: uppercase; font-weight: 500; font-family: "Pompei Std"; }
a.theme-btn.btn-yellow { color: #fff; background: #123e46; border-color: #ffffff; }
a.theme-btn.btn-yellow:hover { background: #d7b56d; color: #fff;border-color: #fff;}
a.theme-btn.btn-green { background: #123e46; color: #fff;border-color: #fff;}
a.theme-btn.btn-green:hover { color: #fff; background: #d7b56d; border-color: #ffffff; }
a.theme-btn.btn-white { border-color: #123e46; }
a.theme-btn.btn-white:hover{ background: #123e46;color: #fff; }

/*--header--*/
.header-section { position: absolute; top: 0; left: 0px; right: 0px; transition: all 0.5s; box-shadow: none; width: 100%; z-index: 99; padding: 10px 0; }
.header-section .row {align-items: center;}
.header-right { position: relative; display: flex ; align-items: center; justify-content: space-between; }
.header-section .header-logo img { max-width: 250px; }
.header-section.sticky { position: fixed; transition: all 0.5s; box-shadow: 0px 4px 20px 0px rgb(118 111 92 / 30%); background: #000; z-index: 99; }
.header-top-text { background: #123e46; padding: 12px 15px; position: relative; }
.header-top-text p { margin: 0; font-family: 'Pompei Std'; font-size: 19px; line-height: 27px; text-transform: uppercase; color: #ffffff; }
.header-section.sticky .header-logo img { max-width: 200px; }
.header-section .header-logo { transition: all 0.5s ease-in-out; }

.search-popup button.close { font-size: 50px; position: absolute; font-weight: 700; right: 30px; text-shadow: none !important; top: 30px; color: #fff; opacity: 1 !important; font-family: Pompei Std; background: transparent; border: none; box-shadow: none; }
.search-popup .modal-dialog { max-width: 710px !important; transform: translateY(-50%) !important; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto !important; width: 100%; }
.search-popup .modal-content { background-color: transparent !important; border: none; }
.search-popup input.search-input { background: transparent !important; border-width: 0 0 1px 0; border-color: #fff; height: 60px; max-width: 100%; outline: 0; color: #fff !important; font-family: Pompei Std; font-size: 22px; font-weight: 600; line-height: 28px; width: 100%;}
.modal-backdrop.show { opacity: .9;}
.search-popup input.search-input::-webkit-input-placeholder { /* Edge */
  color: #fff;opacity: 1;}
.search-popup input.search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;opacity: 1;}
.search-popup input.search-input::placeholder {color: #fff;opacity: 1;}
.nav-div a { margin: 0 12px; }
.nav-div a img { filter: brightness(0) invert(1); }

/*--banner--*/
.carousel-item { padding: 310px 0 150px; background-size: cover !important; position: relative;
    height: 100vh;}
.absolute-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.carousel-item:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0;  z-index: -1; background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 13%, rgba(0, 0, 0, 0.25) 51%); }
.banner-caption { text-align: center; max-width: 900px; margin: 0 auto; }
.banner-caption h2 { font-style: normal; margin-bottom: 25px; font-size: 26px; line-height: 32px; color: #ffffff; font-weight: 400; font-family: Pompei Std; }
.banner-title { margin-bottom: 15px; font-style: normal; line-height: 75px; color: #FFFFFF; font-family: 'Pompei Std'; font-size: 65px; font-weight: normal;font-family: 'Pompei Std';}
.banner-title strong { font-weight: 800;color: #123e46;}
.banner-caption p { font-style: normal; margin-bottom: 25px; font-size: 20px; line-height: 32px; color: #ffffff; font-weight: 500; font-family: "Pompei Std"; }
section.banner-section .row { align-items: center; }
.banner-caption ul { border-radius: 4px; background-color: rgba(8, 78, 76, 0.6392156862745098); border: 1px solid rgba(255, 255, 255, 0.3); display: inline-block; padding: 8px 0; margin-top: 40px; }
.banner-caption ul li { font-size: 18px; line-height: 30px; color: #ffffff; font-weight: 500; font-family: "Pompei Std"; display: inline; padding: 0px 26px; }
.banner-caption ul li img { margin: -5px 6px 0 0; }
.carousel-control-next, .carousel-control-prev { width: 50px; height: 50px; top: 50%; transform: translateY(-50%); }

/* most-categories-section */
section.most-categories-section { padding: 100px 0; background: #313131; }
section.most-categories-section .heading-title { color: #fff; }
section.most-categories-section .row { justify-content: center; }
section.most-categories-section .col-sm-4 { padding: 20px; }
.most-categories img { width: 100%; }

/*--key-ups-section--*/
section.key-ups-section {padding: 100px 0;}
.logo-list { background: #f4f4f4; padding: 30px 20px; border-radius: 20px; }
.logo-list .owl-item { justify-content: center; }
.key-ups-row ul.nav.nav-tabs { border: none; padding-bottom: 10px; justify-content: center; }
.key-ups-row ul.nav.nav-tabs li { padding: 5px;text-align: center;position: relative; }
.key-ups-row ul.nav.nav-tabs li a { display: block; padding: 9px 30px; color: #123e46; font-family: "Pompei Std"; font-size: 15px; font-style: normal; font-weight: 400; line-height: 26px; border-radius: 5px; border: 2px solid #123e46; background: #FFF; }
.key-ups-row ul.nav.nav-tabs li a.active { color: #fff; background: #123e46; border-color: #123e46; }
.key-ups-row ul.nav.nav-tabs li a.active::before { opacity: 1; }
.key-ups-row ul.nav.nav-tabs li a::before { content: ''; width: 0; height: 0; position: absolute; bottom: -10px; left: 0; right: 0; text-align: center; border-top: 15px solid #123e46; border-left: 12px solid transparent; border-right: 12px solid transparent; margin: 0 auto; opacity: 0; }
.key-ups-row { max-width: 1250px; margin: 0 auto; padding-top: 20px; }
.logo-list ul { padding: 0; margin: 10px -30px 0; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
.logo-list ul li { list-style: none; padding: 18px 40px; text-align: center; height: 100%; }
.logo-list ul li figure img { transition: all 0.5s; filter: brightness(0) saturate(100%) invert(49%) sepia(8%) saturate(16%) hue-rotate(328deg) brightness(100%) contrast(84%); }
.logo-list ul li figure img:hover {transform: scale(1.05); filter: none;}
.fade.in { opacity: 1; }
.logo-list  .item { text-align: center; }
.logo-list  .item  figure { margin-bottom: 15px; }
.logo-list  h2 { font-size: 18px; }


/* logo section */
.logo-slider .owl-stage { display: flex; }
.logo-slider .owl-item { display: flex; flex: 1 0 auto }
.logo-slider .owl-dots { display: none!important }
.logo-slider .owl-nav .owl-next, .logo-slider .owl-nav .owl-prev { background-position: center !important; width: 60px; height: 60px; border-radius: 0; margin: 0 -5px; border: 1px dashed #000 !important; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); }
.logo-slider .owl-nav .owl-prev { background: #fff url(../images/owl-prev.png) no-repeat !important; left: -43px;    background-position: center !important;background-size: 32px !important; }
.logo-slider .owl-nav .owl-next { background: #fff url(../images/owl-next.png) no-repeat !important; right: -43px;    background-position: center !important;background-size: 32px !important;}
.logo-slider .owl-nav .owl-next:hover { background: #fff url(../images/owl-next-hover.png) no-repeat !important;     background-position: center !important;background-size: 32px !important;}
.logo-slider .owl-nav .owl-prev:hover { background:  #fff url(../images/owl-prev-hover.png) no-repeat !important;    background-position: center !important;background-size: 32px !important; }
.logo-slider .owl-nav span { display: none }
.logo-slider .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }


/*--- new-trend-SECTION ----*/
.new-trend-box { position: relative;height: 100%; overflow: hidden;z-index: 1;}
.new-product { position: absolute; top: 10px; left: 0; font-style: normal; line-height: 24px; font-family: "Pompei Std"; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; background: #d7b56d; padding: 1px 10px 0px;}
.new-trend-box-hover { position: absolute; content: ''; bottom: 0; left: 0; right: 0; top: 0; transform: scale(0); transition: .3s ease; background: rgb(0, 0, 0, 0.2); display: flex ; align-items: center; justify-content: center; }
.new-trend-box:hover .new-trend-box-hover { transform: scale(1); }
.new-trend-box>figure>img { width: 100%; }
.new-trend-react a { background: #fff; width: 45px; height: 45px; border-radius: 50%; display: inline-block; text-align: center; margin: 2px; line-height: 43px; }
.new-trend-react a:hover { transform: scale(1.2); }
.new-trend-react a img {
    max-width: 26px;
    height: auto !important;
    box-shadow: none !important;
}
.new-trend-slider .new-trend-box figure .new-trend-react a img{
    height: auto !important;
    box-shadow: none !important;
}
.new-trend-slider .new-trend-box figure {
    height: 100%;
    padding: 30px 30px;
    background: #f5f5f5;
    position: relative;
}
.new-trend-slider .new-trend-box figure img {
    height: 400px !important;
    object-fit: cover;
    width: 100% !important;
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 30%);
}
    section.most-categories-section .new-trend-slider .new-trend-box figure {
        padding: 0;
    }
.new-trend-list ul.nav.nav-tabs { border: none; padding-bottom: 10px; justify-content: center; }
.new-trend-list ul.nav.nav-tabs li { padding: 5px;text-align: center;position: relative; }
.new-trend-list ul.nav.nav-tabs li a { display: block; padding: 9px 30px; color: #123e46; font-family: "Pompei Std"; font-size: 15px; font-style: normal; font-weight: 400; line-height: 26px; border-radius: 5px; border: 2px solid #123e46; background: #FFF; }
.new-trend-list ul.nav.nav-tabs li a.active { color: #fff; background: #123e46; border-color: #123e46; }
.new-trend-list ul.nav.nav-tabs li a.active::before { opacity: 1; }
.new-trend-btns { text-align: center; padding-top: 20px; } 
.new-trend-slider .owl-dots { display: none!important }
.new-trend-slider .owl-nav .owl-next, .new-trend-slider .owl-nav .owl-prev { background-position: center !important; width: 60px; height: 60px; border-radius: 0; margin: 0 -5px; border: 1px dashed #000 !important; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); }
.new-trend-slider .owl-nav .owl-prev { background: #fff url(../images/owl-prev.png) no-repeat !important; left: -25px;    background-position: center !important;background-size: 32px !important; }
.new-trend-slider .owl-nav .owl-next { background: #fff url(../images/owl-next.png) no-repeat !important; right: -25px;    background-position: center !important;background-size: 32px !important;}
.new-trend-slider .owl-nav .owl-next:hover { background: #fff url(../images/owl-next-hover.png) no-repeat !important;     background-position: center !important;background-size: 32px !important;}
.new-trend-slider .owl-nav .owl-prev:hover { background:  #fff url(../images/owl-prev-hover.png) no-repeat !important;    background-position: center !important;background-size: 32px !important; }
.new-trend-slider .owl-nav span { display: none }
.new-trend-slider .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }


/*----------- about-section----------*/
section.about-section { padding: 80px 0 60px 0px; }
section.about-section .row { align-items: center; }


/* -----why-choose-section----- */
section.why-choose-section { padding: 100px 0 60px; position: relative; z-index: 1; background-size: cover; }
section.why-choose-section:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.6; z-index: -1; background: #123e46; }
section.why-choose-section .heading-title { color: #fff; }
.why-choose-list ul { display: flex ; flex-wrap: wrap; justify-content: center; margin: 0 -10px; }
.why-choose-list ul li { list-style: none; width: 33.33%; padding: 15px; }
.why-choose-box { height: 100%; text-align: center; padding: 10px 25px; transition: all 0.5s; }
.why-choose-box figure { margin: 0 auto 15px;  }
 .why-choose-box h2 { color: #fff; font-size: 24px; font-style: normal; font-weight: 500; line-height: 32px; transition: all 0.5s; margin-bottom: 7px; }
.why-choose-box p { color: #fff; }
.why-choose-box:hover h2{ color: #d7b56d; }


/* OUR BLOG SECTION CSS START */
.blog-section { padding: 100px 0; }
.blog-section .section-heading { max-width: 1400px; margin: 0 auto 0; display: flex ; align-items: end; justify-content: space-between; }
.blog-section .section-heading .default-css { max-width: 660px; margin-bottom: -10px; }
.blog-wrapper .row {justify-content: center;}
.blog-wrapper .col-sm-4 { padding: 20px;}
.blog-item { border-radius: 30px; background: #002A34; height: 100%; padding: 10px; }
.blog-item figure { border-radius: 30px; overflow: hidden; }
.blog-content h3 { color: #fff; font-size: 24px; font-style: normal; font-weight: 600; line-height: 36px; }
.blog-content h3 a {color: #fff;}
.blog-item figure img { width: 100%; transition: all 0.6s ease; height: 320px; object-fit: cover; }
.blog-item-btns { display: none;transition: all 0.6s ease; }
.blog-item:hover .blog-item-btns { display: block;transition: all 0.6s ease; } 
.blog-item:hover figure img {transform: scale(1.1);}
.blog-content { padding: 25px 15px 10px; min-height: 200px; display: flex ; flex-wrap: wrap; align-items: center; }
.logo-list .owl-stage { display: flex; }
.logo-list .owl-item { display: flex; flex: 1 0 auto }
.blog-slider.owl-carousel .owl-dots { display: none!important }
.blog-slider.owl-carousel .owl-nav .owl-next, .blog-slider.owl-carousel .owl-nav .owl-prev { background-position: center !important; width: 60px; height: 60px; border-radius: 0; margin: 0 -5px; border: 1px dashed #000; border-radius: 50%; }
.blog-slider.owl-carousel .owl-nav .owl-prev { background:  #fff url(../images/owl-prev.png) no-repeat;background-size: 32px !important; }
.blog-slider.owl-carousel .owl-nav .owl-next { background: #fff url(../images/owl-next.png) no-repeat;background-size: 32px !important; }
.blog-slider.owl-carousel .owl-nav .owl-next:hover { background: #fff url(../images/owl-next-hover.png) no-repeat;background-size: 32px !important; }
.blog-slider.owl-carousel .owl-nav .owl-prev:hover { background:  #fff url(../images/owl-prev-hover.png) no-repeat; background-size: 32px !important;}
.blog-slider.owl-carousel .owl-nav span { display: none }
.blog-slider .owl-nav { text-align: right; margin-right: 0; position: absolute; right: 390px; top: -60px; }
.blog-slider { position: relative; padding-top: 30px; }


/*----------- contact ---------*/
section.contact-section { padding: 100px 0; position: relative; background-size: cover;z-index: 1; }
.contact-img { height: 100%; }
.contact-img iframe { height: 100%; width: 100%; object-fit: cover; }
section.contact-section.home:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.5; z-index: -1; background: #000; } 
 section.contact-section.home .contact-left { position: relative; background: #000000c9; margin-right: 0px; }
.contact-form { height: 100%; } 
section.contact-section.home .contact-box figure img { filter: brightness(0) invert(1); }
section.contact-section.home .contact-box p { color: #fff; }
section.contact-section.home .contact-box p a{ color: #fff; }
section.contact-section.home .contact-box p a:hover{ color: #d7b56d; }
section.contact-section.home .contact-left ul li { border-right: 1px solid hsl(0deg 0% 100% / 39%); border-bottom: 1px solid hsl(0deg 0% 100% / 39%); }


/*----------- Form-css ---------*/
.form-hero { padding: 30px; position: relative; margin-right: 30px; height: 100%;}
.b-form-title { margin-bottom: 20px; position: relative; color: #fff; font-family: 'Pompei Std'; font-size: 42px; font-style: normal; font-weight: 700; line-height: 48px; text-align: center; }
.b-form-title strong { color: #123e46; font-weight: 700; }
.gform_body { margin: 0 -10px; }
.gform_wrapper .gform_fields {display: -webkit-box;display: -ms-flexbox;display: flex !important;-ms-flex-wrap: wrap;flex-wrap: wrap;grid-column-gap: 0% !important;grid-row-gap: 0px !important;}
.gform_wrapper.gravity-theme .gform_fields {grid-column-gap: 0 !important;grid-row-gap: 0 !important;}
.gform_wrapper .gfield {padding: 0 10px 10px;clear: both;text-align: left;width: 100%;margin: 0;}
.gform_wrapper .gfield.gfield--width-full {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.gform_wrapper .gfield.gfield--width-half {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.form-hero .gform_wrapper .ginput_container {margin: 0!important;padding: 0;position: relative;}
.form-hero .gform_wrapper label.gfield_label {font-family: 'Sen';font-style: normal;font-weight: 400 !important;font-size: 16px !important;line-height: 22px;color: #414141 !important;margin-bottom: 3px;}
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select, .form-hero .gform_wrapper .medium { width: 100% !important; font-size: 16px !important; padding: 10px 20px 10px 15px !important; -webkit-appearance: none; resize: none; position: relative; height: 45px; transition: all 1s; margin: 0 !important; color: #414141; font-family: 'Pompei Std'; font-weight: 400; line-height: normal; box-shadow: none; border-radius: 5px; border: none; background: #fff; }
.gform_wrapper .medium::-webkit-input-placeholder { /* Edge */
color: #414141;opacity: 1;}
.gform_wrapper .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #414141;opacity: 1;}
.gform_wrapper .medium::placeholder {color: #414141;opacity: 1;}
.gform_wrapper input[type="text"]::-webkit-input-placeholder { /* Edge */
color: #414141;opacity: 1;}
.gform_wrapper input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #414141;opacity: 1;}
.gform_wrapper input[type="text"]::placeholder {color: #414141;opacity: 1;}
.form-hero .gform_wrapper .gfield_error input[type="text"],  .form-hero .gform_wrapper .gfield_error textarea,  .form-hero .gform_wrapper .gfield_error select,  .form-hero .gform_wrapper .gfield_error .medium {border-bottom: 1px solid #c02b0a !important;}
input.button.gform_button { padding: 13px 40px !important; display: inline-block !important; cursor: pointer !important; border: none; box-shadow: none !important; text-align: center !important; border-radius: 5px !important; transition: all 0.6s !important; background: #d7b56d !important; color: #FFF !important; font-family: 'Pompei Std' !important; font-size: 18px !important; font-style: normal !important; font-weight: 700 !important; line-height: 28px !important; text-transform: uppercase; }
.form-hero input.button.gform_button:hover { background: #123e46 !important; color: #ffffff !important; transition: all 0.6s !important; }
.gform_wrapper textarea.medium {height: 80px!important;display: block;}
.gform_wrapper .gform_footer {padding: 0px 0 0 0px !important;margin: 0px 0 0px 0 !important;position: relative;z-index: 1;}
.gform_wrapper .medium.gfield_select { background: #f5f5f5 url(../images/select-arrow.png) no-repeat right 20px center !important; background-size: 16px !important; }
 .modal-dialog { max-width: 660px!important; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%) !important; margin: 0px auto 0; width: 95% }
.modal.popup-form button.close {opacity: 1;position: absolute;right: 28px;top: 35px;font-size: 26px;font-weight: normal;color: #fff;cursor: pointer;/* text-shadow: none; */ background: transparent;border: none;}
.modal-backdrop.show {opacity: 0.9;}
.modal.popup-form button.close { opacity: 1; position: absolute; right: 15px; top: 15px; font-size: 26px; font-weight: normal; color: #fff; cursor: pointer; text-shadow: none; background: transparent; border: none; }
.modal.popup-form .modal-dialog { max-width: 690px !important; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; width: 95%; border-radius: 10px; margin: 0 auto; overflow: hidden; }
.modal.popup-form .modal-content {border: none;box-shadow: none;background: transparent;}
.modal.popup-form .modal-body {padding: 0;border: none;background: transparent;}
.modal.popup-form .form-hero { border: 3px solid #123e46; border-radius: 10px; }
.popup-form h3 {
    text-align: center;
    color: #fff;
}
.popup-form  .wpcf7 form.invalid .wpcf7-response-output {
    color: #fff;
}



/*----------- footer ---------*/
.footer { padding-top: 100px;overflow: hidden; position: relative; z-index: 1; padding: 50px 0 80px; background: #f3f6f7;}
.about-ftr { padding-right: 80px; position: relative; height: 100%;}
.footer .col-sm-3 { width: 24%; }
.footer .col-sm-4 { width: 28%; }
.newsletter-form .gform_body.gform-body { margin-top: 30px; }
.ftr-title { margin-bottom: 10px; color: #585858; font-family: 'Pompei Std'; font-size: 20px; font-style: normal; font-weight: 700; line-height: 30px; }
.ftr-item ul li { list-style: none; color: #585858; font-family: 'Pompei Std'; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; margin-bottom: 10px; }
.ftr-item ul li a {color: #585858;}
.ftr-item ul li a:hover {color: #d7b56d;}
.copyright p {margin: 0;}
.menu-copyright {float: right;}
.copyright p a {color: #d7b56d;}
.copyright p a:hover {color: #ffffff;}
.menu-copyright ul li:last-child:after {display: none;}
.copyright-sections .row {align-items: center;}
.copyright-sections { padding: 23px 0 23px; border-top: 1px solid rgb(2 31 53 / 20%); margin-top: 30px; }
.newsletter-title {margin-bottom: 20px;color: #19202D;font-family: Public Sans;font-size: 26px;font-style: normal;font-weight: 700;line-height: 28px;}
.newsletter-form form { position: relative; }
.newsletter-form .medium { padding: 13px 58px 13px 20px; display: block; height: 50px; width: 100%; margin: 0 !important; color: #666; font-family: 'Pompei Std'; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; border-radius: 4px; border: 1px solid #585858; background: #fff !important; }
.newsletter-form input.button.gform_button { display: inline-block; border: none; cursor: pointer; transition: all 0.6s ease-out; position: absolute; top: 11px; right: 9px; background: url(../images/owl-next.png) no-repeat !important; color: #FFF !important; font-size: 0 !important; padding: 15px !important; margin: 0; background-position: center; background-size: 26px !important; }
.newsletter-form input.button.gform_button:hover {background-color: #666;}
.newsletter-form .gform_wrapper .gform_footer {position: initial;}
.newsletter-form .medium::-webkit-input-placeholder { /* Edge */
color: #666;opacity: 1;}
.newsletter-form .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #666;opacity: 1;}
.newsletter-form .medium::placeholder {color: #666;opacity: 1;}
.newsletter-form .gform_body { margin: 0; }
.ftr-btns { padding-top: 20px; }
.ftr-btns  a.theme-btn.btn-green { width: 100%; }


section.inner-banner { position: relative; }
section.inner-banner::before { content: ''; height: 100%; width: 100%; top: 0; left: 0; position: absolute; background: radial-gradient(50% 50% at 50% 50%, #030821 0%, rgba(3, 8, 33, 0) 100%); opacity: 0.8; }
.inner-banner>img { width: 100%; height: 380px; object-fit: cover; }
.hero-banner-content { text-align: center; }
.banner-btns.inner-btn { padding-top: 0; }
.page-nav {width: 100%;padding: 11px 0;bottom: 0;left: 0;position: relative;background: #123e46; z-index: 1;}
.page-nav ul li { margin: 0px; list-style: none; text-align: center; font-family: 'Pompei Std'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 28px; color: #FFFFFF; }
.page-nav ul li span a {color: #FFFFFF;}
.page-nav ul li span a:hover {color: #d7b56d;}
.page-nav ul li span {color: #d7b56d;}
section.inner-banner .caption-absolute {position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);z-index: 1;}
 section.about-section.inn { padding: 100px 0; }
.about-img img { width: 100%; }

/* counter-section */
section.counter-section { padding: 80px 0; position: relative; background: #d7b56d;  }
.count-digit-row { position: relative; z-index: 1; display: flex ; color: #fff; text-align: center; font-family: 'Pompei Std'; font-size: 42px; font-style: normal; font-weight: 700; line-height: 42px; align-items: center; margin-bottom: 5px; justify-content: center; }
.count-digit-row span{ color: #fff; }
.count-bx p { color: #fff; font-size: 18px; line-height: 26px; margin: 0; }
.counter-row .col-sm-3 {padding: 15px; transition: all 0.6s; }
.count-bx { text-align: center; }
section.the-merino-story-section { padding: 100px 0; }
section.the-merino-story-section .row { justify-content: center; }
section.the-merino-story-section .col-sm-3 { padding: 15px; }
.the-merino-story-box { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.11); background: #fff; padding: 30px 30px 20px; height: 100%; }
.the-merino-story-box figure { background: #123e46; width: 75px; height: 75px; border-radius: 50%; margin-bottom: 15px; text-align: center; line-height: 75px; }
.the-merino-story-box figure img { max-width: 45px; }

/*  */
section.time-line-section { padding: 80px 0; position: relative; background: #d7b56d; display: none;}
section.time-line-section .swiper { position: relative; }
section.time-line-section .swiper::before { content: ''; position: absolute; width: 97%; height: 3px; background: #fff; top: 50%; transform: translateY(-50%); margin: 0 auto; left: 0; right: 0; }
section.time-line-section .swiper-slide { text-align: center; cursor: pointer; display: flex ; justify-content: center; align-items: center; position: relative; color: #fff; font-family: 'Pompei Std'; font-size: 26px; font-style: normal; font-weight: 700; line-height: 34px; justify-content: center; }
section.time-line-section .swiper-slide::before { border-radius: 50%; content: ''; position: absolute; width: 20px; height: 20px; background: #fff; top: -51%; left: 0; right: 0; margin: 0 auto; border: 3px solid #666; }
section.time-line-section .swiper-slide:nth-child(even):before{ bottom: -51%; top: auto; }
section.time-line-section .swiper-slide.active-year::before { border-color: #fff; }
section.time-line-section .tab-pane { text-align: center; margin-top: 30px; }
section.time-line-section .tab-pane h2 { font-size: 36px; margin-bottom: 0px; color: #fff; }
section.time-line-section .tab-pane p { color: #fff; }
section.time-line-section .swiper-slide { margin: 50px 0 0 0; }
section.time-line-section .swiper-slide:nth-child(even) { margin: 0 0 50px 0; } 
section.time-line-section .swiper-button-next, section.time-line-section .swiper-button-prev { background: #fff; opacity: 1; width: 50px !important; height: 50px !important; border-radius: 50%; }
section.time-line-section .swiper-button-next:after, section.time-line-section .swiper-button-prev:after { font-size: 26px !important; color: #000; }
section.time-line-section .swiper-wrapper { height: auto !important; }

    .swiper.time-line-tab-slider {
      padding: 10px 0;
      position: relative;
    }

    .time-line-tab-slider .swiper-wrapper {
      flex-wrap: nowrap !important; /* Prevent wrapping */
    }


    .time-line-tab-slider .nav-link {
      white-space: nowrap;
      padding: 10px 15px;
      display: inline-block;
      border: 1px solid #ccc;
      margin-right: 5px;
      border-radius: 5px;
      background: #f8f9fa;
      transition: background 0.3s;
    }

    .time-line-tab-slider .nav-link.active {
      background-color: #007bff;
      color: #fff;
    }
section.time-line-section .tab-pane {
    display: none;
}
section.time-line-section .tab-pane.fade.show.active{display: block;
    text-align: center;}

/* contact page  */
.contact-left { overflow: hidden; }
.contact-left ul { display: flex ; flex-wrap: wrap; margin: -2px; }
.contact-left ul li { list-style: none; width: 50%; text-align: center; padding: 10px; border-right: 1px solid rgb(102 102 102 / 34%); border-bottom: 1px solid rgb(102 102 102 / 34%); }
.contact-box { padding: 30px 0; }
.contact-box figure { margin-bottom: 25px; }
.contact-box figure img { max-width: 55px; }
.contact-box p { margin-bottom: 10px; }
section.contact-section.inn .form-hero .gform_wrapper input[type="text"], section.contact-section.inn .form-hero .gform_wrapper textarea, section.contact-section.inn .form-hero .gform_wrapper select, section.contact-section.inn .form-hero .gform_wrapper .medium { border: 1px solid #000000c9; }
section.contact-section.inn .form-hero { padding: 0; position: relative; background: transparent; margin: 0; }
section.map-section iframe { width: 100%; height: 500px; display: block; }


/* careers page */
section.careers-section { padding: 100px 0; }
section.careers-section .form-hero { padding: 0; position: relative; background: transparent; margin: 30px 0 0; }
section.careers-section .form-hero .gform_wrapper input[type="text"], section.careers-section .form-hero .gform_wrapper textarea, section.careers-section .form-hero .gform_wrapper select, section.careers-section .form-hero .gform_wrapper .medium { border: 1px solid #000000c9; }
section.careers-section .form-hero .gform_wrapper .gfield { padding-bottom:  30px; }

section.latest-jobs-section { background: linear-gradient(182deg,rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 1) 81%, rgba(255, 255, 255, 0.44) 100%); padding: 100px 0; }
section.latest-jobs-section .row { justify-content: center; }
section.latest-jobs-section .col-sm-4 { padding: 15px; }
.latest-jobs-box { background: #ffffff; border-radius: 10px; height: 100%; padding: 30px 20px 110px; position: relative; }
.latest-jobs-box ul li { font-family: 'Pompei Std'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 26px; color: #666; display: inline-block; margin-bottom: 10px; }
.latest-jobs-box ul li::after { content: "|"; color: #666; padding: 0 8px 0; font-family: 'Pompei Std'; font-size: 16px; }
.latest-jobs-box ul li:last-child::after {display: none;}
.latest-jobs-btns { position: absolute; bottom: 30px; }


/* product page */
section.new-trend-section.product { padding: 100px 0; }
.product-right { padding-left: 30px; }
.product-title { position: absolute; bottom: 10px; left: 0; font-style: normal; line-height: 24px; font-family:Pompei Std; color: #fff; font-size: 18px; font-weight: bold; text-align: center; right: 0;    z-index: 1; }
section.most-categories-section .new-trend-box::before { content: ''; height: 100%; width: 100%; top: 0; position: absolute; left: 0; background: linear-gradient(0deg,rgba(0, 0, 0, 0.75) 6%, rgba(255, 255, 255, 0) 16%);     z-index: 1; }
section.product-page-section { padding-bottom: 100px; }
.product-right ul { display: flex ; flex-wrap: wrap; margin: -10px; }
.product-right ul li { list-style: none; padding: 10px; width: 33.33%; }
 .search-container { border-radius: 4px; background: #FFF; box-shadow: 0px 0px 40px 0px rgb(100 136 234 / 16%); margin: 0 0 40px; padding: 30px 30px; }
.search-container form { position: relative; }
.search-container .services-detail-search { font-style: normal; width: 100%; padding: 15px 70px 15px 15px; border: 1px solid rgba(0, 0, 0, 0.3); height: 50px; background-color: #fff; border-radius: 8px; font-size: 16px; line-height: 28px; color: #414141; font-weight: 400; font-family: "Pompei Std"; }
.search-container .services-detail-search::placeholder { color: #666; opacity: 1; /* Firefox */ }
.search-container .services-detail-search::-ms-input-placeholder { /* Edge 12 -18 */ color: #666; }
.fa-search { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); height: 20px; width: 20px; background: url(../images/search.png) no-repeat center; border: none; font-size: 0; background-size: 20px; } 
.sidebar-title { color: #123e46; font-family: 'Pompei Std'; font-size: 25px; font-style: normal; font-weight: 600; line-height: 30px; margin-bottom: 15px; position: relative; }
.product-sidebar-category { border-radius: 4px; background: #FFF; margin: 0 0 40px; padding: 30px 20px; filter: drop-shadow(0 0 36.5px rgba(0, 0, 0, 0.11)); }
.product-sidebar-category ul {padding: 0;margin: 0;}
.product-sidebar-category ul li { list-style: none; padding: 0px 0; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; position: relative; border-bottom: 1px solid #ccc; font-size: 16px; line-height: normal; font-weight: 400; font-family: "Pompei Std"; display: flex ; align-items: center; justify-content: space-between; color: #666; }
.product-sidebar-category ul li:last-child { border-bottom: none; }
.product-sidebar-category ul li a {  color: #666;  display: block; padding: 9px 0px; }
.product-sidebar-category ul li a:hover , .product-sidebar-category ul li.active, .product-sidebar-category ul li.active a{ color: #d7b56d; }
.product-sidebar-category.checkbox-category ul li { padding: 7px 0; }
.new-trend-slider h3 {
    padding-top: 15px;    text-align: center;
}

/* -----wp-pegination-css----- */
.wp-pegination { padding-top: 40px; text-align: center; }
.wp-pagenavi { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a { width: 40px; height: 40px; display: inline-block; margin: 0 10px 0 0; text-align: center; line-height: 39px; border: 1px solid #123e46; border-radius: 50%; color: #123e46; font-family: Pompei Std; font-size: 22px; font-style: normal; font-weight: 700; }
.wp-pegination span.current, .wp-pegination .page:hover { background: #123e46; color: #fff; border: 1px solid #123e46; }
.wp-pegination a.nextpostslink { background: url(../images/blog-next.png); background-repeat: no-repeat !important; background-position: center center !important; font-size: 0; ; }
.wp-pegination a.previouspostslink { background: url(../images/blog-next.png); background-repeat: no-repeat !important; background-position: center center !important; font-size: 0; transform: rotate(180deg); }
.wp-pegination a.nextpostslink:hover { background:#123e46 url(../images/blog-hover.png); border-color: #123e46; ; }
.wp-pegination a.nextpostslink, .wp-pegination a.previouspostslink{ background-size: 16px !important; }


/* product-detail inner page */
section.product-detail-section { padding: 150px 0 0px; }
.product-detail-left { display: flex ; flex-wrap: wrap; }
.product-detail-small-img { width: 14%; }
.product-detail-left .tab-content { width: 86%; }
.product-detail-left .nav-tabs { border-bottom: none; display: block; margin: -8px 0 0 -16px; }
.product-detail-small-img li { padding: 8px 16px; }
.product-detail-small-img li a { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); display: block; border-radius: 5px;}
.product-detail-small-img li a img { width: 100%; border-radius: 5px;}
.product-detail-btn { position: absolute; top: 0; right: 0; }
.product-detail-btn a { width: 40px; height: 40px; display: block; background: #fff; border-radius: 50%; text-align: center; margin: 10px; line-height: 38px; }
.product-detail-btn a img { max-width: 25px; }
.product-items>img { width: 100%; object-fit: cover; height: 100%; border-radius: 10px; border: 1px solid #e6e9f0;}
.product-items { position: relative; overflow: hidden; margin: 0 0; height: 100%; }
.woocommerce-product-rating { padding: 10px 0 25px; }
.star-rating { display: inline-block; padding-right: 8px; }
.woocommerce-product-rating p { font-size: 14px; line-height: 25px; text-decoration: underline; color: #1a1a1a; margin: 0; display: inline-block; }
.woocommerce-product-rating p a{ color: #1a1a1a; }
.woocommerce-product-rating p a:hover{ color: #747474; }
.product-summary { padding-left: 50px; }
.product-summary .default-css ul li { margin-bottom: 20px; }
.product-summary .default-css ul li strong { font-weight: bold; min-width: 200px; display: inline-block; }
.product-slider-items figure {
    padding: 50px;
    background: #f5f5f5;
}
.product-slider-items figure img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 30%);
}
.slick-slide{padding: 5px;}
.slick-slide img {
    width: 100%;
    height: 140px;
    object-fit: cover;
}


section.colour-acrylics-section { padding: 0 0 100px; }
section.colour-acrylics-section .row { justify-content: center; margin: 0; }
.colour-acrylics-row { margin-top: 30px; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; }
section.colour-acrylics-section .col-sm-4 { padding: 0px; }
.colour-acrylics-box { background: #fff; padding: 30px 30px 20px; height: 100%; text-align: center; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.colour-acrylics-box:hover { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.11); background: #fff; }
.colour-acrylics-box figure { margin-bottom: 15px; }
.colour-acrylics-box figure img { max-width: 60px; }
section.colour-acrylics-section .col-sm-4:nth-child(even) .colour-acrylics-box { background: #f3f6f7; }


/*--gallery page--*/
section.our-gallery-section { padding: 100px 0; }
.gallery-img ul { display: flex; flex-wrap: wrap; justify-content: center; }
.gallery-img ul li { width: 25%; padding: 15px; list-style: none; }
.gallery-img figure { position: relative; }
.gallery-img figure img { width: 100%; }
.gallery-img figure figcaption { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 16px; width: 100%; height: 100%; display: flex; transition: 0.3s ease-in-out; opacity: 0; visibility: hidden; }
.gallery-img figure figcaption .img-gorup { height: 100%; background: rgb(18 62 70 / 56%); width: 100%; display: flex; align-items: center; justify-content: center; padding: 16px; }
.gallery-img  figcaption .img-gorup a { width: 70px; height: 70px; background: #FFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.gallery-img  figure:hover figcaption{opacity: 1; visibility: visible;}
.lb-nav a.lb-prev, .lb-nav a.lb-next { opacity: 1 !important; width: 50px !important; height: 50px; top: 50%; position: absolute; transform: translateY(-50%); }
.lb-nav a.lb-prev { left: 15px !important; }
.lb-nav a.lb-next { right: 15px !important; }
.lb-data .lb-close { background-size: 26px !important; }
.lb-nav { position: static !important; }


/*  Become a dealer page */
.page-template-become-a-dealer-page .header-section {
    display: none;
}
.page-template-become-a-dealer-page footer.footer {
    display: none;
}
section.home-banner.become { position: relative; height: 100vh; background-size: cover; z-index: 1; padding: 50px; }
section.home-banner.become:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.6; z-index: -1; background: #123e46; }
.become-header { display: flex; justify-content: space-between; align-items: center; }
.become-logo img {
    max-width: 250px;
}
.become-call-inn p { font-size: 20px; line-height: 38px; margin: 0; }
.become-call-row { display: flex ; justify-content: space-between; margin: 0 -20px;}
.become-call { display: flex ; margin: 0 20px; }
.become-call figure { margin-right: 12px; flex-shrink: 0; margin-top: 5px; }
.become-call figure img{ max-width: 30px;  filter: brightness(0) invert(1); }
.become-call-inn p a { color: #fff; }
.become-call-inn p strong { display: block; color: #fff; font-size: 22px; font-style: normal; font-weight: 400; line-height: 38px; margin-bottom: 0; }
.become-call-inn p a:hover { color: #B62419; }
section.home-banner.become .absolute-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: auto;
    right: auto;
}
section.home-banner.become .banner-btns a.theme-btn{margin: 3px 2px;}
section.home-banner.become .banner-btns a.theme-btn.btn-green {
    background: #d7b56d;
    color: #fff;
    border-color: #fff;
}
section.home-banner.become .banner-btns a.theme-btn.btn-green:hover {
    background: #123e46;
    color: #fff;
    border-color: #fff;
}

.copyright-section { display: flex ; align-items: center; justify-content: space-between; position: absolute; left: 50px; right: 50px; bottom: 50px; }
section.home-banner.become .absolute-content .banner-caption {
    text-align: left;
    margin: 0;
}
.ftr-social a { display: inline-block; padding: 0; position: relative; width: 60px; height: 60px; background: transparent; border-radius: 50%; margin: 4px; text-align: center; line-height: 53px; border: 1px solid #fff;overflow: hidden; }
.ftr-social a img { max-width: 24px; filter: brightness(0) invert(1); }

.ftr-social a::before { position: absolute;content: ''; bottom: 0; left: 0; right: 0; top: 0; background: #B62419; overflow: hidden; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s; transition: .3s ease; border-radius: 50%; opacity: 0;}
.ftr-social a:hover::before{ opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); }
.copyright p { margin: 0; font-size: 20px; line-height: 26px; color: #fff; }

section.about-section.home {
    padding: 150px 0 0;
}
section.product-page-section.main{padding-top: 100px;}
section.product-page-section.main .new-trend-box figure img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
section.product-page-section.main  .product-right ul{justify-content: center;}
section.product-page-section.main  .product-right ul li {
    width: 25%;
}
.new-trend-box img {
    width: 100%;
}
section.product-page-section.main .product-right ul li h3 {
    padding-top: 10px;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
}
section.product-page-section.main .col-sm-12 .product-right {
    padding: 0;
}

section.product-page-section.main.inn  .product-right ul{justify-content: left;}
section.product-page-section.main.inn .product-right ul li {
    width: 33.33%;
}





.default-section { padding: 100px 0; }

.fimgs { overflow: hidden; margin-bottom: 20px; }
.fimgs img{ width: 100%; }
.nav-next a, .nav-previous a { display: inline-block; position: relative; padding: 16px 30px; text-align: center; color: #FFF; font-family: Pompei Std; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; text-transform: uppercase; border-radius: 0px; background: #123e46;}
.nav-next a:hover, .nav-previous a:hover {background: #052E68;color: #FFF;}
.row.testirow {margin-top: 50px;}
.row.testirow .col-sm-4 {margin-bottom: 50px;}
.nav-previous {float: left}
.nav-next {float: right;margin-right: 0;}
.blogpage-single-section .col-sm-4 { padding-left: 70px; }
.service-detail-right.sticky { position: sticky; top: 160px; right: 0; }
.blog-section.blogpage-single-section.default-section .col-sm-4 { padding: 0 12px; padding-left: 70px; }
.service-detail-list { padding: 30px 32px 17px; margin-bottom: 40px; border-radius: 0px; border: 1px solid #052E68; background: #F5F5F5; }
.search-btn.sebtnx { width: 100%; margin-bottom: 30px; }
.search-btn form { position: relative; }
.search-medium { width: 100%; padding: 15px 70px 15px 20px; height: 50px; background-color: transparent; font-size: 18px; line-height: 28px; color: #666; font-family: Pompei Std; font-weight: 400; border-radius: 0px; border: 1px solid #052E68; }
.search-btn.sebtnx .search-medium { background-color: #fff; }
.search-btn button { border: none; position: absolute; top: 11px; width: 37px; right: 10px; background: transparent; }
.sidebar-title { margin-bottom: 10px; color: #123e46; font-family: Pompei Std; font-size: 30px; font-style: normal; font-weight: 600; line-height: 36px; }
.service-detail-list ul li { list-style: none; position: relative; border-radius: 0px; background: #FFF; margin: 10px 0; }
.service-detail-list ul li.active, .service-detail-list ul li:hover{ background: #123e46; color: #fff; }
.service-detail-list ul li.active a, .service-detail-list ul li:hover a { color: #fff; }
.service-detail-list ul li a { display: block; transition: 0.3s; color: #000; font-family: Pompei Std; font-size: 16px; font-style: normal; font-weight: 500; line-height: 25px;padding: 11px 20px 11px 15px; }
.service-detail-list ul li a::after { content: "\f105"; font-style: normal; font-weight: 400; font-size: 15px; line-height: 20px; color: #d1cccc; font-family: FontAwesome; position: absolute; top: 13px; right: 10px; transition: 0.6s; }
.estimatin-titel { text-align: center; padding: 50px 40px; margin-bottom: 40px; border-radius: 0px; border: 1px solid #052E68; background: #F5F5F5; }
.estimatin-title { padding: 40px 25px; margin-bottom: 40px; border-radius: 0px; border: 1px solid #052E68; background: #F5F5F5; text-align: center; }
.services-detail .col-sm-4 { padding-left: 70px; }
.service-detail-right:last-child .estimatin-title { margin: 0; }
.estimatin-title h4 { font-family: Pompei Std; margin-bottom: 20px; color: #19202D; text-align: center; font-size: 30px; font-style: normal; font-weight: 600; line-height: 40px; }
.estimatin-btn .theme-btn { margin: 0; background: #052E68; border-color: transparent; }
.service-detail-list hr { background: #D9D9D9; height: 2px !important; position: relative; opacity: 1; }
.service-detail-list hr::before { content: ''; position: absolute; left: 0; transition: 0.6s; width: 18%; height: 2px; background: #052E68; }
.estimatin-btn .theme-btn:hover { background: #123e46; }
.service-detail-list:last-child{ margin-bottom: 0; }
.services-section.services-single-section.default-section .col-sm-4 { padding-left: 70px; }

section.product-page-section.main.inn .new-trend-box figure img {
    height: auto;
}
/* section.about-section.inn.about {
    padding-top: 0;
} */
.tax-product-cat section.product-page-section.main.inn .new-trend-box figure {
    padding: 30px 30px;
    background: #f5f5f5;
    position: relative;
}
.tax-product-cat section.product-page-section.main.inn .new-trend-box figure img {
    height: 380px;
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 30%);
}
.pum-title {
    text-align: center !important;
}
.pum-content img {
    width: 100%;
    height: 100% !important;
    object-fit: cover !important;
}
.pum-content input[type="text"], .pum-content textarea, .pum-content select, .pum-content .medium {
    width: 100% !important;
    font-size: 16px !important;
    padding: 12px 20px 10px 10px !important;
    -webkit-appearance: none;
    resize: none;
    position: relative;
    height: 45px;
    transition: all 1s;
    margin: 0 !important;
    color: #414141;
    font-family: 'Pompei Std';
    font-weight: 400;
    line-height: normal;
    box-shadow: none;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #000000c9;
}
.pum-content  textarea.medium {
    height: 80px !important;
    display: block;
}
.pum-content .gform_body {
    margin: 0;
}

section.about-section.inn {
    padding-bottom: 0 !important;
}
section.about-section.inn.about {
    padding-bottom: 100px !important;
}
section.thank-you-section {
    padding: 100px 0;
}
.thank-you-btns {
    padding-top: 10px;
}
.gallery-box-img>figure>img {
    object-fit: cover;
    height: 410px;
}
.careers-section .ginput_container p {
    margin: 0;
}
span.lb-caption {
    display: none !important;
}
section.inner-banner.blog .caption-absolute {
    position: relative;
    top: 0;
    transform: inherit;
    padding: 150px 0 100px;
}
section.inner-banner.blog {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}


section.about-section.home.our {margin-top: 100px; position: relative;  background-size: cover; z-index: 1; padding: 100px 0;    background-position: center; }
section.about-section.home.our:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7; z-index: -1; background: #123e46; }
.become-header { display: flex; justify-content: space-between; align-items: center; }
section.about-section.home.our .section-heading {
    max-width: 900px;
    margin: 0 auto;
}
section.about-section.home.our .section-heading .heading-title {color: #fff;}
section.about-section.home.our .section-heading p {color: #fff;}
button#show-more-btn {
    color: #585858;
    font-family: 'Pompei Std';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    border: none;
    background: transparent;
    padding: 0;
}
button#show-more-btn:hover {
    color: #d7b56d;
}


.pum-theme-1146 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
    opacity: 1;
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 0;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    text-shadow: none;
    background: 0 0;
    border: none;
    background: url(../images/cancel.png);
    background-size: cover;
    border-radius: 50%;
    z-index: 1;
    border: 2px solid #fff;
    background-color: #fff;
}

/* .page-template-about-us-page .heading-title, .page-template-about-us-page p, .page-template-about-us-page .banner-title {font-family: 'Poppins';} */




@media (min-width: 1200px) {
/*------------- mega menu ---------------*/
.menu-top-menu-container {position: relative}
.mega-menu {position: inherit!important}
.mega-menu .hover_mega_menu {visibility: hidden;position: absolute;margin-top: 0;width: 100%;right: 0;border-radius: 0 0 10px 10px;box-shadow: 0 0 5.5px rgb(5 5 5 / 20%);background-color: #fff;box-sizing: border-box;z-index: 999;opacity: 0;-webkit-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);-ms-transform: rotateX(90deg);transform: rotateX(90deg);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;padding: 25px 25px 25px 25px;}
.mega-menu:hover>.hover_mega_menu {visibility: visible;opacity: 1;-webkit-transform: rotateX(0);-moz-transform: rotateX(0);-ms-transform: rotateX(0);transform: rotateX(0)}
.mega-menu ul.sub-menu li {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;counter-increment: brick-counter;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-right: 15px!important;background: transparent !important;border-bottom: none;text-transform: inherit !important;float: none;}
.mega-menu ul.sub-menu li a {background: transparent !important;color: #000 !important;}
.mega-menu ul.sub-menu li:hover a {background: transparent !important;color: #123e46!important;}
.navbar-collapse .menus-top-menu-container>ul li.mega-menu ul.sub-menu li {position: relative;padding-left: 30px !important;text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li a {background: transparent !important;color: #414141 !important;padding: 3px 10px 3px 15px;padding-left: 0 !important;text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li:hover a {background: transparent !important;color: #123e46!important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li::before {content: "";font-size: 18px;color: #123e46;font-family: 'FontAwesome';left: 0;position: absolute;top: 2px;background: url(../images/exterior-painting-icon.png) no-repeat;height: 22px;width: 22px;background-size: 22px;filter: brightness(0);}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li:hover::before {filter: none;transition: 0.6s;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li:last-child:before {display: block;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li.mega-menu-img {width: 27% !important;padding: 0 !important;margin: 0 0 0 0 !important;float: right;position: absolute !important;top: 25px;right: 25px;bottom: 34px;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li.mega-menu-img::before {display: none;}
.mega-menu .hover_mega_menu ul.sub-menu {position: relative;width: auto;top: 0;opacity: 1;overflow: visible;transform: inherit;transform-origin: inherit;visibility: inherit;column-count: 3;border: none;border-radius: 0;box-shadow: none;transition: inherit;margin: 0;transform: rotateX(0deg);}
/*------------- mega menu2 CSS---------------*/
.mega-menu2 {position: inherit!important}
.mega-menu2 .hover_mega_menu {visibility: hidden;position: absolute;margin-top: 0;width: 100%;border-radius: 0 0 10px 10px;left: 15px;margin-left: 0px;right: 0;box-shadow: 0 0 5.5px rgba(5, 5, 5, 0.20);background-color: #fff !important;box-sizing: border-box;z-index: 999;opacity: 0;-webkit-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);-ms-transform: rotateX(90deg);transform: rotateX(90deg);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;padding: 25px 25px 25px 25px;}
.mega-menu2:hover>.hover_mega_menu {visibility: visible;opacity: 1;-webkit-transform: rotateX(0);-moz-transform: rotateX(0);-ms-transform: rotateX(0);transform: rotateX(0)}
.mega-menu2 .hover_mega_menu ul.sub-menu {position: relative;width: auto;top: 0;opacity: 1;overflow: visible;transform: inherit;transform-origin: inherit;visibility: inherit;column-count: 3;border: none;border-radius: 0;box-shadow: none;transition: inherit;margin: 0;transform: rotateX(0deg);left: 0;}
.mega-menu2 ul.sub-menu li {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;counter-increment: brick-counter;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-right: 0px!important;background: transparent !important;border: none;float: none;}
.mega-menu2 ul.sub-menu li a {background: transparent !important;color: #123e46!important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children a {padding: 2px 0 !important;margin-left: 0px !important;font-weight: 600;}
.mega-menu2 ul.sub-menu li a:hover {background: transparent !important;color: #123e46!important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li {position: relative;padding-left: 0 !important;margin-left: 0px !important;text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a {background: transparent !important;color: #414141 !important;padding: 3px 10px 3px 15px;padding-left: 26px !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children>a {padding: 5px 0 !important;margin-left: 0px !important;font-weight: 700;color: #000 !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a:hover {background: transparent !important;color: #123e46!important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a::after {color: #123e46!important;top: 21px;display: none;}
/* .navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu {opacity: 1 !important;visibility: visible !important;position: relative;background: transparent;box-shadow: none;padding: 0;transform: rotateX(0deg);padding-left: 0px;padding-bottom: 0;}
*/
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu a {padding-left: 14px !important;padding-top: 6px !important;font-weight: 400;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu a:hover {color: #123e46!important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li {position: relative;padding-left: 0 !important;text-transform: inherit !important;float: none;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu li {padding-left: 15px !important;width: 100%;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li::before {content: "";font-size: 18px;color: #123e46;font-family: 'FontAwesome';left: 0;position: absolute;top: 5px;background: url(../images/favicon.png) no-repeat;height: 22px;width: 22px;background-size: 22px;filter: brightness(0);}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children::before {display: none;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children ul.sub-menu li a:hover {color: #123e46!important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li:hover::before {filter: none;transition: 0.6s;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li .hover_mega_menu {opacity: 1 !important;visibility: visible !important;position: relative;background: transparent;box-shadow: none;padding: 0;transform: rotateX(0deg);padding-left: 0px;left: 0;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li .hover_mega_menu ul.sub-menu {column-count: 1;}
.navbar-collapse .menu-top-menu-container > ul > li.mega-menu2 .hover_mega_menu ul li a {text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container > ul > li.mega-menu .hover_mega_menu ul li a {text-transform: inherit !important;}
.contact-detail-menu {border-radius: 4px;display: inline-block;width: 100%;padding: 20px 20px 20px;background: #F3F9FF;overflow: hidden;margin: 20px 0 0;text-align: left;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children a:hover {color: #123e46!important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu {margin-left: 0px;margin-top: 0;left: 0 !important;border-bottom: none;left: 0;}
}
@media (min-width:1200px) {
.container {max-width: 1180px !important;}
}
@media (min-width:1300px) {
.container {max-width: 1270px !important;}
}
@media (min-width:1400px) {
.container {max-width: 1360px !important;}
}
@media (min-width:1500px) {
.container {max-width: 1440px !important;}
}
@media (min-width:1600px) {
.container {max-width: 1530px !important;}
}
@media (min-width:1700px) {
.container {max-width: 1400px !important;}
}

@media (max-width: 1599px) {
.nav-div img { max-width: 25px; }
.nav-div { right: 0px; }
.header-right { padding-right: 30px; }
.header-logo { max-width: 140px; }
section.home-banner .container { padding: 0 60px; }
.banner-caption p { margin-bottom: 25px; font-size: 18px; line-height: 28px; }



}
@media (max-width: 1499px) {
.container { max-width: 100% !important; padding: 0 30px; }
.blog-slider .owl-nav { right: 190px; top: -60px; }



}
@media (max-width: 1399px) {
.banner-caption h2 { margin-bottom: 20px; font-size: 22px;  line-height: 28px; }
.banner-title { margin-bottom: 28px; line-height: 58px; font-size: 55px; }
a.theme-btn { padding: 11px 27px; font-size: 16px;  line-height: 26px; }
.carousel-item { padding: 160px 0 90px; }
.heading-title { margin-bottom: 15px; line-height: 46px; font-size: 44px;  }
.sub-title { margin-bottom: 15px; line-height: 28px; font-size: 26px;  }
section.most-categories-section { padding: 70px 5px; }
section.key-ups-section  { padding: 70px 0; }
.key-ups-row { padding-top: 10px; }
.blog-section { padding: 70px 0; }
.blog-slider .owl-nav { right: 150px; top: -55px; }
.blog-content h3 { font-size: 20px; line-height: 30px; }
.blog-content { padding: 20px 15px 10px; min-height: 180px; }
section.about-section { padding: 0 0 70px; }
.why-choose-box h2 { font-size: 22px; line-height: 28px; margin-bottom: 7px; }
.why-choose-box { padding: 10px 15px; }
section.why-choose-section { padding: 70px 0 40px; }
.ftr-title { margin-bottom: 10px; font-size: 18px; line-height: 24px; }
.ftr-item ul li { font-size: 17px; line-height: 24px; margin-bottom: 10px; }
.footer { padding: 40px 0 40px; }
.newsletter-form .gform_body.gform-body { margin-top: 20px; }
.contact-box figure img { max-width: 50px; }
.contact-box figure { margin-bottom: 20px; }
input.button.gform_button { padding: 10px 30px !important; font-size: 17px !important; line-height: 26px !important; }
.gform_wrapper .gform_fields p { margin-bottom: 10px; }
section.contact-section { padding: 70px 0; }
section.map-section iframe { height: 400px; }
.blog-wrapper .col-sm-4 { padding: 15px; }

section.about-section.inn {
    padding: 70px 0;
}
section.counter-section {
    padding: 50px 0;
}
.count-digit-row {
    font-size: 36px;
    line-height: 36px;
}
.count-bx p {
    font-size: 16px;
    line-height: 24px;
}
section.the-merino-story-section {
    padding: 70px 0;
}
.the-merino-story-box {
    padding: 20px 20px 10px;
}
.the-merino-story-box figure {
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
    line-height: 67px;
}
section.the-merino-story-section .col-sm-3 {
    padding: 10px;
}
section.latest-jobs-section {
    padding: 70px 0;
}
.latest-jobs-btns {
    bottom: 20px;
}
.latest-jobs-box ul li {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 6px;
}
.latest-jobs-box {
    padding: 20px 20px 90px;
}
section.about-section.home {
    padding: 100px 0 0;
}
section.product-page-section.main .product-right ul li h3 {
    padding-top: 10px;
    font-size: 20px;
    line-height: 28px;
}
section.product-page-section.main {
    padding-top: 70px;
}
.search-container {
    margin: 0 0 30px;
    padding: 20px 15px;
}
.search-container .services-detail-search {
    padding: 10px 30px 6px 10px;
    height: 40px;
    font-size: 15px;
    line-height: 22px;
}
.sidebar-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
}
.product-sidebar-category ul li {
    font-size: 15px;
}
.product-sidebar-category ul li a {
    padding: 6px 0px;
}
.product-sidebar-category {
    margin: 0 0 30px;
    padding: 20px 15px;
}
.product-sidebar-category.checkbox-category ul li {
    padding: 6px 0;
}
section.product-page-section {
    padding-bottom: 70px;
}
.new-trend-slider .new-trend-box figure img {
    height: 340px !important;
}
.new-trend-slider .new-trend-box figure {
    padding: 20px 20px;
}
.blog-item figure img {
    height: 300px;
}
section.careers-section .form-hero {
    margin: 20px 0 0;
}
section.careers-section .form-hero .gform_wrapper .gfield {
    padding-bottom: 20px;
}
section.careers-section {
    padding: 70px 0;
}
section.our-gallery-section {
    padding: 70px 0;
}
.product-summary {
    padding-left: 30px;
}
section.new-trend-section.product {
    padding: 70px 0;
}
section.colour-acrylics-section {
    padding: 0 0 70px;
}
section.home-banner.become {
    padding: 30px;
}
.copyright-section {
    left: 30px;
    bottom: 30px;
    right: 30px;
}
section.about-section.inn.about {
    padding-bottom: 70px !important;
}
section.thank-you-section {
    padding: 70px 0;
}
section.inner-banner.blog .caption-absolute {
    padding: 120px 0 70px;
}
section.about-section.home.our {
    margin-top: 70px;
    padding: 70px 0;
}
section.about-section.home {
    padding: 100px 0 0;
}
section.product-detail-section {
    padding: 130px 0 0px;
}
	
	
	
}
@media (max-width: 1299px) {

}
@media (max-width: 1199px) {
.header-logo { max-width: 100px; position: relative; }
.nav-div { right: auto; }
.banner-caption { text-align: center; max-width: 500px; margin: 0 auto; }
section.home-banner .col-sm-7 { width: 100%; }
.banner-caption h2 { margin-bottom: 10px; font-size: 18px; line-height: 24px; }
.banner-title { margin-bottom: 15px; line-height: 46px; font-size: 40px; }
a.theme-btn { padding: 9px 17px; font-size: 14px;  line-height: 24px; }
.carousel-item { padding: 50px 0; }
.heading-title { margin-bottom: 10px; line-height: 38px; font-size: 36px; letter-spacing: normal; }
.sub-title { margin-bottom: 15px; line-height: 26px; font-size: 22px;  }
section.most-categories-section { padding: 40px 5px; }
section.most-categories-section .col-sm-4 { padding: 10px; }
.container { padding: 0 20px; }
section.key-ups-section { padding: 40px 0; }
.key-ups-row ul.nav.nav-tabs li a { padding: 7px 20px; font-size: 14px; line-height: 22px; }
.logo-list { padding: 20px 20px; }
.key-ups-row { padding: 0 10px; }
.logo-slider .owl-nav .owl-next, .logo-slider .owl-nav .owl-prev { width: 45px; height: 45px; }
.logo-slider .owl-nav .owl-next { right: -36px; background-size: 22px !important; }
.logo-slider .owl-nav .owl-next:hover { background-size: 22px !important; }
.logo-slider .owl-nav .owl-prev { left: -36px; background-size: 22px !important; }
.logo-slider .owl-nav .owl-prev:hover { background-size: 22px !important; }
.new-trend-slider .owl-nav .owl-next, .new-trend-slider .owl-nav .owl-prev { width: 45px; height: 45px; }
.new-trend-slider .owl-nav .owl-next { right: -15px; background-size: 22px !important; }
.new-trend-slider .owl-nav .owl-next:hover { background-size: 22px !important; }
.new-trend-slider .owl-nav .owl-prev { left: -15px; background-size: 22px !important; }
.new-trend-slider .owl-nav .owl-prev:hover { background-size: 22px !important; }
.blog-slider.owl-carousel .owl-nav .owl-next, .blog-slider.owl-carousel .owl-nav .owl-prev { width: 45px; height: 45px; }
.blog-slider.owl-carousel .owl-nav .owl-next { background-size: 22px !important; }
.blog-slider.owl-carousel .owl-nav .owl-next:hover { background-size: 22px !important; }
.blog-slider.owl-carousel .owl-nav .owl-prev {  background-size: 22px !important; }
.blog-slider.owl-carousel .owl-nav .owl-prev:hover { background-size: 22px !important; }
.blog-content h3 { font-size: 17px; line-height: 24px; }
.blog-item { border-radius: 20px; padding: 5px; }
.blog-item figure { border-radius: 20px; }
.blog-content { padding: 10px 10px 5px; min-height: 150px; }
.blog-slider { padding-top: 20px; }
p { font-size: 15px; line-height: 22px; margin-bottom: 10px; } 
h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }
.blog-slider .owl-nav { right: 120px; top: -42px; }
.blog-section { padding: 40px 0; }
.new-trend-list ul.nav.nav-tabs li a { padding: 8px 20px; font-size: 14px; line-height: 20px; }
.new-trend-react a img  { max-width: 20px; }
.new-trend-react a { width: 35px; height: 35px; margin: 2px; line-height: 35px; }
section.new-trend-section { padding: 0 10px; }
.new-trend-btns { padding-top: 10px; }
section.about-section { padding: 0 0 40px; }
.why-choose-box figure img { max-width: 60px; }
.why-choose-box figure { margin: 0 auto 10px; }
.why-choose-box h2 { font-size: 18px; line-height: 24px; margin-bottom: 5px; }
.why-choose-list ul li { width: 33.33%; padding: 10px; }
.why-choose-box { padding: 10px 10px; }
section.why-choose-section { padding: 40px 0 20px; }
.newsletter-form .medium { padding: 9px 48px 9px 10px; height: 40px; width: 100%; font-size: 15px; line-height: 22px; }
.newsletter-form input.button.gform_button { top: 9px; right: 6px; padding: 0px !important; padding: 14px !important; background-size: 21px !important; }
.ftr-title { margin-bottom: 8px; font-size: 16px; line-height: 20px; }
.ftr-item ul li { font-size: 15px; line-height: 20px; margin-bottom: 7px; }
.newsletter-form .gform_body.gform-body { margin-top: 10px; }
.footer { padding: 30px 0 20px; }
.header-section { background: #000; position: relative; }
.header-section .header-logo img { max-width: 220px; }
.carousel-item:before { opacity: 0.7; background: #000; }
.header-section.sticky .header-logo img { max-width: 220px; }
.banner-caption p { margin-bottom: 20px; font-size: 17px; line-height: 26px; }
.product-title { bottom: 10px; line-height: 20px; font-size: 16px; }
.logo-list h2 { font-size: 16px; }
.new-trend-slider h3 { padding-top: 10px; }
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select, .form-hero .gform_wrapper .medium { font-size: 14px !important; padding: 6px 20px 6px 10px !important; height: 40px; line-height: 20px; }
.gform_wrapper .gform_fields p { margin-bottom: 0; }
input.button.gform_button { padding: 8px 25px !important; font-size: 16px !important; line-height: 22px !important; }
.contact-box figure img { max-width: 40px; }
.contact-box { padding: 15px 0; }
.contact-box figure { margin-bottom: 15px; }
section.contact-section { padding: 40px 0; }
section.map-section iframe { height: 300px; }
.blog-wrapper .col-sm-4 { padding: 10px; }

section.about-section.inn {
    padding: 40px 0;
}
section.counter-section {
    padding: 30px 0;
}
.counter-row .col-sm-3 {
    padding: 10px;
}
    .count-digit-row {
        font-size: 30px;
        line-height: 30px;
    }
section.the-merino-story-section {
    padding: 40px 0;
}
    .the-merino-story-box {
        padding: 15px 15px 10px;
    }
section.latest-jobs-section {
    padding: 40px 0;
}
section.about-section.home {
    padding: 50px 0 0;
}
section.product-page-section.main .product-right ul li h3 {
    padding-top: 8px;
    font-size: 18px;
    line-height: 28px;
}
section.product-page-section.main {
    padding-top: 40px;
}
section.product-page-section.main .product-right ul li {
    width: 33.33%;
}
    section.product-page-section {
        padding-bottom: 40px;
    }
.product-right {
    padding-left: 0;
}
.search-container .services-detail-search{
        padding: 10px 30px 6px 10px;
        height: 40px;
        font-size: 14px;
        line-height: 20px;
    }
.fa-search {
    right: 10px;
    height: 17px;
    width: 17px;
    background-size: 17px;
}
    .search-container {
        margin: 0 0 20px;
        padding: 20px 15px;
    }
        .sidebar-title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 7px;
    }
        .product-sidebar-category ul li {
        font-size: 13px;
        line-height: 20px;
    }
.product-sidebar-category {
        margin: 0 0 20px;
        padding: 20px 15px;
    }
.inner-banner>img {
    height: 300px;
}
    .new-trend-slider .new-trend-box figure img {
        height: 280px !important;
    }

.blog-item figure img {
    height: 260px;
}

.form-hero {
    padding: 15px;
    margin-right: 0;
}
.b-form-title {
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 34px;
}

section.careers-section .form-hero {
    margin: 10px 0 0;
}
section.careers-section .form-hero .gform_wrapper .gfield {
    padding-bottom: 15px;
}
section.careers-section {
    padding: 40px 0;
}
h1 {font-size: 30px;line-height: 34px;}
h2 {font-size: 26px;line-height: 32px;}
h3 {font-size: 22px;line-height: 26px;}
h4 {font-size: 20px;line-height: 24px;}
h5 {font-size: 18px;line-height: 22px;}
h6 {font-size: 15px;line-height: 18px;}
section.latest-jobs-section .col-sm-4 {
    padding: 10px;
}
    .latest-jobs-box ul li {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 6px;
    }
    .latest-jobs-box ul li::after {
    padding: 0 5px 0;
    font-size: 15px;
}
    .latest-jobs-btns {
        bottom: 15px;
    }
        .latest-jobs-box {
        padding: 15px 15px 70px;
    }
section.our-gallery-section {
    padding: 40px 0;
}
.gallery-img ul li {
    width: 25%;
    padding: 10px;
}
.gallery-img figcaption .img-gorup a {
    width: 60px;
    height: 60px;
}
.wp-pegination {
    padding-top: 15px;
}
section.product-detail-section {
    padding: 40px 0 0px;
}
section.new-trend-section.product {
    padding: 40px 0;
}
.default-css ul li, .default-css ol li {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 6px;
}
.default-css ul li {
    background-position: 0 3px;
    padding-left: 22px;
    background-size: 17px;
}
.product-summary .default-css ul li {
    margin-bottom: 15px;
}
.product-summary .default-css ul li strong {
    min-width: 160px;
}
.product-slider-items figure img {
    height: 380px;
}
.slick-slide img {
    height: 90px;
}
.product-summary {
        padding-left: 10px;
    }
.default-css ul, .default-css ol {
    margin-bottom: 10px;
}
.colour-acrylics-box {
    padding: 20px 20px 10px;
}
section.colour-acrylics-section {
    padding: 0 0 40px;
}
    section.home-banner.become {
        padding: 15px;
    }
    .become-logo img {
    max-width: 180px;
}
.become-call-inn p {
    font-size: 17px;
    line-height: 30px;
}
.become-call figure {
    margin-right: 7px;
    margin-top: 2px;
}
.become-call figure img {
    max-width: 23px;
}.become-call {
    margin: 0 10px;
}
    .copyright-section {
        left: 15px;
        bottom: 15px;
        right: 15px;
    }
    .ftr-social a{
    width: 50px;
    height: 50px;
    line-height: 49px;
}
.copyright p {
    font-size: 18px;
    line-height: 24px;
}
.tax-product-cat section.product-page-section.main.inn .new-trend-box figure img {
    height: 320px;
}
.product-slider-items figure {
    padding: 30px;
}
section.about-section.inn.about {
    padding-bottom: 40px !important;
}
section.thank-you-section {
    padding: 40px 0;
}
.pum-theme-1146 .pum-title, .pum-theme-lightbox .pum-title {
    font-size: 24px !important;
    line-height: 28px !important;
}
.pum-content input[type="text"], .pum-content textarea, .pum-content select, .pum-content .medium {
    font-size: 15px !important;
    padding: 9px 20px 8px 10px !important;
    height: 40px;
}
.gallery-box-img>figure>img {
    height: 310px;
}
    section.inner-banner.blog .caption-absolute {
        padding: 40px 0 30px;
    }
section.home-banner.become .absolute-content .banner-caption {
    max-width: 70%;
}
section.about-section.home.our {
    margin-top: 40px;
    padding: 40px 0;
}
button#show-more-btn {
    font-size: 14px;
    margin-bottom: 7px;
}
section.about-section.home {
    padding: 50px 0 0;
}
.tax-product-cat section.product-page-section.main.inn .new-trend-box figure {
    padding: 20px;
}



}
@media (max-width: 1024px) {

}
@media (max-width: 991px) {
.blog-section .section-heading .default-css { max-width: 500px; }
.footer .col-sm-3 { width: 100%; order: 2; text-align: center; }
.footer .col-sm-4 { width: 100%; order: 1; text-align: center; }
.newsletter-form form { max-width: 440px; margin: 0 auto; }
.ftr-btns a.theme-btn.btn-green { width: auto; }
.ftr-btns { padding: 10px 0 20px; }
.ftr-title { margin-bottom: 8px; font-size: 16px; line-height: 20px; background: #123e46; color: #fff; padding: 7px; }
.ftr-item ul li { font-size: 14px; line-height: 18px; margin-bottom: 7px; border-bottom: 1px solid rgb(102 102 102 / 44%); padding-bottom: 5px; }
.ftr-item ul li:last-child { margin-bottom: 7px; border-bottom: none; padding-bottom: 5px; }
    section.the-merino-story-section .col-sm-3 {
        padding: 10px;
        width: 33.33%;
    }
    .footer {
        padding: 30px 0 5px;
    }


}
@media (max-width: 900px) {
        section.product-page-section.main .col-sm-3 {
        width: 100%;
    }
        section.product-page-section.main .col-sm-9 {
        width: 100%;
    }
        section.contact-section .col-sm-6 {
        width: 100%;
    }
.form-hero {
        padding: 0;
        margin-right: 0;
    }
    section.contact-section.inn .contact-form {
    padding-top: 20px;
}
.contact-box {
        padding: 10px 0;
    }
.gallery-img ul li {
        width: 33.33%;
        padding: 10px;
    }

    

}
@media (max-width: 812px) {
.banner-caption h2 { margin-bottom: 10px; font-size: 16px; line-height: 20px; }
.banner-title {  line-height: 34px; font-size: 34px; }
section.home-banner .container { padding: 0 20px; }
a.theme-btn { padding: 7px 10px; font-size: 13px;  line-height: 22px; }
.carousel-control-next, .carousel-control-prev { width: 25px; height: 25px; top: 50%; transform: translateY(-50%); }
.banner-caption { text-align: center; max-width: 400px; margin: 0 auto; }
.carousel-item { padding: 60px 0; }
.heading-title { margin-bottom: 10px; line-height: 32px; font-size: 30px;  }
.sub-title { margin-bottom: 10px; line-height: 24px; font-size: 20px; }
.container { padding: 0 12px; }
.blog-section .section-heading { display: block; text-align: center; }
.blog-section .section-heading .default-css { max-width: 580px; margin: 0 auto; }
.logo-slider .owl-nav .owl-next, .logo-slider .owl-nav .owl-prev { width: 35px; height: 35px; }
.logo-slider .owl-nav .owl-next { right: -32px; background-size: 19px !important; }
.logo-slider .owl-nav .owl-next:hover { background-size: 19px !important; }
.logo-slider .owl-nav .owl-prev { left: -32px; background-size: 19px !important; }
.logo-slider .owl-nav .owl-prev:hover { background-size: 19px !important; }
.new-trend-slider .owl-nav .owl-next, .new-trend-slider .owl-nav .owl-prev { width: 35px; height: 35px; }
.new-trend-slider .owl-nav .owl-next { right: -10px; background-size: 19px !important; }
.new-trend-slider .owl-nav .owl-next:hover { background-size: 19px !important; }
.new-trend-slider .owl-nav .owl-prev { left: -10px; background-size: 19px !important; }
.new-trend-slider .owl-nav .owl-prev:hover { background-size: 19px !important; }
.blog-slider.owl-carousel .owl-nav .owl-next, .blog-slider.owl-carousel .owl-nav .owl-prev { width: 35px; height: 35px; margin: 0 5px; }
.blog-slider.owl-carousel .owl-nav .owl-next { background-size: 19px !important; }
.blog-slider.owl-carousel .owl-nav .owl-next:hover { background-size: 19px !important; }
.blog-slider.owl-carousel .owl-nav .owl-prev {  background-size: 19px !important; }
.blog-slider.owl-carousel .owl-nav .owl-prev:hover { background-size: 19px !important; }
.blog-content h3 { font-size: 15px; line-height: 24px; }
.blog-content { padding: 10px 10px 5px; min-height: 110px; }
.blog-slider .owl-nav { right: 0; top: 20px; position: relative; left: 0; margin: 0 auto; text-align: center; }
.blog-section { padding: 40px 0 50px; }
.key-ups-row ul.nav.nav-tabs li a { padding: 6px 13px; font-size: 12px; line-height: 20px; border-width: 1px; }
.key-ups-row ul.nav.nav-tabs li { padding: 2px; }
.key-ups-row ul.nav.nav-tabs li a::before { bottom: -7px; border-top: 10px solid #123e46; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.new-trend-list ul.nav.nav-tabs li { padding: 1px; }
.new-trend-list ul.nav.nav-tabs li a { padding: 7px 10px 5px; font-size: 12px; line-height: 18px; }
p { font-size: 14px; line-height: 18px; margin-bottom: 10px; }
.why-choose-box figure img { max-width: 50px; }
.why-choose-box h2 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
.search-popup input.search-input { height: 40px; font-size: 17px; }
.header-section .header-logo img { max-width: 160px; }
.header-section.sticky .header-logo img { max-width: 160px; }
.nav-div a { margin: 0 5px; }
.header-right { padding-right: 35px; }
.banner-caption p { margin-bottom: 15px; font-size: 16px; line-height: 24px; }
.product-title { bottom: 10px; line-height: 20px; font-size: 15px; }
.logo-list h2 { font-size: 15px; }
.inner-banner>img { height: 200px; object-fit: cover; }


    .count-digit-row {
        font-size: 26px;
        line-height: 30px;
    }
        .count-bx p {
        font-size: 14px;
        line-height: 20px;
    }
section.product-page-section.main .product-right ul li h3 {
        padding-top: 5px;
        font-size: 16px;
        line-height: 24px;
    }
    .b-form-title {
        margin-bottom: 10px;
        font-size: 26px;
        line-height: 30px;
    }
h1 {font-size: 26px;line-height: 30px;}
h2 {font-size: 24px;line-height: 30px;}
h3 {font-size: 20px;line-height: 24px;}
h4 {font-size: 18px;line-height: 22px;}
h5 {font-size: 16px;line-height: 22px;}
h6 {font-size: 14px;line-height: 18px;}
    .latest-jobs-box ul li {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 6px;
    }
        section.latest-jobs-section .col-sm-4 {
        padding: 10px;
        width: 50%;
    }
.default-css ul li, .default-css ol li {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 5px;
}
.default-css ul li {
    background-position: 0 1px;
    padding-left: 19px;
    background-size: 15px;
}
.product-summary .default-css ul li {
    margin-bottom: 10px;
}
.product-summary .default-css ul li strong {
    min-width: 130px;
}
.colour-acrylics-box {
    padding: 15px 15px 5px;
}
.become-logo img {
    max-width: 150px;
}
.become-call-inn p {
    font-size: 15px;
    line-height: 24px;
}
.ftr-social a img {
    max-width: 20px;
}
.ftr-social a {
    width: 40px;
    height: 40px;
    margin: 2px;
    line-height: 40px;
}
.copyright p {
    font-size: 16px;
    line-height: 22px;
}
.become-call-row {
    margin: 0 -10px;
}
    section.home-banner.become {
        padding: 15px 0;
    }

}
@media (max-width: 767px) {
section.product-page-section.main .new-trend-box figure img {
    height: 230px;
}




}
@media (max-width: 700px) {
section.most-categories-section .col-sm-4 { padding: 10px; width: 50%; }
.why-choose-list ul li { width: 50%; padding: 0 10px; }
.blog-wrapper .col-sm-4 { padding: 10px; width: 50%; }

    section.about-section.inn .col-sm-6:first-child {
        width: 100%;
        order: 2;
    }
    section.about-section.inn .col-sm-6:last-child {
        width: 100%;
        order: 1;
    }
   section.about-section.inn .section-heading {
    padding-top: 15px;
}
    section.product-detail-section .col-sm-6 {
        width: 100%;
    }
.product-summary {
        padding: 15px 0 0;
    }
section.colour-acrylics-section .col-sm-4 {
    width: 50%;
}
section.colour-acrylics-section .col-sm-4:nth-child(even) .colour-acrylics-box {
    background: transparent;
}
.become-call-row {
    display: block;
    text-align: right;
    margin: 0;
}
    .become-call {
        margin: 10px 0px;
        justify-content: right;
    }
    .copyright-section {
        display: block;
        text-align: center;
    }
    .copyright p {
        font-size: 15px;
        line-height: 18px;
    }
        section.home-banner.become .absolute-content .banner-caption {
        max-width: 94%;
    }

}
@media (max-width: 600px) {
.blog-content { padding: 10px 10px 5px; min-height: auto; }
section.about-section .col-sm-6:first-child { width: 100%; order: 2; }
section.about-section .col-sm-6:last-child { width: 100%; order: 1; padding-bottom: 20px; }

    section.the-merino-story-section .col-sm-3 {
        padding: 10px;
        width: 50%;
    }
    section.product-page-section.main .product-right ul li {
        width: 50%;
    }
    section.product-page-section.main.inn .product-right ul li {
    width: 50%;
}
    .gallery-img ul li {
        width: 50%;
        padding: 10px;
    }
.pum-theme-1146 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
        right: 0 !important;
        top: 0 !important;
        padding: 0 !important;
        line-height: 26px;
    }



}
@media (max-width: 575px) {
.banner-title {  line-height: 32px; font-size: 26px; }
.key-ups-row ul.nav.nav-tabs li { padding: 2px; width: 50%; }
.heading-title { margin-bottom: 10px; line-height: 28px; font-size: 24px; }
.new-trend-list ul.nav.nav-tabs li a { padding: 7px 10px 5px; font-size: 11px; line-height: 16px; }
.banner-caption p { margin-bottom: 10px; font-size: 15px; line-height: 24px; }
.sub-title { margin-bottom: 10px; line-height: 24px; font-size: 18px; }
.inner-banner>img { height: 170px; }


.counter-row .col-sm-3 {
    width: 50%;
}
.gform_wrapper .gfield.gfield--width-half {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
    section.latest-jobs-section .col-sm-4 {
        padding: 10px;
        width: 100%;
    }
section.home-banner.become .absolute-content .banner-caption {
    text-align: center;
    margin: 0 auto;
}
    .become-call-inn p {
        font-size: 14px;
        line-height: 22px;
    }
.pum-content img {
    height: auto !important;
    margin-bottom: 20px;
}
.popup-form .form-hero {
    padding: 25px 15px 10px;
}
.pum-container.custom-position {
    top: 50px !important;
    transform: inherit !important;
}

	
	
}
@media (max-width: 525px) {
.contact-left ul li {
    width: 100%;
}
.tax-product-cat section.product-page-section.main.inn .new-trend-box figure {
    padding: 10px 10px;
}
.tax-product-cat section.product-page-section.main.inn .new-trend-box figure img {
        height: 160px;
    }
	
	


}
@media (max-width: 480px) {
.why-choose-list ul li { width: 100%; padding: 0 10px; }
.blog-wrapper .col-sm-4 { padding: 10px; width: 100%; }
   section.the-merino-story-section .col-sm-3 { padding: 10px; width: 100%; }
    .product-slider-items figure img {
        height: 310px;
    }
        .slick-slide img {
        height: 70px;
    }
.become-header {
    display: block;
    text-align: center;
}
    .become-call {
        margin: 10px 0px;
        justify-content: center;
    }


}
@media (max-width: 420px) {
section.most-categories-section .col-sm-4 { padding: 10px; width: 100%; }
.key-ups-row ul.nav.nav-tabs li a { padding: 5px 10px; font-size: 10px; line-height: 14px; border-width: 1px; }
section.colour-acrylics-section .col-sm-4 {
    width: 100%;
}
.tax-product-cat section.product-page-section.main.inn .new-trend-box figure img {
    height: 220px;
}
.gallery-box-img>figure>img {
    height: 220px;
}



}