/* Global CSS */

/**
 * CONTENTS
 *
 * BASE
 * Media.................WP specific img aligns and iframe styling.
 * Typography............@fontfaces, base text and vertical rhythm setup.
 *
 * COMPONENTS
 * Margin/Padding........Utility Margin/Padding Classes
 * Clearfix..............Properly clear floats.
 *
 * Objects
 * Icons.................Icon Elements.
 * Buttons...............Button elements.
 * Tables................Table Styles.
 * Forms.................Form Elements.
 * Pagination............Pagination.
 *
 */



/*------------------------------------*\
    BASE
\*------------------------------------*/


/**
 * Media
 *
 * These selectors are hard cast because they are only used
 * by wordpress wyswyg when adding images to content
 */

 .wp-caption.alignright,
 .wp-caption.alignleft,
 .wp-caption.aligncenter {
     display: table;
 }

 .wp-caption.alignright,
 .wp-caption.alignleft,
 .wp-caption.alignnone,
 .wp-caption.aligncenter {
     margin: 0;
     width: auto !important;
 }

 img.alignright,
 .wp-caption.alignright,
 img.alignleft,
 .wp-caption.alignleft {
     width: 100%;
     height: 300px;
     max-width: 100% !important;
     border-radius: 25px;
 }

 img.alignnone,
 .wp-caption.alignnone img,
 img.aligncenter,
 .wp-caption.aligncenter img {
     height: auto;
     max-width: 100% !important;
     border-radius: 25px;
 }

 img.alignnone,
 .wp-caption.alignnone,
 img.aligncenter,
 .wp-caption.aligncenter {
     margin: 0 0 20px 0;
 }

 img.alignright,
 .wp-caption.alignright {
     float: none;
     margin: 20px 0 20px 0;
 }

 img.alignleft,
 .wp-caption.alignleft {
     float: none;
     margin: 0 0 20px 0;
 }

 img.aligncenter,
 .wp-caption.aligncenter img {
     display: block;
     margin-left: auto;
     margin-right: auto;
 }

 .wp-caption.aligncenter {
     margin-left: auto;
     margin-right: auto;
 }

 .wp-caption-text {
     caption-side: bottom;
     display: table-caption;
 }

 iframe,
 img {
     max-width: 100%;
 }

 p > img:last-child {
     margin-bottom: 0;
 }

 /* Fade-in for lazyloaded images */
 .will-lazyload {
     opacity: 0;
     transition: opacity .25 linear;
 }

 .will-lazyload.lazyloaded {
     opacity: 1;
 }

 @media (min-width: 768px) {

     img.alignright,
     .wp-caption.alignright,
     img.alignleft,
     .wp-caption.alignleft {
         width: auto;
         height: auto;
         max-width: 360px !important;
     }

     img.alignright,
     .wp-caption.alignright {
         float: right;
         margin: 0 0 22px 32px;
     }

     img.alignleft,
     .wp-caption.alignleft {
         float: left;
         margin: 0 32px 22px 0;
     }

 }

 @media (min-width: 1200px) {

     img.alignright,
     .wp-caption.alignright,
     img.alignleft,
     .wp-caption.alignleft {
         height: auto;
         max-width: 360px !important;
     }

     img.alignright,
     .wp-caption.alignright {
         float: right;
         margin: 0 0 10px 50px;
     }

     img.alignleft,
     .wp-caption.alignleft {
         float: left;
         margin: 0 50px 50px 0;
     }

 }

 /**
    * Typography
    */

 /*
    - Please set up line-heights in ems
    - Set up typography styling based on styles found in .xd file under Assets > Character Styles
    */

 h1,
 .h1,
 h2,
 .h2,
 h3,
 .h3,
 h4,
 .h4,
 h5,
 .h5,
 h6,
 .h6 {
     margin: 0;
     padding: 0;
     font-family: var(--font-oswald);
     font-weight: normal;
     text-transform: uppercase;
 }

 h2,
 .h2,
 h3,
 .h3 {
     color: var(--primary-color);
 }

 h1,
 .h1 {
     font-size: 40px;
     line-height: 1.125em;
     padding-bottom: 5px;
     position: relative;
 }

 h2,
 .h2 {
     font-size: 40px;
     line-height: 1.125em;
     padding-bottom: 20px;
     position: relative;
 }

 h3,
 .h3 {
     font-size: 30px;
     line-height: 1.125em;
     padding-bottom: 20px;
     position: relative;
     color: #4CA2DA;
 }

 h4,
 .h4,
 h5,
 .h5 {
     font-size: 22px;
     line-height: 1.3em;
     margin-bottom: 10px;
     text-transform: uppercase;
     color: var(--c-yellow-orange);
     font-family: 'Arial';
     font-weight: bold;
 }

 h1.page-title {
     color: var(--c-white);
 }

 p {
     margin: 0;
     padding: 0 0 18px;
     font-size: 16px;
     line-height: 1.87em;
     font-weight: normal;
 }

 p:last-child {
     padding-bottom: 0;
 }

 @media (min-width: 768px) {

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

     h2,
     .h2 {
         font-size: 55px;
         line-height: 1.4em;
         padding-bottom: 26px;
     }

     h3,
     .h3 {
         font-size: 45px;
         line-height: 1.4em;
     }

     h4,
     .h4,
     h5,
     .h5 {
         font-size: 22px;
     }

     p {
         padding: 0 0 30px;
     }

     p:last-child {
         padding-bottom: 0;
     }
 }



 ul,
 ol {
     margin: 0;
     padding: 0;
     list-style: none;
 }


 .page-content ul,
 .page-content ol {
     width: auto;
     overflow: hidden;
     padding-left: 15px;
 }

 .page-content ul {
     list-style-type: none;
 }

 ol {
     padding-left: 25px;
 }

 ol li {
     counter-increment: list;
     position: relative;
     list-style-type: none;
     padding: 0 0 0 20px;
 }

 ol li:before {
     content: counter(list) ".";
     position: absolute;
     left: 0;
 }


 ul {
     padding-left: 16px;
     padding-bottom: 10px;
 }

 ul li {
     margin: 0 0 8px;
     padding: 0 0 0 50px;
     font-size: 16px;
     line-height: 1.87em;
     font-weight: normal;
     position: relative;
 }

 ul li:before {
     content: "\e905";
     position: absolute;
     left: 0;
     top: 0;
     font-size: 30px;
     font-family: var(--font-icomoon);
     color: var(--c-yellow-orange);
 }

 ul li.user-registration-MyAccount-navigation-link:before,
 .nav-sorting-list li:before,
 .gear-div li:before {
     display: none;
 }

 a {
     color: var(--primary-color);
     font-family: 'Arial';
     font-weight: bold;
     text-decoration: none;
 }

 a:focus {
     color: var(--c-white);
 }

 a {
     --s: 2px;
     /* the thickness of the line */
     --c: var(--c-yellow-orange);
     /* the color */
     background:
         linear-gradient(90deg, var(--c) 50%, #000 0) calc(100% - var(--_p, 0%))/200% 100%,
         linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) var(--s) no-repeat;
     -webkit-background-clip: text, padding-box;
     background-clip: text, padding-box;
     transition: 0.5s;
 }

 blockquote {
     background: var(--c-white-100);
     border-radius: 25px;
     margin: 0 0 30px;
     padding: 15px 16px 28px;
     text-align: center;
 }

 blockquote p {
     font-size: 24px;
     line-height: 1.5em;
     font-weight: normal;
     color: var(--primary-color);
     font-family: var(--font-oswald);
 }

 @media (min-width: 768px) {
     ul {
         padding-left: 30px;
     }

     blockquote {
         padding: 42px 26px 46px;
         margin-bottom: 50px;
         margin-top: 50px;
     }
 }

 @media (min-width: 1200px) {

     a:hover,
     a:focus {
         text-decoration: underline;
         color: var(--c-yellow-orange);
     }

     a:hover,
     a:focus {
         --_p: 100%;
     }

     blockquote {
         padding: 42px 50px 50px;
         margin-bottom: 50px;
         max-width: 1098px;
         margin: 50px auto 50px;
     }

 }



 /*------------------------------------*\
      COMPONENTS
  \*------------------------------------*/




 /**
   * Utility Margin/Padding Classes
   */

 /* Used on outer-most section container so section margins collapse */
 .section-margins {
     margin-top: var(--section-margins);
     margin-bottom: var(--section-margins);
 }

 /* Used only for sections with colored backgrounds */
 .section-padding {
     padding-top: var(--section-margins);
     padding-bottom: var(--section-margins);
 }




 /**
  * Clearfix
  * Apply clearing without adding additional markup
  */

 .clearfix::after {
     display: block;
     clear: both;
     content: "";
 }




 /*--------------------------------------------------------------*\
       OBJECTS
       Objects are independent generic stylibf classes or UI peices.
       All styles for objects should be self contained.

       e.g. an object shouldn't rely on trump helpers to apply padding etc.
   \*--------------------------------------------------------------*/


 /**
   * Buttons
   */


 button:focus:not(:focus-visible) {
     border: 0;
 }

 button:focus {
     top: 0;
 }

 .fl-builder-content .fl-button:active {
     top: 0;
 }

 .fl-builder-content a.fl-button,
 .fl-builder-content a.fl-button:visited,
 .btn {
     display: inline-block;
     text-align: center;
     font-size: 16px;
     line-height: 17px;
     font-family: Arial;
     font-weight: bold;
     text-decoration: none;
     text-transform: uppercase;
     color: #FFFFFF;
     padding: 20px 40px;
     border-radius: 32px;
     border: none;
     position: relative;
     transition: all ease-in-out 0.3s;
     z-index: 1;
     box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.1);
     background-size: 100%;
     background: linear-gradient(to right, var(--c-blue) 0%, var(--c-light-blue) 100%);
     transition: background 0.35s ease-in-out;
     background-color: var(--c-blue);
     background-size: 150%;
     background-repeat: no-repeat;
     background-position: 50% 0;
 }

 button.btn,
 button.btn:hover,
 button.btn:focus {
     background: linear-gradient(to right, var(--c-blue) 0%, var(--c-light-blue) 100%);
 }

 .btn-secondary {
     background-image: linear-gradient(to right, var(--c-yellow-orange) 0%, var(--c-orange) 100%);
     background-color: var(--c-orange);
     background-position: 50% 0;
 }

 .btn-read-more,
 .btn-read-more-bdr {
     text-align: left;
     color: #4CA2DA;
     cursor: pointer;
     padding: 0 20px 0 0;
     border-radius: 0;
     box-shadow: none;
     background: none;
     border: 0;
     border-bottom: 2px solid transparent;
     min-width: unset;
     transition: .35s all;
 }

 .btn-read-more:focus {
     color: var(--c-light-blue);
 }

 .btn-read-more::before,
 .btn-read-more-bdr::before {
     content: "\e91d";
     font-family: 'icomoon';
     position: absolute;
     right: 0;
     top: 48%;
     transform: translate(0, -50%);
     font-size: 8px;
     font-weight: normal;
 }

 .btn-read-more-bdr {
     color: var(--primary-color);
 }

 .btn-read-more:focus {
     background: none;
     border-color: var(--c-light-blue);
     color: var(--c-light-blue);
 }

 .btn-read-more.is-expanded {
     color: var(--c-blue);
     margin-top: 2rem;
 }

 .btn-read-more.is-expanded::before {
     content: "\e918";
 }

 .btn-link-simple {
     color: var(--c-blue);
     cursor: pointer;
     padding: 0;
     border-radius: 0;
     box-shadow: none;
     background: none;
     border: 0;
     border-bottom: 2px solid var(--c-blue);
     transition: .35s all;
 }

 .btn-link-simple:hover,
 .btn-link-simple:focus {
     background: none;
     position: relative;
     top: 0;
 }

 .btn-link-simple+.btn-link-simple {
     margin-top: 15px;
 }

 .btn-block {
     display: block;
     width: 100%;
 }

 .btn+.btn {
     margin-top: 20px;
 }

 .btn i {
     vertical-align: middle;
     font-size: 17px;
     padding-right: 10px;
     padding-bottom: 2px;
 }

 .btn:hover {
     color: var(--c-white);
 }

 .btn-group {
     display: flex;
     flex-wrap: wrap;
     align-items: flex-start;
     margin-top: 25px;
 }

 .btn-group > .btn {
     margin: 0 25px 25px;
 }

 .btn-group > .btn:last-child {
     margin-bottom: 0;
     margin-right: 0;
 }

 @media (min-width: 600px) {

     .btn+.btn {
         margin-top: 20px;
     }

     .btn-group > .btn +.btn {
         margin-top: 0;
     }

     .btn-group > .btn {
         margin-left: 0;
         margin-bottom: 0;
     }

     .fl-rich-text .btn+.btn {
         margin-left: 25px;
     }

     .btn-link-simple+.btn-link-simple {
         margin-left: 15px;
         margin-top: 0;
     }

 }

 @media (min-width: 1200px) {

     .fl-button:hover,
     .btn:hover,
     .btn-primary:hover,
     button.btn:hover {
         background-position: -150% 0;
         border: 0;
         text-decoration: none;
         color: #FFFFFF;
     }

     .btn-secondary:hover,
     button.btn-secondary:hover {
         background-position: 200% 0;
     }

     .btn-read-more:hover,
     .btn-read-more:focus {
         border-bottom: 2px solid var(--c-light-blue);
     }

     .btn-read-more:hover,
     .btn-read-more-bdr:hover {
         background: none;
         text-decoration: none;
         color: #4CA2DA;
     }

     .btn-read-more.is-expanded:hover {
         color: var(--c-blue);
         border-bottom: 2px solid var(--c-blue);
     }

     .btn-read-more:hover:before,
     .btn-read-more-bdr:hover:before {
         content: "\e918";
     }

     .btn-read-more-bdr:hover {
         color: #083C65;
     }

     .btn-read-more-bdr:hover {
         border-color: #083C65;
     }

     .btn-link-simple:hover,
     .btn-link-simple:focus {
         border-color: var(--c-yellow-orange);
         background: none;
         color: var(--c-yellow-orange);
         border-bottom: 2px solid var(--c-yellow-orange);
         position: relative;
         top: 0;
     }

 }



 /**
   * Icons
   */



 @font-face {
     font-family: 'icomoon';
     src: url('/wp-content/themes/bb-theme-child/assets/icons/icomoon.eot?c2qbii');
     src: url('/wp-content/themes/bb-theme-child/assets/icons/icomoon.eot?c2qbii#iefix') format('embedded-opentype'),
         url('/wp-content/themes/bb-theme-child/assets/icons/icomoon.ttf?c2qbii') format('truetype'),
         url('/wp-content/themes/bb-theme-child/assets/icons/icomoon.woff?c2qbii') format('woff'),
         url('/wp-content/themes/bb-theme-child/assets/icons/icomoon.svg?c2qbii#icomoon') format('svg');
     font-weight: normal;
     font-style: normal;
     font-display: block;
 }

 [class^="icon-"],
 [class*=" icon-"] {
     /* use !important to prevent issues with browser extensions that change fonts */
     font-family: 'icomoon' !important;
     speak: never;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;

     /* Better Font Rendering =========== */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }


 .icon-facebook:before {
     content: "\e907";
 }

 .icon-instagram:before {
     content: "\e908";
 }

 .icon-linkedin:before {
     content: "\e909";
 }

 .icon-external-link:before {
     content: "\e900";
 }

 .icon-angle-down:before {
     content: "\e901";
 }

 .icon-angle-left:before {
     content: "\e902";
 }

 .icon-angle-right:before {
     content: "\e903";
 }

 .icon-angle-up:before {
     content: "\e904";
 }

 .icon-bullet:before {
     content: "\e905";
 }

 .icon-exit:before {
     content: "\e906";
 }

 .icon-location:before {
     content: "\e910";
 }

 .icon-menu:before {
     content: "\e911";
 }

 .icon-minus:before {
     content: "\e912";
 }

 .icon-phone:before {
     content: "\e913";
 }

 .icon-picture:before {
     content: "\e914";
 }

 .icon-print:before {
     content: "\e915";
 }

 .icon-quote:before {
     content: "\e916";
 }

 .icon-search:before {
     content: "\e919";
 }

 .icon-share:before {
     content: "\e91a";
 }

 .icon-video:before {
     content: "\e91b";
 }

 .icon-arrow-right:before {
     content: "\e917";
 }

 .icon-arrow-down:before {
     content: "\e91d";
 }

 .icon-arrow-up:before {
     content: "\e918";
 }

 .icon-plus:before {
     content: "\e91c";
 }


 /**
   * Forms
   */
 .form-col {
     padding: 0;
     margin-bottom: 25px;
     position: relative;
 }

 legend,
 label {
     font-size: 16px;
     color: #606062;
     padding-left: 14px;
     padding-bottom: 10px;
     font-family: 'Arial';
     font-weight: bold;
     display: block;
     text-transform: capitalize;
     letter-spacing: 0.01em;
 }

 label sup {
     color: #606062;
     font-size: 17px;
     top: 0;
 }

 textarea {
     width: 100%;
     border: none;
     border-radius: 0px;
     padding: 15px 32px;
     background-color: var(--c-white-100);
     font-family: 'Arial';
     font-weight: normal;
     font-size: 16px;
     color: #606062;
     border-radius: 31px;
     height: 102px;
     resize: none;
     transition: all ease 0.3s;
 }

 textarea::-webkit-input-placeholder {
     color: #606062;
 }

 textarea::-moz-placeholder {
     color: #606062;
 }

 textarea:-ms-input-placeholder {
     color: #606062;
 }

 textarea::-ms-input-placeholder {
     color: #606062;
 }

 textarea::placeholder {
     color: #606062;
 }

 /* Removes default webkit form styling */
 input:not([type="radio"]):not([type="checkbox"]),
 button,
 textarea {
     -webkit-appearance: none;
 }

 [type="text"]::-webkit-input-placeholder, [type="date"]::-webkit-input-placeholder, [type="datetime"]::-webkit-input-placeholder, [type="datetime-local"]::-webkit-input-placeholder, [type="email"]::-webkit-input-placeholder, [type="month"]::-webkit-input-placeholder, [type="number"]::-webkit-input-placeholder, [type="password"]::-webkit-input-placeholder, [type="search"]::-webkit-input-placeholder, [type="tel"]::-webkit-input-placeholder, [type="url"]::-webkit-input-placeholder, [type="week"]::-webkit-input-placeholder, [type="date"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
     color: #606062;
     opacity: 1;
 }

 [type="text"]::-moz-placeholder, [type="date"]::-moz-placeholder, [type="datetime"]::-moz-placeholder, [type="datetime-local"]::-moz-placeholder, [type="email"]::-moz-placeholder, [type="month"]::-moz-placeholder, [type="number"]::-moz-placeholder, [type="password"]::-moz-placeholder, [type="search"]::-moz-placeholder, [type="tel"]::-moz-placeholder, [type="url"]::-moz-placeholder, [type="week"]::-moz-placeholder, [type="date"]::-moz-placeholder, textarea::-moz-placeholder {
     color: #606062;
     opacity: 1;
 }

 [type="text"]:-ms-input-placeholder, [type="date"]:-ms-input-placeholder, [type="datetime"]:-ms-input-placeholder, [type="datetime-local"]:-ms-input-placeholder, [type="email"]:-ms-input-placeholder, [type="month"]:-ms-input-placeholder, [type="number"]:-ms-input-placeholder, [type="password"]:-ms-input-placeholder, [type="search"]:-ms-input-placeholder, [type="tel"]:-ms-input-placeholder, [type="url"]:-ms-input-placeholder, [type="week"]:-ms-input-placeholder, [type="date"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
     color: #606062;
     opacity: 1;
 }

 [type="text"]::-ms-input-placeholder, [type="date"]::-ms-input-placeholder, [type="datetime"]::-ms-input-placeholder, [type="datetime-local"]::-ms-input-placeholder, [type="email"]::-ms-input-placeholder, [type="month"]::-ms-input-placeholder, [type="number"]::-ms-input-placeholder, [type="password"]::-ms-input-placeholder, [type="search"]::-ms-input-placeholder, [type="tel"]::-ms-input-placeholder, [type="url"]::-ms-input-placeholder, [type="week"]::-ms-input-placeholder, [type="date"]::-ms-input-placeholder, textarea::-ms-input-placeholder {
     color: #606062;
     opacity: 1;
 }

 [type="text"]::placeholder,
 [type="date"]::placeholder,
 [type="datetime"]::placeholder,
 [type="datetime-local"]::placeholder,
 [type="email"]::placeholder,
 [type="month"]::placeholder,
 [type="number"]::placeholder,
 [type="password"]::placeholder,
 [type="search"]::placeholder,
 [type="tel"]::placeholder,
 [type="url"]::placeholder,
 [type="week"]::placeholder,
 [type="date"]::placeholder,
 textarea::placeholder {
     color: #606062;
     opacity: 1;
 }

 input[type="text"]:not(:placeholder-shown),
 input[type="email"]:not(:placeholder-shown),
 input[type="tel"]:not(:placeholder-shown),
 textarea:not(:placeholder-shown) {
     background-color: #FFFFFF;
     box-shadow: 0 0 10px rgba(5, 85, 150, 0.35);
 }

 input:active,
 textarea:active,
 select:active,
 input:focus,
 textarea:focus,
 select:focus {
     outline: none;
     background-color: #FFFFFF;
     box-shadow: 0 0 10px rgba(5, 85, 150, 0.35);
     color: #000000;
 }

 /* default text input style */
 [type="text"],
 [type="date"],
 [type="datetime"],
 [type="datetime-local"],
 [type="email"],
 [type="month"],
 [type="number"],
 [type="password"],
 [type="search"],
 [type="tel"],
 [type="url"],
 [type="week"],
 [type="date"] {
     width: 100%;
     border: none;
     border-radius: 0px;
     padding: 15px 32px;
     background-color: var(--c-white-100);
     font-family: 'Arial';
     font-weight: normal;
     font-size: 16px;
     color: #606062;
     border-radius: 31px;
     height: 47px;
     transition: all ease 0.3s;
 }

 /* Removes inconsistent padding from Firefox buttons */
 button::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
     border: none;
     padding: 0;
 }

 .checkmark {
     position: absolute;
     top: 2px;
     left: 0;
     height: 21px;
     width: 21px;
     background-color: #fff;
     border-radius: 50%;
     border: 1px solid #DBDBDB;
 }

 .form-radio input:checked~.checkmark {
     background-color: #fff;
     border-color: #DBDBDB;
 }

 /* Create the indicator (the dot/circle - hidden when not checked) */
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }

 /* Show the indicator (dot/circle) when checked */
 .form-radio input:checked~.checkmark:after {
     display: block;
 }

 /* Style the indicator (dot/circle) */
 .form-radio .checkmark:after {
     top: 4px;
     left: 4px;
     width: 11px;
     height: 11px;
     border-radius: 50%;
     background: #FFC820;
 }

 @media(min-width: 768px) {
     .form-col {
         margin-bottom: 32px;
     }
 }


 /* checkbox */
 .check_box_area {
     margin: 0 0 0;
     padding: 0;
 }

 .check_box_area .check_box_col {
     margin: 6px 0;
 }

 .check_box_area [type="checkbox"]:checked,
 .check_box_area [type="checkbox"]:not(:checked) {
     position: absolute;
     left: -9999px;
 }

 .check_box_area [type="checkbox"]:checked+label {
     position: relative;
     padding-left: 37px;
     color: #9F9F9F;
     margin-top: 0;
     cursor: pointer;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
     font-size: 14px;
     font-family: 'Arial';
     font-weight: normal;
     line-height: 1.14em;
 }

 .check_box_area [type="checkbox"]:checked+label span {
     color: #517D81;
 }

 .check_box_area [type="checkbox"]:not(:checked)+label {
     position: relative;
     padding-left: 37px;
     color: #9F9F9F;
     margin-top: 0;
     cursor: pointer;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
     margin-bottom: 1px;
     font-size: 14px;
     line-height: 1.14em;
     font-family: 'Arial';
     font-weight: normal;
 }

 .check_box_area [type="checkbox"]:checked+label:before,
 .check_box_area [type="checkbox"]:not(:checked)+label:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 17px;
     height: 17px;
     border-radius: 5px;
     background: #EFEFEF;
 }

 .check_box_area [type="checkbox"]:checked+label:after,
 .check_box_area [type="checkbox"]:not(:checked)+label:after {
     content: '';
     width: 17px;
     height: 17px;
     background: #F47C23;
     border-radius: 5px;
     position: absolute;
     top: 0px;
     left: 0px;
     transition: all 0.2s ease;
 }

 .check_box_area [type="checkbox"]:not(:checked)+label:after {
     opacity: 0;
     transform: scale(0);
 }

 .check_box_area [type="checkbox"]:checked+label:after {
     opacity: 1;
     transform: scale(1);
 }


 /* Hide reCaptcha badge */
 .grecaptcha-badge {
     visibility: hidden;
 }


 /**
   * Forms
   */

