/*
1. Reset Visual Composer
2. Common
2.1. Swiper Slider Control
2.2. Theme Button
2.3. Input Type
3. Headings
4. Spacing
5. Header
6. Footer
7. Home Page
8. Service Page
9. Contact Us Page
*/

/* Neue Haas */

@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('../fonts/NeueHaasDisplay-Bold.woff2') format('woff2'),
      url('../fonts/NeueHaasDisplay-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('../fonts/NeueHaasDisplay-Black.woff2') format('woff2'),
      url('../fonts/NeueHaasDisplay-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('../fonts/NeueHaasDisplay-Light.woff2') format('woff2'),
      url('../fonts/NeueHaasDisplay-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('../fonts/NeueHaasDisplay-Mediu.woff2') format('woff2'),
      url('../fonts/NeueHaasDisplay-Mediu.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('../fonts/NeueHaasDisplay-Roman.woff2') format('woff2'),
      url('../fonts/NeueHaasDisplay-Roman.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

  /* poppins-300 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/poppins-v20-latin-300.eot"); /* IE9 Compat Modes */
    src: url("../fonts/poppins-v20-latin-300.eot?#iefix")
        format("embedded-opentype"),
      /* IE6-IE8 */ url("../fonts/poppins-v20-latin-300.woff2") format("woff2"),
      /* Super Modern Browsers */ url("../fonts/poppins-v20-latin-300.woff")
        format("woff"),
      /* Modern Browsers */ url("../fonts/poppins-v20-latin-300.ttf")
        format("truetype"),
      /* Safari, Android, iOS */ url("../fonts/poppins-v20-latin-300.svg#Poppins")
        format("svg"); /* Legacy iOS */
  }
  /* poppins-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/poppins-v20-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/poppins-v20-latin-regular.eot?#iefix")
        format("embedded-opentype"),
      /* IE6-IE8 */ url("../fonts/poppins-v20-latin-regular.woff2")
        format("woff2"),
      /* Super Modern Browsers */ url("../fonts/poppins-v20-latin-regular.woff")
        format("woff"),
      /* Modern Browsers */ url("../fonts/poppins-v20-latin-regular.ttf")
        format("truetype"),
      /* Safari, Android, iOS */
        url("../fonts/poppins-v20-latin-regular.svg#Poppins") format("svg"); /* Legacy iOS */
  }
  /* poppins-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/poppins-v20-latin-600.eot"); /* IE9 Compat Modes */
    src: url("../fonts/poppins-v20-latin-600.eot?#iefix")
        format("embedded-opentype"),
      /* IE6-IE8 */ url("../fonts/poppins-v20-latin-600.woff2") format("woff2"),
      /* Super Modern Browsers */ url("../fonts/poppins-v20-latin-600.woff")
        format("woff"),
      /* Modern Browsers */ url("../fonts/poppins-v20-latin-600.ttf")
        format("truetype"),
      /* Safari, Android, iOS */ url("../fonts/poppins-v20-latin-600.svg#Poppins")
        format("svg"); /* Legacy iOS */
  }
  /* poppins-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/poppins-v20-latin-700.eot"); /* IE9 Compat Modes */
    src: url("../fonts/poppins-v20-latin-700.eot?#iefix")
        format("embedded-opentype"),
      /* IE6-IE8 */ url("../fonts/poppins-v20-latin-700.woff2") format("woff2"),
      /* Super Modern Browsers */ url("../fonts/poppins-v20-latin-700.woff")
        format("woff"),
      /* Modern Browsers */ url("../fonts/poppins-v20-latin-700.ttf")
        format("truetype"),
      /* Safari, Android, iOS */ url("../fonts/poppins-v20-latin-700.svg#Poppins")
        format("svg"); /* Legacy iOS */
  }

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

@font-face {
    font-family: 'Poppins';
    src: 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: 'Poppins';
    src: url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

  :root {
    --black: #000000;
    --dark-gray: #656565;
    --white: #ffffff;
    --gray: #f2f2f2;
    --orange: #ce7641;
    --pink: #b63678;
    --blue: #588da9;
    --purple: #5c2bba;
    --light-blue: #45c0ae;
    --light-green: #7fb7a9;
    --font-color: #575656;
    --yellow-green: #b7b546;
    --shadow: 0px 0px 80px rgba(0, 0, 0, 0.16);
    --body_font: "Poppins";
  }
  
  /********** 1. Reset Visual Composer **********/
  body .wpb_button,
  body .wpb_content_element,
  body .vc_btn3-container {
    margin-bottom: 0;
  }
  
  body ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0;
  }
  
  body .vc_row-has-fill > .vc_column-inner {
    padding-top: 0;
  }
  
  body
    .vc_row-has-fill
    + .vc_row-full-width
    + .vc_row
    > .vc_column_container
    > .vc_column-inner {
    padding-top: 0;
  }
  
  body .vc_row-has-fill .vc_row > .vc_column_container > .vc_column-inner {
    padding-top: 0;
  }
  
  body .vc_row-has-fill > .vc_column_container > .vc_column-inner {
    padding-top: 0;
  }
  .container {
    max-width: 1320px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
  }
  .container,
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  
  .row > * {
    padding-left: 15px;
    padding-right: 15px;
    float: none;
  }
  .post,
  .page {
    margin: 0;
  }
  
  /********** 2. Common **********/
  body {
    font-family: var(--body_font);
    font-weight: 400;
    font-size: 16px;
    color: var(--font-color);
    background-color: var(--gray);
    overflow-x: hidden;
  }
  p {
    font-family: var(--body_font);
    font-weight: 400;
    font-size: 16px;
    color: var(--font-color);
  }
  
  img {
    vertical-align: top;
  }
  
  p:last-child {
    margin-bottom: 0;
  }
  
  p:empty {
    display: none;
  }
  
  a {
    color: var(--black);
    text-decoration: none;
    outline: none !important;
  }
  
  a:visited {
    color: inherit;
  }
  
  a:hover,
  a:focus {
    color: var(--primary_color);
    opacity: 1 !important;
  }
  
  ul,
  ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  
  .height-100 > .vc_column-inner {
    height: 100%;
  }
  
  .height-100 > .vc_column-inner > .wpb_wrapper {
    height: 100%;
  }
  
  .height-100 > .vc_column-inner > .wpb_wrapper .wpb_single_image {
    height: 100%;
  }
  
  .height-100 > .vc_column-inner > .wpb_wrapper .wpb_single_image .vc_figure {
    height: 100%;
    display: block;
  }
  
  .height-100
    > .vc_column-inner
    > .wpb_wrapper
    .wpb_single_image
    .vc_figure
    .vc_single_image-wrapper {
    height: 100%;
    display: block;
  }
  
  .height-100
    > .vc_column-inner
    > .wpb_wrapper
    .wpb_single_image
    .vc_figure
    .vc_single_image-wrapper
    img {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  
  .bg-orange {
    background-color: var(--orange);
  }
  .bg-pink {
    background-color: var(--pink);
  }
  .bg-blue {
    background-color: var(--blue);
  }
  .bg-purple {
    background-color: var(--purple);
  }
  .bg-yg {
    background-color: var(--yellow-green);
  }
  .color-white,
  .color-white p,
  .color-white a,
  .color-white h1,
  .color-white h2,
  .color-white h3,
  .color-white h4,
  .color-white h5,
  .color-white h6,
  .color-white li {
    color: var(--white) !important;
  }
  .c-lb,
  .c-lb p,
  .c-lb a,
  .c-lb h1,
  .c-lb h2,
  .c-lb h3,
  .c-lb h4,
  .c-lb h5,
  .c-lb h6,
  .c-lb li {
    color: var(--light-blue) !important;
  }
  .color-orange, 
  .color-orange p,
  .color-orange a,
  .color-orange h1,
  .color-orange h2,
  .color-orange h3,
  .color-orange h4,
  .color-orange h5,
  .color-orange h6,
  .color-orange li {
    color: var(--orange) !important;
  }
  .color-pink, 
  .color-pink p,
  .color-pink a,
  .color-pink h1,
  .color-pink h2,
  .color-pink h3,
  .color-pink h4,
  .color-pink h5,
  .color-pink h6,
  .color-pink li {
    color: var(--pink) !important;
  }
  .color-blue, 
  .color-blue p,
  .color-blue a,
  .color-blue h1,
  .color-blue h2,
  .color-blue h3,
  .color-blue h4,
  .color-blue h5,
  .color-blue h6,
  .color-blue li {
    color: var(--blue) !important;
  }
  .color-yg, 
  .color-yg p,
  .color-yg a,
  .color-yg h1,
  .color-yg h2,
  .color-yg h3,
  .color-yg h4,
  .color-yg h5,
  .color-yg h6,
  .color-yg li {
    color: var(--yellow-green) !important;
  }
  .color-purple, 
  .color-purple p,
  .color-purple a,
  .color-purple h1,
  .color-purple h2,
  .color-purple h3,
  .color-purple h4,
  .color-purple h5,
  .color-purple h6,
  .color-purple li {
    color: var(--purple) !important;
  }
  .desktop-hide {
    display: none;
  }
  .gr-border::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 15px;
    background: var(--gray);
  }
  .box-shadow {
    box-shadow: var(--shadow);
  }
  .text-box .vc_column-inner {
    max-width: 600px;
    margin: auto;
    padding: 30px !important;
  }
  
  /********** 2.2. Theme Button **********/

  .wpcf7-form-control.wpcf7-submit,
  a.btn--custom,
  .theme-btn .vc_general.vc_btn3,
  #load_more {
    background-color: var(--pink) !important;
    border: 2px solid var(--pink) !important;
    color: var(--white) !important;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    padding: 15px 30px;
    background-image: none;
    text-transform: uppercase;
    border-radius: 0;
    position: relative;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
  }
  a.btn--custom.orange-btn,
  .theme-btn.orange-btn .vc_general.vc_btn3 {
    background-color: var(--orange) !important;
    border: 2px solid var(--orange) !important;
  }
  a.btn--custom.blue-btn,
  .theme-btn.blue-btn .vc_general.vc_btn3 {
    background-color: var(--blue) !important;
    border: 2px solid var(--blue) !important;
  }
  a.btn--custom.yg-btn,
  .theme-btn.yg-btn .vc_general.vc_btn3 {
    background-color: var(--yellow-green) !important;
    border: 2px solid var(--yellow-green) !important;
  }
  a.btn--custom.light-blue--btn,
  .theme-btn.light-blue--btn .vc_general.vc_btn3 {
    background-color: var(--light-blue) !important;
    border: 2px solid var(--light-blue) !important;
  }
  a.btn--custom:hover,
  .wpcf7-form-control.wpcf7-submit:hover,
  .theme-btn .vc_general.vc_btn3:hover,
  #load_more:hover {
    background-color: transparent !important;
    color: var(--black) !important;
    border: 2px solid var(--pink) !important;
  }
  a.btn--custom.orange-btn:hover,
  .theme-btn.orange-btn .vc_general.vc_btn3:hover {
    background-color: transparent !important;
    color: var(--black) !important;
    border: 2px solid var(--orange) !important;
  }
  a.btn--custom.light-blue--btn:hover,
  .theme-btn.light-blue--btn .vc_general.vc_btn3:hover {
    background-color: transparent !important;
    color: var(--black) !important;
    border: 2px solid var(--light-blue) !important;
  }
  a.btn--custom.blue-btn:hover,
  .theme-btn.blue-btn .vc_general.vc_btn3:hover {
    background-color: transparent !important;
    color: var(--black) !important;
    border: 2px solid var(--blue) !important;
  }
  a.btn--custom.yg-btn:hover,
  .theme-btn.yg-btn .vc_general.vc_btn3:hover {
    background-color: transparent !important;
    color: var(--black) !important;
    border: 2px solid var(--yellow-green) !important;
  }
  .theme-btn.dark .vc_general.vc_btn3 {
    background-color: var(--black) !important;
    border: 1px solid var(--white);
    color: var(--white) !important;
  }
  .theme-btn.dark .vc_general.vc_btn3:hover {
    background-color: var(--white) !important;
    color: var(--black) !important;
    border: 1px solid var(--white);
  }
  
  .btn-link .vc_btn3 {
    background-color: none !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    color: var(--dark-gray) !important;
    font-weight: 700 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    transition: all ease-in-out 0.3s;
  }
  .btn-link a:hover {
    color: var(--light-blue) !important;
  }
  .btn-link .vc_btn3 i {
    right: -15px !important;
    transition: all ease-in-out 0.3s;
  }
  .btn-link .vc_btn3:hover i {
    color: var(--light-blue);
  }

  /********** 2.3. Input Type **********/
  .wpcf7-form-control {
    width: 100%;
    border: none !important;
    background: transparent;
    border: solid 1px var(--black) !important;
    border-radius: 0 !important;
    font-size: 18px;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding: 10px !important;
    outline: none;
  }
  textarea.wpcf7-form-control {
    height: 140px;
    margin-bottom: 10px !important;
    resize: none;
  }
  .wpcf7-form-control:focus {
    outline: none;
  }
  .wpcf7-form-control.wpcf7-submit {
    width: auto !important;
    border: solid 2px !important;
    padding: 15px 30px !important;
    margin-bottom: 0 !important;
  }
  .wpcf7-response-output {
    white-space: normal;
    margin-bottom: 0 !important;
    color: var(--black);
    text-align: center !important;
  }
  /********** 3. Headings **********/
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .vc_custom_heading {
    margin: 0;
    color: var(--black);
    font-family: "Neue Haas Grotesk Display Pro";
    font-weight: 700;
  }
  
  h1 {
    font-size: 70px;
    line-height: 1.3;
    font-family: "Neue Haas Grotesk Display Pro";
    font-weight: 700;
    letter-spacing: 1.5px;
  }
  h2 {
    font-size: 54px;
    line-height: 1.3;
  }
  h3 {
    font-size: 42px;
    line-height: 1.3;
  }
  h4 {
    font-size: 34px;
    line-height: 1.3;
  }
  h5 {
    font-size: 34px;
    line-height: 1.3;
  }
  h6 {
    font-size: 28px;
    line-height: 1.3;
  }
 /* # Padding + Margin
  -------------------------------------------------------------- */
  .pt-5 {padding-top: 5px !important;}
  .pt-10 {padding-top: 10px;}
  .pt-15 {padding-top: 15px;}
  .pt-20 {padding-top: 20px;}
  .pt-30 {padding-top: 30px;}
  .pt-40 {padding-top: 40px;}
  .pt-50 {padding-top: 50px;}
  .pt-60 {padding-top: 60px;}
  .pt-70 {padding-top: 70px;}
  .pt-80 {padding-top: 80px;}
  .pt-100 {padding-top: 100px !important;}
  .pt-120 {padding-top: 120px;}
  .pt-150 {padding-top: 150px;}
  .pt-170 {padding-top: 170px;}
  .pt-200 {padding-top: 200px;}
  .pt-250 {padding-top: 250px;}
  .pt-300 {padding-top: 300px;}
  
  .pb-5 {padding-bottom: 5px !important;}
  .pb-10 {padding-bottom: 10px;}
  .pb-15 {padding-bottom: 15px;}
  .pb-20 {padding-bottom: 20px;}
  .pb-30 {padding-bottom: 30px;}
  .pb-40 {padding-bottom: 40px;}
  .pb-50 {padding-bottom: 50px;}
  .pb-60 {padding-bottom: 60px;}
  .pb-70 {padding-bottom: 70px;}
  .pb-80 {padding-bottom: 80px;}
  .pb-100 {padding-bottom: 100px;}
  .pb-120 {padding-bottom: 120px;}
  .pb-150 {padding-bottom: 150px;}
  .pb-170 {padding-bottom: 170px;}
  .pb-200 {padding-bottom: 200px;}
  .pb-250 {padding-bottom: 250px;}
  .pb-300 {padding-bottom: 300px;}
  
  .pl-5, .pl-col-5 > .vc_column-inner > .wpb_wrapper {padding-left: 5px !important;}
  .pl-10, .pl-col-10 > .vc_column-inner > .wpb_wrapper {padding-left: 10px;}
  .pl-15, .pl-col-15 > .vc_column-inner > .wpb_wrapper {padding-left: 15px;}
  .pl-20, .pl-col-20 > .vc_column-inner > .wpb_wrapper {padding-left: 20px;}
  .pl-30, .pl-col-30 > .vc_column-inner > .wpb_wrapper {padding-left: 30px;}
  .pl-40, .pl-col-40 > .vc_column-inner > .wpb_wrapper {padding-left: 40px;}
  .pl-50, .pl-col-50 > .vc_column-inner > .wpb_wrapper {padding-left: 50px;}
  .pl-60, .pl-col-60 > .vc_column-inner > .wpb_wrapper {padding-left: 60px;}
  .pl-70, .pl-col-70 > .vc_column-inner > .wpb_wrapper {padding-left: 70px;}
  
  .pr-5, .pr-col-5 > .vc_column-inner > .wpb_wrapper {padding-right: 5px !important;}
  .pr-10, .pr-col-10 > .vc_column-inner > .wpb_wrapper {padding-right: 10px;}
  .pr-15, .pr-col-15 > .vc_column-inner > .wpb_wrapper {padding-right: 15px;}
  .pr-20, .pr-col-20 > .vc_column-inner > .wpb_wrapper {padding-right: 20px;}
  .pr-30, .pr-col-30 > .vc_column-inner > .wpb_wrapper {padding-right: 30px;}
  .pr-40, .pr-col-40 > .vc_column-inner > .wpb_wrapper {padding-right: 40px;}
  .pr-50, .pr-col-50 > .vc_column-inner > .wpb_wrapper {padding-right: 50px;}
  .pr-60, .pr-col-60 > .vc_column-inner > .wpb_wrapper {padding-right: 60px;}
  
