/*

Theme Name: Romaine

Author: APA



Description: Vantage is a flexible multipurpose theme. Its strength lies in its tight integration with some powerful plugins like Page Builder for responsive page layouts, Smart Slider 3 for big beautiful sliders and WooCommerce to help you sell online. Vantage is fully responsive and retina ready. Use it to start a business site, portfolio or online store. We offer free support on our <a href="https://siteorigin.com/thread/">forum</a> (https://siteorigin.com/thread/).

Version: 1.20.22

Tested up to: 6.4

Requires at least: 4.7

Requires PHP: 5.6.20

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: vantage

Tags: two-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce

*/

/* =Reset

-------------------------------------------------------------- */

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
  margin: 0;

  padding: 0;

  box-sizing: border-box;
}

img {
  display: block;

  max-width: 100%;

  margin: 0 auto;
}

body {
  font-family: "Poppins", sans-serif;

  color: #dbdbdb;

  background-color: #121212;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0px;
}

h3.romaine-heading {
  font-size: 32px;

  font-weight: 600;

  color: #fff;

  margin-bottom: 30px;
}

p {
  font-size: 15px;

  line-height: 22px;
}

/* Header */

header {
  background-image: url("../romaine/images/header-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #dbdbdb;
}
.middle-header {
  position: relative;
  z-index: 1;
}
.middle-header:before {
  content: "";
  background: linear-gradient(
    91deg,
    #000000,
    #000000,
    transparent,
    transparent
  );
  position: absolute;
  top: 0;
  left: 0;
  inset: auto;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.top-header {
  background-color: rgb(0, 0, 0);
}

.top-details {
  display: flex;

  align-items: center;
}

.top-details img {
  width: 16px;

  margin-right: 8px;
}

.top-header-inner {
  display: flex;

  justify-content: center;

  gap: 25px;

  font-size: 12px;

  font-weight: 500;

  padding: 8px 0px;
}

.logo {
  transform-origin: bottom;

  padding: 0px 0px 0px;

  width: 380px;
}
.logo img {
  width: 100%;
  margin-top: -20px;
}

.header-logo {
  display: flex;

  justify-content: space-between;
}

.cta-inner {
  transform: skewX(-12deg);

  position: relative;

  height: 100%;
}
.cta-inner img {
  transform: skewX(12deg);
  width: 180px;
}

.cta-inner:before {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  transform: scaleX(1.05);

  background: #494343;

  z-index: -1;
}

.cta-inner a {
  padding: 18px 25px;

  display: block;

  background: #fff;

  height: 100%;
}

/* nav */

/* .romain-nav{

    position: relative;

    top: 0;

    left: 0;

    height: 50px;

    width: 100%;

    background-color:#333333;

    z-index: 100;

}

.romain-nav .nav-bar{

    position: relative;

    height: 100%;

    width: 100%;

    margin: 0 auto;

    padding: 15px 11px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.romain-nav .nav-bar .sidebarOpen{

    color: #fff;

    font-size: 25px;

    padding: 5px;

    cursor: pointer;

    display: none;

    position: relative;

    bottom: 6px;

}

.menu .logo-toggle{

    display: none;

}

.nav-bar .nav-links{

    display: flex;

    align-items: center;

    margin-bottom: 0px !important;

}

.nav-bar .nav-links li{

    margin: 0 12px;

    list-style: none;

}

.nav-links li a{

    position: relative;

    font-size: 14px;

    font-weight: 400;

    color: #fff;

    text-decoration: none;

    padding: 5px;

} */

.main-navigation ul li:hover > a,
.main-navigation ul li.focus > a {
  background: #005696 !important;
}
.footer_tags {
  padding-bottom: 10px;
}

footer::before {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: url(../romaine/images/header-bg.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  z-index: -1;
}

.main-footer {
  padding-bottom: 1px;

  position: relative;

  width: 100%;
}

.footer_tags h3 {
  font-size: 23px;

  display: inline-block;

  position: relative;

  text-transform: capitalize;
}

.footer_tags h3::before {
  content: "";

  height: 2px;

  width: 40%;

  background-color: #005696;

  position: absolute;

  bottom: -0.4em;

  left: 0;
}

.footer_details {
  padding-top: 20px;
}

.footer_location {
  padding-top: 20px;
}

.footer-img::before {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: url(../romaine/images/footer-left.png);

  background-position: left;

  background-repeat: no-repeat;
}

.footer-img::after {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: url(../romaine/images/footer-right.png);

  background-position: right;

  background-repeat: no-repeat;
}

.pos-relative {
  position: relative;

  z-index: 3;
}

.footer-img {
   padding: 30px 20px 0px 20px;
}

.footer_location li {
  color: #dbdbdb;

  position: relative;

  padding-left: 28px;

  list-style: none;

  font-size: 15px;

  padding-bottom: 15px;
}

.footer_details li {
  color: #dbdbdb;

  list-style: none;

  font-size: 15px;

  padding-bottom: 15px;
}

.footer_details li a {
  color: #dbdbdb;
}

.footer_details li a:hover {
  text-decoration: none;
}

.footer_location li img {
  position: absolute;

  top: 0px;

  left: 0;

  width: 20px;
}

.copyrights {
  background-color: #000;

  padding: 10px;
}

.keep-it-touch {
  position: relative;

  margin-top: 15px;
}

.keep-it-touch input {
  height: 40px !important;

  line-height: 40px;

  vertical-align: middle;

  border: none;

  width: 100%;

  font-size: 12px;

  outline: none;

  padding-left: 10px;

  padding-right: 52px;

  color: #000;

  position: relative;

  z-index: 2;
}

.sub-button {
  background: #005696;

  text-transform: capitalize;

  position: absolute;

  top: 0;

  right: 0;

  width: 40px;

  height: 40px;

  border: none;

  font-size: 15px;

  padding: 0px 15px;

  color: #fff;

  font-weight: 600;

  z-index: 3;
}

.social_icons {
  margin-top: 15px;
}

.social_icons ul {
  display: flex;
}

.social_icons ul li {
  border-radius: 100%;

  border: 1px solid #fff;

  padding: 8px;

  width: 35px;

  height: 35px;

  margin-right: 10px;
}

/* Breadcrumbs */

.r-breadcrumb {
  background-image: url("../romaine/images/breadcrumbs.png");

  background-repeat: no-repeat;

  background-size: cover;

  text-align: center;

  padding: 20px 0px;
}

.breadcrumbs-title {
  font-size: 34px;

  color: #fff;

  font-weight: 500;

  padding-bottom: 5px;
}

.breadcrumbs-title {
  font-size: 44px;

  color: #fff;

  font-weight: 500;

  padding-bottom: 5px;
}

.bread-tab a {
  padding: 4px;

  display: inline-block;

  color: #fff;

  cursor: pointer;
}

.bread-tab a.active {
  color: #005696;
}

.bread-tab a:hover {
  text-decoration: none;
}

.bread-tab i {
  content: "\f054";

  font-family: "FontAwesome";

  font-style: normal;

  font-size: 10px;

  font-weight: 300;
}

/* Homepage */

/* Banner Image */

.banner-inner {
  display: flex;

  padding: 0px 5px;
}

.banner-section {
  background-image: url("../romaine/images/banner-1.png");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;
}

.banner-content h1 {
  font-size: 40px;

  font-weight: 600;

  color: #fff;
}

.banner-content {
  /* padding: 80px 0px 30px; */
  /* padding: 0px 30px; */
  /* padding: 0px 30px 0 0; */
  padding: 0px 30px 0 30px;
  /* padding: 60px 30px 20px 30px; */
  flex: 1;
  flex-direction: column;
  display: flex;
  justify-content: center;
  gap: 30px;
}
.banner-image {
  padding: 0px 50px;
  flex: 1;
}

.view-btn {
  font-size: 14px;

  display: inline-block;

  background-color: #005696;

  border: 1px solid #005696;

  color: #fff;

  padding: 8px 12px;

  border-radius: 5px;

  width: 100px;
}

.view-btn:hover {
  background-color: #fff;

  color: #005696;

  text-decoration: none;
}

.banner-slider .slick-prev:before,
.banner-slider .slick-next:before {
  font-family: "FontAwesome";

  padding: 3px 9px;

  font-size: 18px;
  z-index: 6;
}

.banner-slider .slick-prev:before {
  content: "\f104" !important;
  position: relative;
  /* left: -25px; */
  /* left: -45px; */
}

.banner-slider .slick-next:before {
  content: "\f105" !important;
}

.banner-slider .slick-prev {
  /* left: -45px; */
  /* left: 0px; */
}

.banner-slider .slick-next {
  /* right: -45px; */
  /* right: 0px; */
}

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

/* Product Slider */

.romaine-product-slider {
  /* padding: 30px 0px 20px; */
  padding: 60px 0px 20px;
  background: #343538;
}
.romaine-product-slider h3.romaine-heading {
  margin-bottom: 20px;
}
a.product-box {
  margin: 20px;

  text-align: center;

  background-color: #232323;

  border-radius: 5px;

  min-height: 295px;

  display: block;
}
a.product-box:hover {
  text-decoration: none;
  cursor: pointer;
}

.product-img {
  padding: 30px 40px;
}

h6.product-name {
  font-size: 16px;

  padding: 20px 20px 10px;

  font-weight: 500;

  color: #fff;
}

p.product-no {
  font-size: 12px;

  color: #7e7e7e;
}

.product-slider .slick-prev:before,
.product-slider .slick-next:before {
  font-family: "FontAwesome";

  padding: 3px 9px;

  font-size: 18px;

  background-color: #6c6c6c;
}

.product-slider .slick-prev:before {
  content: "\f104" !important;
}

.product-slider .slick-next:before {
  content: "\f105" !important;
}

/* About us */

.about-us {
  background-image: url("../romaine/images/grey-bg.png");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  overflow: hidden;

  position: relative;
}

.about-us:before {
  content: "";

  background-image: url("../romaine/images/pattern-bg.png");

  width: 50%;

  height: 100%;

  position: absolute;

  right: 0;
}

.about-us-content {
  /* padding: 30px 0px; */
  padding: 30px 0px 30px 10px;

  padding-right: 120px;

  position: relative;
}

.about-us-content p {
  padding-bottom: 15px;
}

.about-us-image img {
  width: 70%;

  margin: 0 auto;

  padding: 100px 0px;
}

.about-pattern {
  position: absolute;

  top: 0;

  bottom: 0;

  height: 100%;

  right: -120px;
}

.service-points {
  display: inline-block;

  margin: 15px 0px;
}

.point-img {
  width: 60px;

  height: 60px;

  padding: 15px;

  background: linear-gradient(215deg, #272727, #5d5d5d);

  border-radius: 50%;

  display: inline-block;

  vertical-align: middle;
}

.point-content {
  display: inline-block;

  vertical-align: middle;
}

.point-content p {
  padding: 0px 15px;

  padding-bottom: 0px;
}

.about-btn {
  display: inline-block;

  padding: 10px;

  background-color: #005696;

  border: 1px solid #005696;

  color: #fff;

  text-transform: uppercase;

  font-size: 14px;

  font-weight: 500;

  border-radius: 5px;

  margin-top: 25px;
}

.about-btn:hover {
  background-color: #fff;

  text-decoration: none;

  color: #005696;
}

/* testimonals */

.romaine-Testimonals-slider {
  padding: 30px 0px;
}

.test-img {
  width: 50px;

  height: 50px;

  border-radius: 50%;

  overflow: hidden;
}

.test-content {
  background: #fff;

  color: #888888;

  font-size: 14px;

  padding: 15px;

  min-height: 250px;

  position: relative;
}

.test-content:before {
  content: "";

  width: 10px;

  height: 10px;

  border-top: solid 10px #fff;

  border-left: solid 10px #fff;

  border-right: solid 10px transparent;

  border-bottom: solid 10px transparent;

  position: absolute;

  bottom: -15px;

  left: 23px;
}

.testimonals-box {
  margin: 10px;
}

.test-details {
  display: flex;

  align-items: center;

  padding: 30px 0px 0px;
}

.user-name {
  font-size: 15px;

  font-weight: 500;

  color: #005696;
}

.test-user {
  padding-left: 15px;
}

.user-role {
  font-size: 12px;
}

.testimonals-slider .slick-prev,
.testimonals-slider .slick-next {
  top: 36%;
}

.testimonals-slider .slick-prev:before,
.testimonals-slider .slick-next:before {
  font-family: "FontAwesome";

  padding: 3px 9px;

  font-size: 18px;

  background-color: #6c6c6c;
}

.testimonals-slider .slick-prev:before {
  content: "\f104" !important;
}

.testimonals-slider .slick-next:before {
  content: "\f105" !important;
}

/* What we offer */

.what-we-offer {
  background-image: url("../romaine/images/offer-bg.jpg");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  padding: 30px 0px;
}

.offer-sub {
  font-size: 20px;

  padding-bottom: 20px;
}

.offer-section {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-around;

  padding-top: 30px;
}

.offer-box {
  width: 180px;

  padding: 10px;

  text-align: center;
}

.offer-img {
  padding: 30px;
}

/* Brands */

.brand-slider-section {
  padding: 30px 0px;
}

a.brands-img {
  margin: 10px;

  background: #fff;

  padding: 20px 30px;

  display: block;

  cursor: pointer;
}

a.brands-img:focus {
  outline: none;
}

.brand-slider .slick-prev:before,
.brand-slider .slick-next:before {
  font-family: "FontAwesome";

  padding: 3px 9px;

  font-size: 18px;

  background-color: #6c6c6c;
}

.brand-slider .slick-prev:before {
  content: "\f104" !important;
}

.brand-slider .slick-next:before {
  content: "\f105" !important;
}

.social_icons {
  display: none;
}

/* ----------------------------------------  Homepage End ------------------------------------------- */

/* product page */

.product-page {
  padding: 30px 0px;
}

.product-heading h4 {
  font-size: 28px;

  color: #fff;

  font-weight: 500;
}

.product-category {
  display: flex;

  flex-wrap: wrap;

  text-align: center;

  justify-content: center;

  padding-top: 20px;
}

.category-box {
  width: 180px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  background: #fff;

  /* background-image: url('../images/bg.png'); */

  color: #005696;

  /* color: #000; */

  border: 1px solid #4b4b4b;

  font-weight: 500;

  padding: 20px 10px;

  margin: 20px;

  border-radius: 5px;
}

.category-img {
  width: 80px;

  background: #fff;

  margin-bottom: 20px;
}

.alternator {
  padding-top: 30px;
}

/* Contact-details page */

.contact-detail-page {
  padding-bottom: 40px;
}

.contact-details-section {
  padding: 40px 0px;

  background: url("../romaine/images/contact-bg.png");
}

h3.company-name {
  font-size: 28px;

  font-weight: 600;

  color: #fff;

  margin-bottom: 15px;
}

ul.company-detail-list {
  padding-top: 30px;
}

ul.company-detail-list li {
  position: relative;

  list-style: none;

  padding-bottom: 20px;

  padding-left: 35px;

  font-size: 15px;
}

ul.company-detail-list li a {
  color: #dbdbdb;

  text-decoration: none;
}

ul.company-detail-list img {
  width: 20px;

  position: absolute;

  left: 0;
}

.contact-slider .slick-prev:before,
.contact-slider .slick-next:before {
  font-family: "FontAwesome";

  padding: 3px 9px;

  font-size: 18px;

  background-color: #6c6c6c;
}

.contact-slider .slick-prev:before {
  content: "\f104" !important;
}

.contact-slider .slick-next:before {
  content: "\f105" !important;
}

.contact-images {
  margin: 20px;
}

/*   Contact Us   */

.contact-us-section {
  padding: 40px 0px;
}

.contact-us-logo {
  padding: 40px;

  padding-top: 0px;
}

.contact-us-desc {
  padding: 0px 20px;
}

.contact-us-desc p {
  padding-bottom: 40px;
}

.form-name {
  width: 100%;

  padding: 10px 0px;
}

.form-email {
  width: 100%;

  padding: 10px;

  padding-right: 0px;
}

.form-input {
  display: flex;
}

.form-name input,
.form-email input {
  width: 100%;

  padding: 15px 20px;

  border-radius: 10px;

  background-color: #fafafa;

  outline: none;

  border: none;

  color: #767676;
}

.form-heading {
  font-size: 24px;

  background: #121212;

  display: inline-block;

  padding: 0px 10px;

  font-weight: 600;

  color: #fff;

  position: absolute;

  top: -15px;
}

.contact-form {
  border: 1px solid #fff;

  padding: 35px 20px 20px;

  border-radius: 20px;
}

.form-text textarea {
  width: 100%;

  padding: 20px;

  height: 180px;

  border-radius: 10px;

  background-color: #fafafa;

  outline: none;

  border: none;

  color: #767676;
}

.form-submit-btn {
  display: inline-block;

  background: #005696;

  padding: 12px 30px;

  border-radius: 10px;

  font-size: 16px;

  margin-top: 10px;

  font-weight: 500;
}

.location-section {
  background-image: url("../romaine/images/grey-bg.png");

  background-repeat: no-repeat;

  background-size: cover;

  padding: 30px 0px;
}

.location-flex-box {
  display: flex;

  flex-wrap: wrap;

  justify-content: center;
}

.location-content {
  display: inline-block;

  padding-left: 10px;

  vertical-align: middle;
}

.location-box {
  display: inline-block;

  background-color: #fff;

  padding: 10px;

  border-radius: 10px;

  margin: 10px 10px;

  position: relative;
}

.location-image {
  display: inline-block;

  vertical-align: middle;

  width: 90px;

  border-radius: 5px;

  overflow: hidden;
}

.location-image img {
  width: 90px !important;

  height: 90px !important;
}

p.company-sname img {
  display: inline-block;

  position: absolute;

  width: 20px;

  top: 0;

  left: 0;
}

p.company-sname {
  color: #000000;

  word-wrap: break-word;

  padding-bottom: 10px;

  width: 200px;
}

.contact-view-btn a {
  display: inline-block;

  padding: 6px 10px;

  background: #005696;

  border: 1px solid #fff;

  color: #fff;

  border-radius: 5px;
}

.contact-view-btn a:hover {
  text-decoration: none;

  color: #005696;

  border: 1px solid #005696;

  background-color: #fff;
}

.department-section {
  padding: 30px 0px;

  position: relative;

  overflow: hidden;
}

.department-section::before {
  content: "";

  position: absolute;

  background-image: url(../romaine/images/pattern.png);

  background-size: contain;

  background-repeat: no-repeat;

  transform: rotate(99deg);

  top: -19px;

  left: -287px;

  width: 441px;

  height: 400px;
}

.department-section::after {
  content: "";

  position: absolute;

  background-image: url(../romaine/images/pattern.png);

  background-size: contain;

  background-repeat: no-repeat;

  transform: rotate(-102deg);

  top: 467px;

  right: -287px;

  width: 441px;

  height: 400px;
}

.national-sales-inner {
  display: flex;

  flex-wrap: wrap;

  justify-content: center;
}

.Accounting-inner {
  display: flex;

  flex-wrap: wrap;

  justify-content: center;
}

.ns-box {
  text-align: center;

  width: 265px;

  margin: 10px;

  margin-bottom: 40px;
}

.national-head {
  font-size: 25px;

  font-weight: 600;

  margin-top: 20px;

  margin-bottom: 30px;
}

.Accounting-head {
  font-size: 25px;

  font-weight: 600;

  margin-top: 20px;

  margin-bottom: 30px;
}

.ns-box a {
  display: inline-block;

  padding-top: 10px;

  color: #fff;

  font-size: 13px;
}

.ns-name {
  color: #fff;

  font-size: 22px;

  font-weight: 600;
}

.ns-img {
  width: 100px;

  height: 100px;

  border: 2px solid #fff;

  border-radius: 50%;

  overflow: hidden;

  margin: 0 auto;

  margin-bottom: 20px;
}

h5.ns-role {
  margin-top: 8px;
}

/* Downloads */

.download-page {
  padding: 30px 0px 10px;
}

.download-header h3 {
  margin-bottom: 20px;
}

.downloads-section {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-around;

  padding: 20px 0px;
}

.download-box {
  width: 240px;

  margin: 20px;

  text-align: center;
}

.download-img {
  border-radius: 50%;

  width: 200px;

  margin: 0 auto;

  padding: 40px;

  background: #3e3e3e;
}

.download-box h5 {
  font-size: 22px;

  margin-top: 20px;
}

.download-banner {
  padding: 20px 15px;

  width: 340px;

  border-radius: 20px;

  border: 4px solid #ffffff;
}

h4.download-heading {
  font-size: 26px;

  color: #fff;

  text-align: center;

  margin-bottom: 20px;
}
.pdf-download-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  padding: 20px 0px 40px;
}

/* Service Page  */

.service-description {
  padding: 40px 0px;
}

.service-content p {
  padding-bottom: 20px;
}

.service-img {
  padding: 0px 30px;
}

.service-list-section {
  padding: 30px 0px;

  background: url("../romaine/images/grey-bg.png");
}

.service-list ul li {
  padding-bottom: 15px;

  padding-left: 30px;

  font-size: 15px;

  list-style: none;

  position: relative;
}

.service-list ul li::before {
  content: "\f00c";

  font-family: Fontawesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

  margin-left: 5px;

  position: absolute;

  top: 0;

  left: 0;

  color: #005696;
}

.service-slider-section {
  padding: 40px 0px;
}

a.parters-img {
  margin: 10px;

  background: #fff;

  padding: 20px 30px;

  display: block;

  cursor: pointer;
}

a.parters-img:focus {
  outline: none;
}

.service-slider-section p {
  padding-bottom: 30px;
}

.service-slider-section h3.romaine-heading {
  margin-bottom: 10px;
}

.service-silder .slick-prev:before,
.service-silder .slick-next:before {
  font-family: "FontAwesome";

  padding: 3px 9px;

  font-size: 18px;

  background-color: #6c6c6c;
}

.service-silder .slick-prev:before {
  content: "\f104" !important;
}

.service-silder .slick-next:before {
  content: "\f105" !important;
}

/* =Menu

----------------------------------------------- */

.main-navigation {
  background: #343538;

  clear: both;

  font-size: 0;

  /* margin: 0 -35px; */

  position: relative;

  z-index: 9;

  /* Font awesome icons */

  /* General menu link styling */
}

.main-navigation [class^="fa fa-"] {
  display: inline-block;

  margin-right: 15px;

  font-size: 16px;

  line-height: 0.5em;

  color: #ccc;
}

.main-navigation a:hover [class^="fa fa-"],
.main-navigation a.focus [class^="fa fa-"] {
  color: #fff;
}

.main-navigation ul {
  text-align: left;

  list-style: none;

  margin: 0;

  padding-left: 0;

  zoom: 1;

  /* Second level menu items */
}

.main-navigation ul:before {
  content: "";

  display: block;
}

.main-navigation ul:after {
  content: "";

  display: table;

  clear: both;
}

.main-navigation ul li {
  display: inline-block;

  font-size: 13px;

  position: relative;
}

.main-navigation ul li:hover > a,
.main-navigation ul li.focus > a {
  background: #00bcff;

  color: #fff;
}

.main-navigation ul li a {
  padding: 20px 35px;

  line-height: 1em;

  -ms-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;
}

.main-navigation ul li a,
.main-navigation ul li a > * {
  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

.main-navigation ul ul {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

  -webkit-transition: opacity 0.25s ease;

  -moz-transition: opacity 0.25s ease;

  -o-transition: opacity 0.25s ease;

  transition: opacity 0.25s ease;

  background: #464646;

  visibility: hidden;

  opacity: 0;

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 99999;

  /* Third Level Items */
}

.main-navigation ul ul a {
  width: 200px;

  padding: 15px 20px;
}

.main-navigation ul ul li {
  position: relative;

  text-align: left;

  /* Hovering over 2nd level items */
}

.main-navigation ul ul li:hover > a,
.main-navigation ul ul li.focus > a {
  background: #00bcff;

  color: #fff;
}

.main-navigation ul ul ul {
  left: 100%;

  top: 0;

  margin-left: 0;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  visibility: visible;

  opacity: 1;
}

.main-navigation a {
  display: block;

  text-decoration: none;

  color: #e2e2e2;

  font-weight: bold;
}

/* For when the menu becomes a sticky menu */

body.sticky-menu.layout-full .site-navigation {
  right: 0;

  left: 0;

  margin-right: 0;

  margin-left: 0;
}

body.sticky-menu.layout-boxed .main-navigation {
  width: 100%;

  max-width: 1080px;
}

body.sticky-menu.mega-menu-primary.layout-boxed .site-navigation {
  max-width: 1100px;
}

body.sticky-menu.mega-menu-primary.layout-full .site-navigation {
  padding-left: 35px;

  padding-right: 35px;
}

body.sticky-menu.mega-menu-primary .site-navigation {
  z-index: 9999;
}

@media (min-width: 783px) {
  body.sticky-menu.admin-bar .site-navigation.use-sticky-menu {
    top: 32px;
  }
}

@media (max-width: 782px) and (min-width: 601px) {
  body.sticky-menu.admin-bar .site-navigation.use-sticky-menu {
    top: 42px;
  }
}

body.sticky-menu .site-navigation.sticky {
  position: fixed;

  top: 0;

  width: 100%;

  margin: 0;
}

body.admin-bar:not(.sticky-menu) .site-navigation.use-sticky-menu {
  top: 0;
}

.main-navigation.sticky:after {
  bottom: -6px;

  box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px -6px inset;

  content: "";

  height: 6px;

  position: absolute;

  width: 100%;
}

.has-menu-search
  .main-navigation
  div
  > ul:not([id*="mobile-nav-item-wrap"]):not([class*="product_list_widget"]) {
  margin-right: 59px;
}

.has-menu-search.has-mini-cart
  .main-navigation
  ul:not([id*="mobile-nav-item-wrap"]):not([class*="shopping-cart"]):not(
    [class*="shopping-cart-dropdown"]
  ):not([class*="product_list_widget"]) {
  margin-right: 118px;
}

/* Handle the navigation slightly differently on mobile devices */

body.so-vantage-mobile-device .main-navigation ul ul {
  display: none;
}

body.so-vantage-mobile-device .main-navigation li:hover > ul {
  display: block;
}

.mobile-nav-frame [class^="fa fa-"] {
  display: inline-block;

  margin-right: 10px;

  min-width: 1em;
}

.mobile-nav-frame img {
  max-height: 18px;

  max-width: 18px;

  margin-right: 10px;
}

.mobile-nav-icon {
  font-family: "FontAwesome";

  display: inline-block;

  margin-right: 10px;
}

.mobile-nav-icon:before {
  font-size: 14px;

  content: "\f00b";
}

.mobilenav-main-link img {
  max-height: 15px;

  max-width: 20px;

  margin-right: 10px;
}

#search-icon {
  display: none;
}

#search-icon {
  position: absolute;

  top: 0;

  right: 0;

  height: 100%;

  z-index: 110;
}

#search-icon #search-icon-icon {
  -ms-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  position: relative;

  display: block;

  cursor: pointer;

  background-color: #303134;

  width: 59px;

  height: 100%;
}

#search-icon #search-icon-icon,
#search-icon #search-icon-icon .icon-search {
  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

#search-icon #search-icon-icon .vantage-icon-search {
  position: absolute;

  display: block;

  width: 17px;

  height: 17px;

  font-size: 17px;

  top: 50%;

  left: 50%;

  margin-top: -8px;

  margin-left: -8.5px;

  color: #d1d1d1;
}