.gform_description {
    display: none;
}

.gform_wrapper {
    margin-top: 20px;
}

.gform_wrapper .top_label .gfield_label {
    text-align: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 15px;
}

.ginput_container_consent [type="checkbox"]:not(:checked)+label {
    text-align: left;
}

 /**
   * Pagination
   */

 .wp-pagenavi {
     margin-top: 50px;
 }

 .wp-pagenavi .pages {
     border: 0;
     margin-left: 0;
     padding-left: 0;
 }

 .wp-pagenavi span.current,
 .wp-pagenavi .page,
 .wp-pagenavi .nextpostslink,
 .wp-pagenavi .previouspostslink {
     border: 1px solid #ddd;
     display: inline-block;
     padding: 6px 11px;
 }

 .wp-pagenavi span.current {
     background-color: #ddd;
     border-color: #ddd;
 }

 @media (min-width: 1025px) {

     .wp-pagenavi {
         margin-top: 70px;
     }

 }



 /**
   * Sticky Sidebar
   */

 @media(min-width: 1025px) {
     .sticky-sidebar {
         position: -webkit-sticky;
         position: sticky;
         top: 125px;
     }
 }


 /*
   * Drawer
   */
 .drawer {
     width: 100%;
     height: 100%;
     max-width: calc(100vw - 40px);
     position: fixed;
     top: 0;
     left: 0;
     z-index: 9999999;
     transform: translate(-100%, 0);
     background-color: #fff;
     transition: transform 0.25s var(--easing-leave);
 }

 .drawer.is-active {
     transform: translate(0, 0);
     transition: transform 0.25s var(--easing-enter);
 }

 .drawer__header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 20px;
 }

 .drawer.is-active .drawer__header {
     box-shadow: 0 2px 4px rgba(142, 142, 142, 0.5);
 }

 .drawer__logo {
     margin-bottom: 0;
     max-width: 200px;
 }

 .drawer__closer {
     margin-right: 6px;
     font-size: 20px;
     color: #2E343A;
 }

 .drawer__closer:hover,
 .drawer__closer:focus {
     color: #2E343A;
 }

 .drawer__body {
     padding: 0 0 40px;
     max-height: calc(100vh - 80px);
     overflow: scroll;
 }

 .drawer__body::after {
     content: '';
     height: 80px;
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 11;
     background-color: #fff;
     background: linear-gradient(0deg, #fff, transparent);
 }

 @media (min-width: 600px) {
     .drawer {
         max-width: 360px;
     }
 }

 /*
   * Overlay
   */
 .overlay {
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     z-index: -11;
     transition:
         z-index 0.3s 0.25s,
         opacity 0.3s 0.25s;
     opacity: 0;
     background-color: rgba(0, 0, 0, 0.5);
 }

 .overlay.is-active {
     z-index: 22;
     opacity: 1;
     transition:
         z-index 0.3s 0.25s,
         opacity 0.3s 0.25s;
 }

 body.drawer-overlay-is-active .overlay {
     z-index: 999999;
     /* Greater than WP Admin bar */
 }


 .wp-block-quote {
     border-left: 0;
 }

 /* Beaver Builder Classes  */

 .fl-center-content .fl-col-content {
     align-items: center;
     justify-content: center;
     -webkit-align-items: center;
     -webkit-box-align: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-align: center;
     -ms-flex-pack: center;
 }

 .fl-page {
     width: 100%;
 }

 a[class^="fl-"],
 a[class*="fl-"] {
     background: none;
 }

 .fl-col-small:not(.fl-col-small-full-width) {
     max-width: none;
 }

 .fl-photo.fl-photo-align-center .fl-photo-content {
     display: block;
 }

 /* .fl-photo .fl-photo-content img {
     -o-object-fit: cover;
     object-fit: cover;
     width: 100%;
     height: 100%;
 } */

 .fl-module-heading .fl-heading:not(h4),
 .fl-module-heading .fl-heading:not(h2) {
     max-width: 650px;
     width: 100%;
     margin-left: auto !important;
     margin-right: auto !important;
 }

 body:not(.fl-builder-edit) .fl-page {
     margin-top: 0;
 }

 .fl-content .fl-post-header .fl-post-title {
     display: none;
 }

 /* Beaver Builder Editor */
 .fl-builder-edit ul li {
     padding-left: 0;
 }

 .fl-builder-edit ul li::before {
     display: none;
 }

 .fl-builder-edit form#wp-link .query-results {
     top: 245px;
 }

 body {
     margin-top: 180px;
 }

 body.admin-bar {
     margin-top: 180px;
 }

 @media (min-width: 768px) {
     body {
         margin-top: 122px;
     }

     body.admin-bar {
         margin-top: 122px;
     }

 }

 @media (min-width: 1025px) {

     .fl-module-heading .fl-heading:not(h4),
     .fl-module-heading .fl-heading:not(h3) {
         max-width: none;
     }
 }

 @media (min-width: 1200px) {
     body {
         margin-top: 96px;
     }

     body.admin-bar {
         margin-top: 96px;
     }
 }

 /* BB Bootstrap Override */

 @media (min-width: 1200px) {

     .fx-container,
     .fx-container-fluid {
         padding-right: 16px;
         padding-left: 16px;
     }
 }

 /*
 ** Product Archive spacing adjustments
 ** .fx-section-listing and .fx-section-cta classes added to Beaver Builder row
 */

 .fx-section-wysiwyg + .fx-section-cta .section-padding {
     padding-top: 0;
 }

 /* Dropbox style changes */
 .folderupload-header {
     background-color: #f2f2f2;
     box-sizing: border-box;
     display: flex;
     padding: 20px 24px;
     width: 100%;
     align-items: center;
     flex-shrink: 0;
     min-height: 40px;
     cursor: pointer;
     flex-wrap: wrap;
 }

 .folderupload-header-title {
     flex: 1 1 auto;
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
 }

 .UseyourDrive input {
     margin: 5px 0;
 }

 .UseyourDrive .button,
 .UseyourDrive .button:hover,
 #UseyourDrive .button, #UseyourDrive .button:focus,
 #UseyourDrive .button:hover, .UseyourDrive .button,
 .UseyourDrive .button:focus, .UseyourDrive .button:hover,
 #UseyourDrive .entry.hasfocus:not(.no-entries),
 #UseyourDrive .entry.isdragged,
 #UseyourDrive .entry.isselected,
 #UseyourDrive .entry.popupopen,
 #UseyourDrive .entry:not(.no-entries):hover,
 #UseyourDrive .image-container .entry-text,
 #UseyourDrive .image-folder,
 #UseyourDrive .image-folder .folder-text,
 #UseyourDrive [data-layout=grid] .has-fileinfo-on-hover .entry.file .entry-info,
 .pum-theme-5468 .pum-content + .pum-close,
 .pum-theme-default-theme .pum-content + .pum-close,
 #UseyourDrive .tippy-content li>a:hover, .UseyourDrive .tippy-content li>a:hover {
     background: #064D87;
 }

 .pum-theme-5468 .pum-content + .pum-close,
 .pum-theme-default-theme .pum-content + .pum-close {
    color:  #fff;
 }

 .UseyourDrive .button.secondary,
 .UseyourDrive .button.secondary:hover
  {
     border: 1px solid #064D87;
     color:  #064D87;
 }

 .UseyourDrive input[type=text]:focus {
     border: 1px solid #064D87;
 }

 #UseyourDrive ol.wpcp-breadcrumb>li a {
     padding: 3px 15px;
 }

 #UseyourDrive ol.wpcp-breadcrumb>li+li:before {
     position: relative;
 }

 .entry-action-menu-button-content li:before {
     display: none;
 }

 .folderupload-header-title {
     font-weight: bold;
     color:  #064D87;
 }

 .folderupload-header {
     padding: 20px 24px !important;
 }

 #UseyourDrive .folder .entry-info-name a,
 #UseyourDrive .folder .entry-info-name {
    line-height: 12px !important;
}

#UseyourDrive .folders-container .entry-info-name {
    margin: 0 8px 0 0 !important;
}

.UseyourDrive.useyourdrive-modal {
    z-index: 299999999999;
}

.fileupload-header {
    display:none!important;
}

.fx-upload-files {
    font-weight: bold;
    text-transform: capitalize !important;
    background: #064D87;
    color: #fff;
    padding: 5px 25px !important;
    border-radius: 25px;
    margin-right: 8px !important;
}

.fx-upload-files:hover {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.4);
    cursor: pointer;
 }

 #user_pass_field {
    padding-bottom: 10px;
 }

.fx-border-less .fl-col-content.fl-node-content {
    margin: 0;
}

 @media (min-width: 768px) {
     .cta-bar__text,
     .cta-bar__wrap p {
         margin-bottom: 45px;
                padding-bottom: 0 !important;
     }
 }