.mt-120 {margin-top: 120px;}
.mt-100 {margin-top: 100px;}
.mb-100 {margin-bottom: 100px;}
.mb-200 {margin-bottom: 200px;}
.mb-0 {margin-bottom: 0;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}

@media screen and (max-width: 1560px) {
  .pt-60 {padding-top: 50px;}
  .pt-70 {padding-top: 50px;}
  .pt-80 {padding-top: 60px;}
  .pt-100 {padding-top: 70px !important;}
  .pt-120 {padding-top: 90px;}
  .pt-150 {padding-top: 100px;}
  .pt-170 {padding-top: 100px;}
  .pt-200 {padding-top: 130px;}
  .pt-250 {padding-top: 200px;}
  .pt-300 {padding-top: 230px;}

  .pb-60 {padding-bottom: 50px;}
  .pb-70 {padding-bottom: 50px;}
  .pb-80 {padding-bottom: 60px;}
  .pb-100 {padding-bottom: 70px;}
  .pb-120 {padding-bottom: 90px;}
  .pb-150 {padding-bottom: 100px;}
  .pb-170 {padding-bottom: 100px;}
  .pb-200 {padding-bottom: 130px;}
  .pb-250 {padding-bottom: 200px;}
  .pb-300 {padding-bottom: 230px;}
}