#search-icon #search-icon-icon img {
  position: absolute;

  display: block;

  max-width: 17px;

  max-height: 17px;

  top: 50%;

  left: 50%;

  margin-top: -8px;

  margin-left: -8.5px;
}

#search-icon #search-icon-icon:hover,
#search-icon #search-icon-icon:focus {
  background-color: #00bcff;
}

#search-icon #search-icon-icon:hover .vantage-icon-search,
#search-icon #search-icon-icon:focus .vantage-icon-search {
  color: #fff;
}

#search-icon .searchform {
  display: none;

  position: absolute;

  top: 100%;

  right: 0;

  width: 1080px;

  background: #2d2e31;

  z-index: 10;

  overflow-x: hidden;
}

#search-icon .searchform input[name="s"] {
  color: #d1d1d1;

  font-size: 17px;

  font-weight: 200;

  -ms-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  display: block;

  width: 100%;

  height: 42px;

  border: none;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

  background-color: transparent;

  outline: none;

  padding: 0 15px;
}

.mobile-nav-frame form.search input[type="search"] {
  display: none !important;
}

.hgroup.full-container {
  display: none;
}

#theme-attribution {
  display: none;
}

footer {
  position: relative !important;
}

span.wpcf7-list-item {
  margin-right: 1em;
  margin-left: 0;
}