@media screen and (max-width: 1199px) {
  .pt-80 {padding-top: 50px;}
  .pt-100 {padding-top: 50px !important;}
  .pt-120 {padding-top: 60px;}
  .pt-150 {padding-top: 70px;}
  .pt-170 {padding-top: 70px;}
  .pt-200 {padding-top: 100px;}
  .pt-250 {padding-top: 150px;}
  .pt-300 {padding-top: 200px;}

  .pb-80 {padding-bottom: 50px;}
  .pb-100 {padding-bottom: 50px;}
  .pb-120 {padding-bottom: 60px;}
  .pb-150 {padding-bottom: 70px;}
  .pb-170 {padding-bottom: 70px;}
  .pb-200 {padding-bottom: 100px;}
  .pb-250 {padding-bottom: 150px;}
  .pb-300 {padding-bottom: 200px;}

  
  .mt-100 {margin-top: 50px;}
  .mb-100 {margin-bottom: 50px;}

  .pl-5, .pl-col-5 > .vc_column-inner > .wpb_wrapper,
  .pl-10, .pl-col-10 > .vc_column-inner > .wpb_wrapper,
  .pl-15, .pl-col-15 > .vc_column-inner > .wpb_wrapper,
  .pl-20, .pl-col-20 > .vc_column-inner > .wpb_wrapper,
  .pl-30, .pl-col-30 > .vc_column-inner > .wpb_wrapper,
  .pl-40, .pl-col-40 > .vc_column-inner > .wpb_wrapper,
  .pl-50, .pl-col-50 > .vc_column-inner > .wpb_wrapper,
  .pl-60, .pl-col-60 > .vc_column-inner > .wpb_wrapper { padding-left: 0 !important; }
  
  .pr-5, .pr-col-5 > .vc_column-inner > .wpb_wrapper,
  .pr-10, .pr-col-10 > .vc_column-inner > .wpb_wrapper,
  .pr-15, .pr-col-15 > .vc_column-inner > .wpb_wrapper,
  .pr-20, .pr-col-20 > .vc_column-inner > .wpb_wrapper,
  .pr-30, .pr-col-30 > .vc_column-inner > .wpb_wrapper,
  .pr-40, .pr-col-40 > .vc_column-inner > .wpb_wrapper,
  .pr-50, .pr-col-50 > .vc_column-inner > .wpb_wrapper,
  .pr-60, .pr-col-60 > .vc_column-inner > .wpb_wrapper { padding-right: 0 !important; }
}

@media screen and (max-width: 767px) {
  .pt-60,
  .pt-70,
  .pt-80,
  .pt-100,
  .pt-120,
  .pt-150,
  .pt-170 {padding-top: 50px !important;}
  .pt-200 {padding-top: 80px;}
  .pt-250 {padding-top: 100px;}
  .pt-300 {padding-top: 120px;}

  .pb-60,
  .pb-70,
  .pb-80,
  .pb-100,
  .pb-120,
  .pb-150,
  .pb-170 {padding-bottom: 50px;}
  .pb-200 {padding-bottom: 80px;}
  .pb-250 {padding-bottom: 100px;}
  .pb-300 {padding-bottom: 120px;}

   .two-pt-0 { padding-top: 0; }
}

.custom-ul ul li::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid var(--pink);
  border-right: 2px solid var(--pink);
  left: 0;
  top: 6px;
  transform: rotate(45deg);
}

/*---- Header ----*/
.site-header .site-logo a img {
    filter: brightness(0) invert(1);
}
.site-header.hero-twocol .site-logo a img {
  filter: brightness(1) invert(0);
}
.site-header.hero-twocol .site-header__menu .menu li a {
  color: var(--black);
}
.site-header.hero-twocol .site-header__menu .menu li a::after {
  background-color: var(--black);
}
.site-header.hero-twocol .header-right .search-icon a img {
  filter: brightness(1) invert(0);
}
.site-header {
    position: fixed;
    z-index: 99;
    width: 100%;
    background: transparent;
    padding: 20px 0;
}

.site-header.fixed {
    position: fixed;
    -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
    -moz-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
    animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 40%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    background-color: #d5d5d5;
}
.site-header.hero-twocol {
    background-color: rgba(213, 213, 213, .8);
}
.site-header.hero-twocol.fixed {
    background-color: rgba(213, 213, 213, 1);
}
.site-header.fixed .site-logo a img {
  filter: brightness(1) invert(0);
}
.site-header.fixed .site-header__menu .menu li a::after {
  background-color: var(--black);
}
.site-header.fixed .header-right .search-icon a img {
  filter: brightness(1) invert(0);
  opacity: 0.75;
}
.site-header.fixed .site-header__menu .menu li a {
  color: var(--black);
}
.site-header .site-logo {
    width: 250px;
}
.site-header .site-logo a {
    display: block;
}