.wpcf7-list-item-label {
  margin-left: 0.25em;
}

.wpcf7 .wpcf7-mail-sent-ok,
.wpcf7 .wpcf7-validation-errors,
.wpcf7 span.wpcf7-not-valid-tip {
  font-size: 13px;
  padding: 6px 9px 6px 9px;
  padding: 0;
  margin: 18px 0 0 0;
  display: block;
  text-align: inherit;
  border: 0;
  font-weight: 500;
}

input.wpcf7-form-control.wpcf7-submit.btn {
  margin: 0;
}

.wpcf7-inline-wrapper {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-size: 0;
}

.wpcf7-inline-wrapper input,
.wpcf7-inline-wrapper select {
  margin: 0;
}

.wpcf7-inline-wrapper .wpcf7-inline-field {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding: 0 9px 0 9px;
}

.wpcf7-inline-wrapper .wpcf7-inline-field input {
  text-align: left;
  padding: 15px 20px;
  border-radius: 10px;
  background-color: #fafafa;
  outline: none;
  border: none;
  color: #767676;
}

.wpcf7-inline-wrapper .wpcf7-inline-field input:not([type="checkbox"]),
.wpcf7-inline-wrapper .wpcf7-inline-field input:not([type="radio"]) {
  width: 100%;
}