@-webkit-keyframes stickySlideDown {
from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}

@keyframes stickySlideDown {
from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}

.site-header__menu .menu {
    display: flex;
    column-gap: 24px;
}

.site-header__menu .menu > li {
    position: relative;
}

.site-header__menu .menu li a {
    color: var(--white);
    padding: 5px 0;
    display: block;
    position: relative;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
}
.site-header__menu .menu li a::after {
    content: '';
    background-color: var(--white);
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all ease-in-out 0.3s;
}
.site-header__menu .menu li a:hover:after {
    width: 100%;
}
.site-header__menu .menu .current-menu-item a::after {
    width: 100%;
}
.site-header__menu .menu > li > .sub-menu {
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--dark-gray);
    opacity: 0;
    visibility: hidden;
    min-width: max-content;
    box-shadow: 0 2px 9px 0px rgb(0 0 0 / 10%);
}
.site-header__menu .menu > li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}
.site-header__menu .menu li ul li:hover a,
.site-header__menu .menu li .current-menu-item a {
    background: var(--black);
}
.header-right .search-icon {
    margin-left: 30px;
    max-width: 50px;
}
.header-right .search-icon a {
    border: none;
    outline: none;
    background: none;
    padding: 0;
    display: inline-block;
}
.header-right .search-icon a img {
    filter: brightness(0) invert(1);
    height: 23px;
    width: 23px;
}

/*-- Hero Banner --*/
.banner-main.banner-home {
  height: 100vh;
}
.banner-main {
    position: relative;
    min-height: 660px;
    overflow: hidden;
    padding: 100px 0;
    height: 660px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-main::before {
    content: '';
    background-color: #012502;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.banner-main .inner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.banner-main .inner-img img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}
.banner-main .banner-title {
    margin: auto;
    max-width: 790px;
    position: relative;
}
.banner-main .banner-title h1 {
    color: var(--white);
    text-align: center;
}

.banner-main .banner-title  .get-in-touch-link {
  margin-top: 20px;
}

.banner-main .banner-title p {
  color: var(--white);
}

.banner-main .get-in-touch-link {
  text-align: center;
}

.banner-main .get-in-touch-link a {
  color: var(--white);
  text-transform: uppercase;
  transition: all ease-in-out 0.3s;
  border-bottom: 1px solid transparent;
  text-align: center;
}
.banner-main .get-in-touch-link a:hover {
  border-bottom: 1px solid var(--white);
}

/*-- banner-twocol-main --*/
.banner-twocol-main {
  /* padding: 120px 0 100px 0; */
  padding: 120px 0 0 0;
  position: relative;
  display: flex;
  align-items: center;
  /* min-height: 880px; */
  min-height: 660px;
}
.banner-twocol-main h1 {
  color: var(--font-color);
  margin-bottom: 20px;
}
.banner-twocol-main .inner-img {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(50% - 15px);
  /* height: calc(100% - 220px); */
  height: 100%;
}
.banner-twocol-main .inner-img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.banner-twocol-main .banner-title {
  max-width: 520px;
  padding: 100px 0;
}
/*---------- Home Page ----------*/

/*-- ifg Section --*/

.ifg-section .vc_row {
    display: flex;
    column-gap: 5px;
    margin-top: 7px;
    margin-bottom: 7px;
}
/* .ifg-section .vc_row .wpb_column {
    padding: 20px 10px;
} */
.ifg-section .vc_row .wpb_column h3 {
    color: var(--white);
    font-size: 56px;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-weight: 300;
}
.ifg-section .vc_row .wpb_column h3 a {
  padding: 20px 10px;
  display: block;
}

/*-- icon block --*/

.icon-block .vc_row .wpb_column .wpb_single_image img {
    max-width: 250px;
    border: 5px solid #fff;
    border-radius: 100%;
    width: 250px;
    height: 250px;
    min-height: 250px;
}
.icon-block .vc_row .wpb_column h6 {
    margin-top: 10px;
    color: var(--font-color);
    font-weight: 700;
}
.icon-block .vc_row .wpb_column .wpb_text_column {
    margin: 10px auto 0 auto;
    max-width: 275px;
}
.icon-block .vc_row .wpb_column .btn-link {
    margin-top: 10px;
}

/*-- Future block --*/

.future-block h2 {
    max-width: 350px;
}
.future-block .wpb_text_column {
    max-width: 400px;
}
/* .future-block .video-img figure {
  position: relative;
}
.future-block .video-img figure::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  height:40px;
  width: 40px;
  min-width: 40px;
  background-image: url(../images/play-button-arrow.svg);
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 1;
} */
.mejs-overlay {
  position: relative;
}
.mejs-overlay::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  height: 100px;
  width: 100px;
  min-width: 100px;
  min-width: 100px;
  background-color: #00000078;
  border-radius: 100%;
  cursor: pointer;
}
.mejs-overlay-button {
  z-index: 5;
  position: relative;
  background: url(../images/mejs-controls.svg) !important;
  background-repeat: no-repeat;
}
.future-block .video-block {
  max-width: 100%;
}
.future-block .mejs-video {
  width: 100% !important;
  min-width: 100% !important;
}
.wp-video {
  width: 100% !important;
}
.wp-video-shortcode {
  width: 100% !important;
}
/*-- Services section --*/
.services-section > .vc_row {
  display: flex;
  column-gap: 30px;
}
.services-section > .vc_row .services-content-box {
  background-color: var(--white);
  padding-bottom: 60px;
  filter: drop-shadow(0px 16px 15px rgba(181,179,185,0.35));
  height: auto;
}
.services-section .services-content-box .wpb_column:first-child {
  padding: 20px 20px 0 10px;
}
.services-section .services-content-box .service-content h5 {
  margin-bottom: 10px;
  font-weight: 300;
}
.services-section .services-content-box .service-content a {
  border-bottom: 1px solid var(--font-color);
  transition: all ease-in-out 0.3s;
  color: var(--font-color);
  margin-top: 20px;
  display: inline-block;
}
.services-section .services-content-box .service-content a:hover {
  border-bottom: none;
}
.services-section .services-content-box .icon-plus {
  height: 210px;
  filter: drop-shadow(0px 16px 15px rgba(181,179,185,0.35));
  cursor: pointer;
}
.services-section .services-content-box .icon-plus .vc_column-inner,
.services-section .services-content-box .icon-plus .vc_column-inner .wpb_wrapper {
  height: 100%;
}
.services-section .services-content-box .icon-plus .vc_column-inner .wpb_wrapper h5 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 48px;
  font-weight: 500;
}
.add-text {
  display: none;
}
.services-content-box.active .add-text {
  display: block;
}
.icon-plus .click-button {
  transform: rotate(0deg);
  transition: all ease-in-out 0.3s;
}
.icon-plus.active .click-button {
  transform: rotate(45deg);
  transition: all ease-in-out 0.3s;
}
/*---- News Section ----*/
.news-section {
  background-color: var(--white);
}
.news-section h3 {
  color: var(--blue);
}
/*---- Get In Touch ----*/
.get-in-touch h3 {
  color: var(--font-color);
  font-size: 60px;
}
.get-in-touch .vc_row .wpb_column:first-child .wpb_wrapper {
  margin-left: auto;
}
.get-in-touch-img figure {
  width: calc(100% - 100px);
  height: 100%;
}
.get-in-touch-img figure img {
  width: 100%;
}
.get-in-touch-img > .vc_column-inner {
  padding-right: 0 !important;
}
.get-in-touch-img figure .vc_single_image-wrapper {
  width: 100%;
}