.wpcf7-inline-wrapper .wpcf7-inline-field:first-child {
  padding-left: 0;
}

.wpcf7-inline-wrapper .wpcf7-inline-field:last-child {
  padding-right: 0;
}

.wpcf7-inline-wrapper .wpcf7-inline-field > * {
  margin-top: 0 !important;
}

.wpcf7-inline-wrapper.wpcf7-input-group {
  display: table;
  table-layout: auto;
}

.wpcf7-inline-wrapper.wpcf7-input-group p {
  padding: 0;
}

.wpcf7-inline-wrapper.wpcf7-input-group > :first-child input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.wpcf7-inline-wrapper.wpcf7-input-group > :first-child input:not(.btn) {
  line-height: 1.65em;
  padding: 11px 15px 11px 15px;
  border-right: none !important;
}

.wpcf7-inline-wrapper.wpcf7-input-group > :not(:first-child) input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.wpcf7-inline-wrapper.wpcf7-input-group > :not(:first-child) input:not(.btn) {
  line-height: 1.65em;
  padding: 11px 15px 11px 15px;
  border-left: none !important;
}

.wpcf7-inline-wrapper.wpcf7-input-group .wpcf7-inline-field {
  display: table-cell;
}

.wpcf7-inline-wrapper.wpcf7-input-group .wpcf7-inline-field-text {
  width: 99%;
}

.wpcf7-inline-wrapper.wpcf7-input-group .wpcf7-inline-field-btn {
  width: 1%;
}

.wpcf7-inline-wrapper.wpcf7-input-group .wpcf7-inline-field-btn input {
  width: auto;
}

.wpcf7-inline-wrapper.wpcf7-input-group .wpcf7-inline-field-btn input.btn-xl {
  padding-left: 27px !important;
  padding-right: 27px !important;
}

.firefox .wpcf7-inline-wrapper.wpcf7-input-group .wpcf7-inline-field-btn input {
  border-bottom: 0;
}

form .wpcf7-inline-wrapper:nth-child(2) p {
  margin-top: 0;
}

.wpcf7-captchac {
  margin: 14px 0 0 0;
}

input.wpcf7-submit {
  display: inline-block;
  background: #005696;
  padding: 12px 30px;
  border-radius: 10px;
  font-size: 16px;
  margin-top: 10px;
  font-weight: 500;
}
input.wpcf7-submit.btn:hover,
input.wpcf7-submit.btn:focus,
input.wpcf7-submit.btn.focus {
  color: #fff;
  text-decoration: none;
}
.wpcf7-form-control-wrap textarea {
  width: 100%;
  resize: none;
  padding: 15px 20px;
  border-radius: 10px;
  background-color: #fafafa;
  outline: none;
  border: none;
  color: #767676;
}
.wpcf7-inline-wrapper p {
  margin-bottom: 15px;
}