/*---- Fiber Logo Section ----*/
.fiber-logo-section {
  background-color: var(--white);
}
.fiber-logo-section h2,
.fiber-logo-section h3 {
  font-size: 28px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.fiber-logo-section .vc_row {
  padding: 60px 0;
  border-top: 7px solid var(--gray);
}
.fiber-logo-section .vc_row:first-child {
  border-top: none;
}
.title-row {
  background-color: var(--gray);
  border-top: 7px solid var(--gray);
  border-bottom: 7px solid var(--gray);
}
.title-row h3 {
  font-weight: 300;
}
/*---- Applications Section ----*/
.applications-section {
  background-color: var(--white);
}
.applications-section h2,
.applications-section h3 {
  font-size: 28px;
  margin-bottom: 20px;
  text-transform: capitalize;
  color: var(--light-blue);
}
.applications-section .vc_row {
  padding: 60px 0;
  border-top: 7px solid var(--gray);
}
.applications-section .vc_row:first-child {
  border-top: none;
}
.title-row-white {
  background-color: var(--white);
}
/*---- Additives Section ----*/
.additives-section {
  background-color: var(--white);
}
.additives-section .vc_row:first-child { 
  border-top: none;
}
.additives-section .vc_row {
  border-top: 7px solid var(--gray);
}
.additives-section h2,
.additives-section h3 {
  font-size: 28px;
  margin-bottom: 20px;
}
.additives-section .additives-content {
  max-width: 620px;
  margin: 0 auto;
  padding: 0 15px;
}
.additives-section >.vc_row >.wpb_column .wpb_single_image * { 
  display: block;
  width: 100%;
}
.additives-section figure img {
  aspect-ratio: 16/9;
  object-fit: cover;
}
.additives-section .additives-content a {
  color: var(--font-color);
  border-bottom: 1px solid transparent;
  transition: all ease-in-out 0.3s;
}
.additives-section .additives-content a:hover {
  border-bottom: 1px solid var(--font-color);
}
/*---- Two Col ----*/
.two-col .vc_row .wpb_column h2,
.two-col .vc_row .wpb_column h3 {
  margin-bottom: 20px;
  line-height: 1.2;
  font-size: 48px;
}
.two-col .vc_row .wpb_column figure img {
  aspect-ratio: 16/12;
  object-fit: cover;
}
.two-col >.vc_row {
  padding-bottom: 80px;
  justify-content: space-between;
}
.two-col >.vc_row:nth-last-child(2) {
  padding-bottom: 0;
}
.two-col >.vc_row:nth-child(4n+1) {
  flex-direction: row-reverse; 
}
.two-col >.vc_row:nth-child(4n+1) .wpb_column:nth-child(2),
.two-col >.vc_row .wpb_column:nth-child(2) {
  max-width: 500px;
}
.two-col >.vc_row:nth-child(4n+1) .wpb_column:first-child,
.two-col >.vc_row .wpb_column:first-child {
  max-width: 100%;
}
.two-col >.vc_row >.wpb_column .wpb_single_image * { 
  display: block;
  width: 100%;
}
.two-col >.vc_row >.wpb_column + .wpb_column .wpb_single_image {
  display: none;
}
.two-col .title-row {
    padding-top: 20px;
    padding-bottom: 20px;
}
.two-col >.vc_row .wpb_column + .wpb_column .wpb_text_column .wp-video {
  display: none !important;
}

/*---- Careers Block ----*/
.careers-block > .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper {
  background-color: var(--white);
  padding: 50px;
  height: 100%;
}
.careers-block > .vc_row {
  display: flex;
}
.careers-block > .vc_row > .wpb_column > .vc_column-inner {
  height: 100%;
}
.careers-block figure {
  margin-bottom: 10px;
}
.careers-block h3 {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 48px;
}
.careers-block h4 {
  margin-bottom: 20px;
  font-size: 38px;
}
.careers-block a {
  border-bottom: 1px solid transparent;
  color: var(--font-color);
  font-size: 18px;
  transition: all ease-in-out 0.3s;
}
.careers-block a:hover {
  border-bottom: 1px solid var(--font-color);
}
.career-form .submit-contact-btn {
  display: flex;
  justify-content: center;
}
.careers-form-block .wpcf7-form {
  padding: 80px 80px;
  background-color: var(--white);
}
.career-form .submit-contact-btn .wpcf7-spinner {
  display: block;
}
.wpcf7 input[type="file"] {
  color: #666;
  text-transform: capitalize;
}
/*---- Blog ----*/
.blog-section .news-main .row {
  row-gap: 50px;
  display: flex;
  flex-wrap: wrap;
}
.blog-section .news_box {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.blog-section .news-details {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.blog-section .news_box_block .post-date {
  font-weight: 700;
  color: var(--font-color);
  margin-bottom: 12px;
  margin-top: 24px;
}
.blog-section .news_box_block img {
  aspect-ratio: 4/2.3;
  object-fit: cover;
}
.blog-section .news_box_block h4 {
  font-size: 28px;
  color: var(--font-color);
  font-weight: 500;
  margin-bottom: 24px;
  font-size: 24px;
}
.news-details .description {
  margin-bottom: 24px;
}
.news-details a {
  border-bottom: 1px solid var(--pink);
  color: var(--pink);
  text-transform: uppercase;
  font-weight: 600;
  margin-top: auto;
  max-width: max-content;
}
.news-details a:hover {
  border-bottom: 1px solid transparent;
}
.blog-section #load_more {
  display: flex;
  margin: 70px auto 0 auto;
  text-align: center;
}
/*---- Footer ----*/
.site-footer {
    padding: 100px 0;
}
.site-footer .footer-logo {
    width: 340px;
}
.site-footer .footer-logo a {
    display: block;
}
.site-footer .footer-logo a img {
  width: 100%;
}
.footer-links {
    margin-top: 20px;
}
.footer-links a {
    color: var(--font-color);
}
.footer-links a:hover {
    text-decoration: underline;
}
.copyright {
    margin-top: 10px;
}
.footer-social {
    margin-top: 30px;
}
.footer-social ul {
    display: flex;
    align-items: center;
    column-gap: 16px;
}
.footer-social ul li a {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--light-green);
    border-radius: 100%;
    transition: all ease-in-out 0.3s;
}
.footer-social ul li a:hover {
    background-color: var(--black);
}
.footer-social ul li a i {
    font-weight: 500;
    line-height: 2;
    color: var(--white);
    font-size: 20px;
}
.footer-right .contact-block h5 {
    font-size: 22px;
    color: var(--font-color);
    font-weight: 600;
    margin-bottom: 5px;
}
.footer-right .contact-block a {
    color: var(--font-color);
}
.footer-right .contact-block a:hover {
    color: var(--black);
}
.footer-right .contact-block .address {
    margin-top: 30px;
}

/* PopUp */
.mfp-content {
  text-align: center !important;
}
.search-form .search-field {
  width: 500px;
  border: none !important;
  background: var(--white);
  border: solid 1px var(--black) !important;
  border-radius: 0 !important;
  font-size: 18px;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  padding: 10px !important;
  outline: none !important;
}
.search-submit {
  width: auto !important;
  border: solid 2px !important;
  padding: 15px 30px !important;
  margin-bottom: 0 !important;
  display: block;
  margin: 0 auto;
  background-color: var(--pink) !important;
  color: var(--white) !important;
  border: 2px solid var(--pink) !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease-in-out 0s;
}
.search-submit:hover {
  background-color: var(--white) !important;
  color: var(--black) !important;
}

/*--  --*/

#menu-sitemap li {
  position: relative;
}
#menu-sitemap li::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid var(--pink);
  border-right: 2px solid var(--pink);
  left: 0;
  top: 11px;
  transform: rotate(45deg);
}
#menu-sitemap li + li {
  margin-top: 30px;
}
#menu-sitemap li a {
  padding-left: 24px;
  font-size: 22px;
  color: var(--black);
  display: inline;
}
.site-map .widget {
  margin-bottom: 0 !important;
}