.modal-dialog {
  text-align: center;
  color: #000;
}
.modal-header {
  padding: 8px 15px 0px 15px;
  border-bottom: none;
}
img.coming-soon-image {
  padding-bottom: 20px;
}
.download-btn-image {
  cursor: pointer;
}

/* media queries  */

@media (min-width: 1700px) {
  footer.without-scroll {
    position: fixed !important;
    bottom: 0;
  }
  .copyrights.without-scroll {
    position: fixed;
    bottom: 0;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 450px !important;
    margin: 120px auto !important;
  }
  .modal-header {
    border-bottom: 0 !important;
  }
  .modal-body {
    padding: 20px;
    padding-top: 0px;
  }
  .coming-soon-image {
    width: 80%;
    padding-bottom: 20px;
  }
  .coming-soon-text {
    color: #000 !important;
    text-align: center;
    padding: 10px;
  }
}

@media (max-width: 1200px) {
  .footer-img::before {
    display: none;
  }

  .footer-img::after {
    display: none;
  }

  /* footer */
  .footer_location li,
  .footer_details li,
  .footer_details p {
    font-size: 12px !important;
  }

  /* Homepage */

  .banner-content h1 {
    font-size: 32px;

    font-weight: 600;

    color: #fff;

    padding-bottom: 30px;
  }

  .banner-content {
    /* padding: 50px 0px; */
    padding: 50px 30px 0px;
  }

  .about-us-content {
    padding-right: 0px;
  }

  .about-pattern {
    display: none;
  }

  .about-us:before {
    display: none;
  }

  .about-us-image img {
    max-width: 300px;

    padding: 40px 0px;
  }
}

@media (max-width: 991px) {
  .banner-inner {
    display: flex;

    flex-direction: column;

    text-align: center;
  }

  .banner-image {
    display: none;
  }

  .cta-inner a {
    padding: 28px 25px;
  }
  .banner-slider .slick-prev {
    left: -10px;
  }

  .banner-slider .slick-next {
    right: -10px;
  }

  .banner-content {
    padding: 50px 20px;
  }
}

@media (max-width: 1024px) {
  /* service page */

  .service-img {
    padding-bottom: 30px;

    margin: 0 auto;

    max-width: 600px;
  }
  .logo img {
    width: 100%;
    margin-top: 0px;
  }
}

@media (max-width: 790px) {
  .logo {
    transform: scale(1);

    max-width: 240px;
  }

  .cta-inner a {
    padding: 20px 25px;

    display: block;

    background: #fff;

    height: 100%;
  }

  .call-to-action {
    width: 150px;
  }

  .romain-nav .nav-bar .sidebarOpen {
    display: block;
  }

  .main-navigation ul {
    padding-left: 30px;
  }

  /* .menu{

        position: fixed;

        height: 100%;

        width: 230px;

        left: -100%;

        top: 0;

        padding: 10px;

        background-color:#333333;

        z-index: 100;

        transition: all 0.4s ease;

    }

    .romain-nav.active .menu{

        left: -0%;

    }

    .menu .logo-toggle{

        display: block;

        width: 100%;

        display: flex;

        align-items: center;

        justify-content: end;

    }

    .logo-toggle .siderbarClose{

        color: var(--text-color);

        font-size: 24px;

        cursor: pointer;

    }

    .nav-bar .nav-links{

        flex-direction: column;

        padding-top: 10px;

    }

    .nav-links li a{

        display: block;

        margin-top: 10px;

    } */

  /* service page */

  .slick-prev {
    left: -10px;
  }

  .slick-next {
    right: -10px;
  }

  .department-section::before {
    display: none;
  }

  .department-section::after {
    display: none;
  }
}

@media (max-width: 539px) {
  /* logo and form */
  .header-logo {
    display: block;
  }
  .logo {
    margin: 0 auto;
    max-width: 300px;
  }

  .ez-login-form {
    margin: 20px auto;
  }
  .ez-login-form table {
    width: 100%;
  }
  .ez-login-form table tr td.UPPad {
    width: 70%;
  }
  .ez-login-form table tr td.LPad {
    width: 30%;
  }
  #btnLogin {
    width: 90% !important;
  }

  /* view more button on banner */
  .view-btn {
    height: 30px;
    line-height: 15px;
    margin: 0 auto;
  }

  /* slider 2 on banner */
  .banner-slider
    .slide.slick-slide.slick-current.slick-active:nth-child(2)
    .banner-content {
    padding: 50px 20px !important;
  }

  .banner-slider
    .slide.slick-slide.slick-current.slick-active:nth-child(3)
    .banner-content {
    padding: 50px 20px !important;
  }

  .top-header-inner {
    display: block;

    float: left;
  }

  .top-details {
    float: left;

    padding: 10px 0px;
  }

  /* .logo {
    max-width: 180px;
  } */

  .call-to-action {
    width: 100px;
  }

  .cta-inner a {
    padding: 15px 7px;
  }

  .location-box {
    text-align: center;
  }

  p.company-sname {
    padding-top: 15px;
  }
}