/*-- Blog Details --*/

.blog-hero {
  position: relative;
  min-height: 70vh;
  overflow: hidden;
  padding: 100px 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-hero::before {
  content: '';
  background-color: #012502;
  opacity: 0.349;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.blog-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.blog-banner .post-thumbnail {
  height: 100%;
  width: 100%;
}
.blog-banner img {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
}
.blog-hero .entry-header {
  max-width: 900px;
  margin: 0 auto;
  z-index: 1;
  position: relative;
}
.blog-hero .entry-header h1 {
  color: var(--white);
  text-align: center;
}

.blog-details-content {
  max-width: 1000px;
  margin: 100px auto 0 auto;
  padding: 50px;
  background-color: var(--white);
}
.blog-details-content .entry-content {
  margin: 0 !important;
}
.blog-details-content h2,
.blog-details-content h3 {
  font-size: 40px;
  color: var(--font-color);
  margin-bottom: 20px;
}

.blog-details-content .entry-content a {
  border-bottom: 1px solid var(--font-color);
  display: inline-block;
  transition: all 0.3s ease-in-out 0s;
}

.blog-details-content .entry-content a:hover {
  border-bottom: 1px solid transparent;
}
.blog-details-content .navigation {
  margin: 0 !important;
}
.blog-details-content .nav-links {
  margin-top: 80px;
}
.blog-details-content .nav-previous a {
  padding-left: 30px;
  position: relative;
}
.blog-details-content .nav-previous a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  background-image: url('../images/Left-Arrow.svg');
  background-repeat: no-repeat;
  height: 15px;
  width: 25px;
}
.blog-details-content .nav-next a {
  padding-right: 30px;
  position: relative;
}
.blog-details-content .nav-next a::before {
  content: '';
  position: absolute;
  right: 0;
  top: 5px;
  background-image: url('../images/Right-Arrow.svg');
  background-repeat: no-repeat;
  height: 15px;
  width: 25px;
}
/*-- Search Page --*/

.search .site-header {
  background-color: #d5d5d5;
}
.search .site-header .site-header__menu .menu li a {
  color: var(--black);
}
.search .site-header .site-logo a img {
  filter: brightness(1) invert(0);
}
.search .site-header .site-header__menu .menu li a::after {
  background-color: var(--black);
}
.search .site-header .header-right .search-icon a img {
  filter: brightness(1) invert(0);
}
.search-page {
  padding-top: 122px;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-page .page-title {
  text-align: center;
  font-size: 54px;
}
.search-info h2 {
  font-size: 24px;
  font-weight: 500;
  border-bottom: 1px solid var(--black);
}
.search-info h2 a {
 padding-bottom: 5px !important; 
 display: inline-block;
 transition: all 0.3s ease-in-out 0s;
}
.search-info h2 a:hover {
  color: #45c0ae;
}
.search-info article + article {
  margin-top: 24px !important;
}
.search-info .posts-navigation {
  margin-bottom: 0;
  margin-top: 50px;
}
.search-info .nav-links a {
  font-size: 18px;
  color: var(--black);
  text-transform: uppercase;
}
.search-info .nav-links a {
  border-bottom: 1px solid var(--black);
  transition: all 0.3s ease-in-out 0s;
}
.search-info .nav-links a:hover {
  border-bottom: 1px solid transparent;
}

/*-- Progress Loader --*/

.progress-loader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  background: rgba(0,0,0,.6);
  z-index: 111
}
.progress-loader img {
  height: 100px;
  width: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%)
}