@media (max-width: 480px) {
  .main-navigation ul li a {
    padding: 20px 0;
  }
  .main-navigation ul {
    padding-left: 0;
  }
}

.headquarter-box {
  text-align: center;
}
.headquarter-box .location-box {
  position: relative;
  text-align: center;
}
.headquarter-box .location-image {
  display: block;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.headquarter-box .location-image img {
  width: 100% !important;
  height: 9100% !important;
}
.headquarter-box .location-content {
  display: inline-block;
  background-color: #fff;
  padding: 10px 30px;
  padding-bottom: 20px;
  border-radius: 10px;
}
.location-content-box {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
}
.headquarter-box p.company-sname {
  width: 100%;
  font-weight: 600;
}

/* header */
.call-to-action {
  position: relative;
  left: 110px;
}

#frag_11 form table tr td span {
  margin-right: 5px;
  margin-bottom: 10px;
  display: inline-block;
}
#frag_11 form table tr td input {
  margin-bottom: 10px;
  color: #000;
  padding-left: 5px;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
}
/* #frag_11 form table tr td input:focus {
  border: 0 !important;
  padding-left: 2px;

}

#frag_11 form table tr td input:focus-visible {
    border: 0 !important;
    outline: #fff auto 0px;
    padding-left: 2px;
  } */

#btnLogin {
  color: #fff !important;
  margin-left: 10px;
  height: 30px;
  border-radius: 4px;
}
.banner-section a:hover,
.about-us a:hover,
.banner-section a:focus,
.about-us a:focus {
  text-decoration: none;
  border: 0px;
  outline: unset !important;
}

#btnLogin:hover,
#btnLogin:focus {
  background-color: #fff !important;
  text-decoration: none;
  border: 0px;
  outline: unset !important;
  color: #005696 !important;
}

/* testimonials slider */
.testi-subtitle {
  font-weight: 800;
  padding-bottom: 20px;
  font-size: 18px;
}

/*.testimonals-slider .slick-track,
.testimonals-slider .slick-slide {
  width: 100% !important;
} */
.test-content {
  min-height: auto !important;
}

.test-img {
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 50%;
  padding: 5px;
  overflow: hidden;
}
/* shapes on form */
.shape-1 {
  margin-bottom: -10px;
}
.shape-2 {
  margin-top: -20px;
  margin-left: -8px;
}

.logo {
  width: 450px !important;
}

/* View More Button on Slider */
.view-btn:focus {
  color: #fff !important;
}
.footer-area.footer-area-one ul li a {
  color: #dbdbdb;
  text-decoration: none;
}

/* Product Slider on Products Page */
a.product-box,
a.brands-img {
  cursor: unset !important;
}

/* top header*/
.top-details p a {
  color: #dbdbdb;
  text-decoration: none;
}

/* Login Form on top header */
::placeholder {
  color: #ccc;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder {
  /* Edge 12-18 */
  color: #ccc;
  opacity: 1;
  font-weight: 800;
}

.ez-login-form input:focus {
  color: #000 !important;
}

/* Contact Form 7 for Email Subscription */
.wpcf7-inline-wrapper.keep-it-touch {
  display: inline-block;
  width: auto !important;
}
.email-subscribe-text-para,
.email-subscribe-btn-para {
  display: inline-block;
}

.wpcf7-form-control.wpcf7-submit.sub-button {
  margin-top: 0;
  background-color: #005696 !important;
  text-transform: capitalize;
  border-radius: 0 !important;
  border: 0 !important;
  width: 40px;
  height: 40px !important;
  border: none !important;
  font-size: 15px;
  padding: 0px 15px;
  color: #fff !important;
  font-weight: 600 !important;
  z-index: 3 !important;
  position: relative;
  background: url(../romaine/images/right-chevron.png) no-repeat left;
  background-size: 14px;
  background-position: 14px 14px;
  padding-left: 10px;
}

.footer-area .wpcf7 form .wpcf7-response-output {
  margin: 0 !important;
}

.new-keep-it-touch p.email-subscribe-text-para {
    margin-bottom:10px;
}
.new-keep-it-touch.wpcf7-inline-wrapper input.wpcf7-form-control{
    padding: 5px 8px;
    margin-top: 8px;
}

.new-keep-it-touch p{
    margin-bottom:10px;
}
.new-keep-it-touch.wpcf7-inline-wrapper input[type="email"]{
    color:#000;
	width:100%;
}
.wpcf7-form-control-wrap.recaptcha {
    width:100%;
}
.new-keep-it-touch.wpcf7-inline-wrapper input[type="submit"]{
    padding: 5px 20px;
}

.header-canada-logo{
position: relative;
    width: 80px;
}
.header-canada-logo img{
    width: 65px;
    position: absolute;
    bottom: 0;
}
.ez-login-form{
    margin-left: auto;
}