.not-found {
  padding-top: 220px;
}
.not-found h1 {
  font-size: 60px;
}
.not-found p {
  font-weight: 600px;
  font-size: 24px;
}
.not-found h1,
.not-found p,
.not-found .search-form {
  text-align: center;
}

/*-- Mobile Menu --*/
.mobile-menu-toggle .hamburger {
  position: relative;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.mobile-menu-toggle .hamburger:hover .hamburger__line.middle {
  width: 100%;
}
.mobile-menu-toggle .hamburger:hover .hamburger__line.bottom {
  width: 100%;
}
.mobile-menu-toggle .hamburger__line {
  background-color: #fff;
  height: 2px;
  width: 100%;
  display: block;
}
.site-header.fixed .mobile-menu-toggle .hamburger__line {
  background-color: #575656;
}
.mobile-menu-toggle .hamburger__line.middle {
  margin: 7px 0 7px auto;
  width: 75%;
  transition: 0.3s all;
}
.mobile-menu-toggle .hamburger__line.bottom {
  margin-left: auto;
  width: 45%;
  transition: 0.6s all;
}
.mobile-menu__bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  display: none;
  z-index: 900;
}
.mobile-menu.is-open {
  transform: translate3d(0,0,0);
}
.mobile-menu.is-open .mobile-menu__bg {
  display: block;
}
.mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 320px;
  height: 100vh;
  transform: translate3d(100%,0,0);
  transition: all 0.5s ease;
  z-index: 999;
}
.mobile-menu__top {
  padding: 20px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-header-logo img {
  width: 200px;
}
.menu-close {
  position: relative;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.menu-close::before {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  right: 0;
  width: 20px;
  height: 2px;
  background-color: #575656;
  transform: rotate(45deg);
}
.menu-close::after {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  right: 0;
  width: 20px;
  height: 2px;
  background-color: #575656;
  transform: rotate(-45deg);
}
.mobile-menu__panel {
  padding: 0 0 50px;
  position: relative;
  width: 320px;
  height: 100vh;
  overflow: auto;
  margin-left: auto;
  background-color: #d5d5d5;
}
.mobile-menu__nav {
  padding: 0;
}
.mobile-menu__nav ul {
  padding: 0;
}
.mobile-menu__nav li {
  list-style: none;
  position: relative;
  color: #fff;
  margin-bottom: 0;
}
.mobile-menu__nav li .arrow.is-open:after {
  transform: rotate(0deg);
}
.mobile-menu__nav li a {
  color: #000;
  padding: 8px 15px;
  display: block;
}
.mobile-menu__nav li a:hover {
  color: #fff;
  background-color: var(--pink);
}
.mobile-menu__nav .arrow {
  position: absolute;
  right: 10px;
  top: 11px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.mobile-menu__nav .arrow:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 2px;
  background-color: #000;
  margin: -1px 0 0 -10px;
}
.mobile-menu__nav .arrow:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 2px;
  background-color: #000;
  margin: -1px 0 0 -10px;
  transform: rotate(90deg);
}
.mobile-menu__nav >li {
  padding: 0;
  border-bottom: 1px solid #fff;
}
.mobile-menu__nav >li:first-child {
  border-top: 1px solid #fff;
}
.mobile-menu__nav li.menu-item-has-children a {
  padding-right: 40px;
}
.mobile-menu__nav .dropdown-menu {
  padding: 0 0 0 10px;
  position: static;
  background: transparent;
  border: none;
}
.mobile-menu__nav .sub-menu li a {
  color: #000;
  padding: 10px 15px;
  display: block;
}
.mobile-menu__nav li.current-menu-ancestor >a {
  color: #000;
  background-color: #fff;
}
.mobile-menu__nav li.current-menu-ancestor > .arrow::after {
  background-color: #fff;
}
.mobile-menu__nav li.current-menu-ancestor > .arrow::before {
  background-color: #fff;
}
.mobile-menu__nav li.current-menu-item >a {
  color: #fff;
  background-color: var(--light-blue);
}
.mobile-menu__nav li.current-menu-item > .arrow::after {
  background-color: var(--light-blue);
}
.mobile-menu__nav li.current-menu-item > .arrow::before {
  background-color: var(--light-blue);
}
.mobile-menu__nav li a:hover {
  background-color: var(--light-blue) !important;
  color: #fff !important;
}
.mobile-menu__nav li a:hover + .arrow:before,
.mobile-menu__nav li a:hover + .arrow:after {
  background-color: var(--light-blue);
}

.hero-twocol .mobile-menu-toggle .hamburger__line {
  background-color: #575656;
}

.hero-twocol.fixed .mobile-menu-toggle .hamburger__line {
  background-color: #575656;
}

/* Fibres Page */

.desktop-hide-btn {
  display: none !important;
}

.desktop-btn {
  display: block !important;
}

.new-title {
  margin-top: 20px !important;
}

/* Additives Page */

.mobile-img {
  display: none !important;
}
.desktop-img {
  display: block !important;
}

.vc_do_toggle .vc_toggle_title .vc_custom_heading {
  font-size: 23px;
  color: var(--font-color);
}