html {
    font-size: 16px;
  }
/*------------------------------------
  Typography Font Size
------------------------------------*/
.g-font-size-default {
    font-size: 1rem !important;
  }
  
  .g-font-size-70x {
    font-size: 70% !important;
  }
  
  .g-font-size-75x {
    font-size: 75% !important;
  }
  
  .g-font-size-80x {
    font-size: 80% !important;
  }
  
  .g-font-size-85x {
    font-size: 85% !important;
  }
  
  .g-font-size-90x {
    font-size: 90% !important;
  }
  
  .g-font-size-95x {
    font-size: 95% !important;
  }
  
  .g-font-size-0 {
    font-size: 0;
  }
  
  .g-font-size-5 {
    font-size: 0.35714rem !important;
  }
  
  .g-font-size-8 {
    font-size: 0.57143rem !important;
  }
  
  .g-font-size-9 {
    font-size: 0.64286rem !important;
  }
  
  .g-font-size-10 {
    font-size: 0.71429rem !important;
  }
  
  .g-font-size-11 {
    font-size: 0.78571rem !important;
  }
  
  .g-font-size-12 {
    font-size: 0.85714rem !important;
  }
  
  .g-font-size-13 {
    font-size: 0.92857rem !important;
  }
  
  .g-font-size-14 {
    font-size: 1rem !important;
  }
  
  .g-font-size-15 {
    font-size: 1.07143rem !important;
  }
  
  .g-font-size-16 {
    font-size: 1.14286rem !important;
  }
  
  .g-font-size-17 {
    font-size: 1.21429rem !important;
  }
  
  .g-font-size-18 {
    font-size: 1.28571rem !important;
  }
  
  .g-font-size-20 {
    font-size: 1.42857rem !important;
  }
  
  .g-font-size-22 {
    font-size: 1.57143rem !important;
  }
  
  .g-font-size-23 {
    font-size: 1.64286rem !important;
  }
  
  .g-font-size-24 {
    font-size: 1.71429rem !important;
  }
  
  .g-font-size-25 {
    font-size: 1.78571rem !important;
  }
  
  .g-font-size-26 {
    font-size: 1.85714rem !important;
  }
  
  .g-font-size-27 {
    font-size: 1.92857rem !important;
  }
  
  .g-font-size-28 {
    font-size: 2rem !important;
  }
  
  .g-font-size-30 {
    font-size: 2.14286rem !important;
  }
  
  .g-font-size-32 {
    font-size: 2.28571rem !important;
  }
  
  .g-font-size-33 {
    font-size: 2.35714rem !important;
  }
  
  .g-font-size-35 {
    font-size: 2.5rem !important;
  }
  
  .g-font-size-36 {
    font-size: 2.57143rem !important;
  }
  
  .g-font-size-38 {
    font-size: 2.71429rem !important;
  }
  
  .g-font-size-40 {
    font-size: 2.85714rem !important;
  }
  
  .g-font-size-42 {
    font-size: 3rem !important;
  }
  
  .g-font-size-45 {
    font-size: 3.21429rem !important;
  }
  
  .g-font-size-46 {
    font-size: 3.28571rem !important;
  }
  
  .g-font-size-48 {
    font-size: 3.42857rem !important;
  }
  
  .g-font-size-50 {
    font-size: 3.57143rem !important;
  }
  
  .g-font-size-55 {
    font-size: 3.92857rem !important;
  }
  
  .g-font-size-56 {
    font-size: 4rem !important;
  }
  
  .g-font-size-60 {
    font-size: 4.28571rem !important;
  }
  
  .g-font-size-65 {
    font-size: 4.64286rem !important;
  }
  
  .g-font-size-70 {
    line-height: 70px;
    font-size: 5rem !important;
  }
  
  .g-font-size-75 {
    font-size: 5.35714rem !important;
  }
  
  .g-font-size-76 {
    font-size: 5.42857rem !important;
  }
  
  .g-font-size-80 {
    font-size: 5.71429rem !important;
  }
  
  .g-font-size-86 {
    font-size: 6.14286rem !important;
  }
  
  .g-font-size-90 {
    font-size: 6.42857rem !important;
  }
  
  .g-font-size-120 {
    font-size: 8.57143rem !important;
  }
  
  .g-font-size-200 {
    line-height: 210px;
    font-size: 14.28571rem !important;
  }
  
  .g-font-size-180 {
    font-size: 12.85714rem !important;
  }
  
  @media (min-width: 576px) {
    .g-font-size-20--sm {
      font-size: 1.42857rem !important;
    }
    .g-font-size-25--sm {
      font-size: 1.78571rem !important;
    }
    .g-font-size-40--sm {
      font-size: 2.85714rem !important;
    }
    .g-font-size-50--sm {
      font-size: 3.57143rem !important;
    }
    .g-font-size-240--sm {
      font-size: 17.14286rem !important;
    }
  }
  
  @media (min-width: 768px) {
    .g-font-size-default--md {
      font-size: 1rem !important;
    }
    .g-font-size-12--md {
      font-size: 0.85714rem !important;
    }
    .g-font-size-16--md {
      font-size: 1.14286rem !important;
    }
    .g-font-size-18--md {
      font-size: 1.28571rem !important;
    }
    .g-font-size-20--md {
      font-size: 1.42857rem !important;
    }
    .g-font-size-24--md {
      font-size: 1.71429rem !important;
    }
    .g-font-size-25--md {
      font-size: 1.78571rem !important;
    }
    .g-font-size-26--md {
      font-size: 1.85714rem !important;
    }
    .g-font-size-27--md {
      font-size: 1.92857rem !important;
    }
    .g-font-size-28--md {
      font-size: 2rem !important;
    }
    .g-font-size-30--md {
      font-size: 2.14286rem !important;
    }
    .g-font-size-32--md {
      font-size: 2.28571rem !important;
    }
    .g-font-size-35--md {
      font-size: 2.5rem !important;
    }
    .g-font-size-36--md {
      font-size: 2.57143rem !important;
    }
    .g-font-size-40--md {
      font-size: 2.85714rem !important;
    }
    .g-font-size-45--md {
      font-size: 3.21429rem !important;
    }
    .g-font-size-46--md {
      font-size: 3.28571rem !important;
    }
    .g-font-size-48--md {
      font-size: 3.42857rem !important;
    }
    .g-font-size-50--md {
      font-size: 3.57143rem !important;
    }
    .g-font-size-55--md {
      font-size: 3.92857rem !important;
    }
    .g-font-size-56--md {
      font-size: 4rem !important;
    }
    .g-font-size-60--md {
      font-size: 4.28571rem !important;
    }
    .g-font-size-65--md {
      font-size: 4.64286rem !important;
    }
    .g-font-size-70--md {
      font-size: 5rem !important;
    }
    .g-font-size-75--md {
      font-size: 5.35714rem !important;
    }
    .g-font-size-76--md {
      font-size: 5.42857rem !important;
    }
    .g-font-size-90--md {
      font-size: 6.42857rem !important;
    }
    .g-font-size-130--md {
      font-size: 9.28571rem !important;
    }
  }
  
  @media (min-width: 992px) {
    .g-font-size-default--lg {
      font-size: 1rem !important;
    }
    .g-font-size-16--lg {
      font-size: 1.14286rem !important;
    }
    .g-font-size-18--lg {
      font-size: 1.28571rem !important;
    }
    .g-font-size-26--lg {
      font-size: 1.85714rem !important;
    }
    .g-font-size-32--lg {
      font-size: 2.28571rem !important;
    }
    .g-font-size-35--lg {
      font-size: 2.5rem !important;
    }
    .g-font-size-36--lg {
      font-size: 2.57143rem !important;
    }
    .g-font-size-42--lg {
      font-size: 3rem !important;
    }
    .g-font-size-60--lg {
      font-size: 4.28571rem !important;
    }
    .g-font-size-75--lg {
      font-size: 5.35714rem !important;
    }
    .g-font-size-76--lg {
      font-size: 5.42857rem !important;
    }
    .g-font-size-420--lg {
      font-size: 30rem !important;
    }
  }
  
  @media (min-width: 1200px) {
    .g-font-size-17--xl {
      font-size: 1.21429rem !important;
    }
  }
  
  @media (max-width: 576px - 1) {
    .g-font-size-25 {
      font-size: 1.78571rem !important;
    }
  }

  
/*------------------------------------
  Typography Font Weight
------------------------------------*/
.g-font-weight-100 {
    font-weight: 100 !important;
  }
  
  .g-font-weight-200 {
    font-weight: 200 !important;
  }
  
  .g-font-weight-300 {
    font-weight: 300 !important;
  }
  
  .g-font-weight-400 {
    font-weight: 400 !important;
  }
  
  .g-font-weight-500 {
    font-weight: 500 !important;
  }
  
  .g-font-weight-600 {
    font-weight: 600 !important;
  }
  
  .g-font-weight-700 {
    font-weight: 700 !important;
  }
  
  .g-font-weight-800 {
    font-weight: 800 !important;
  }
  
  .g-font-weight-900 {
    font-weight: 900 !important;
  }
  
  @media (min-width: 768px) {
    .g-font-weight-100--md {
      font-weight: 100 !important;
    }
    .g-font-weight-200--md {
      font-weight: 200 !important;
    }
    .g-font-weight-300--md {
      font-weight: 300 !important;
    }
    .g-font-weight-400--md {
      font-weight: 400 !important;
    }
    .g-font-weight-500--md {
      font-weight: 500 !important;
    }
    .g-font-weight-600--md {
      font-weight: 600 !important;
    }
    .g-font-weight-700--md {
      font-weight: 700 !important;
    }
    .g-font-weight-800--md {
      font-weight: 800 !important;
    }
    .g-font-weight-900--md {
      font-weight: 900 !important;
    }
  }
  

  
.g-bg-gray-light-v8 {
    background-color: #f5f9f9 !important;
  }
  
  .g-bg-gray-light-v8--hover:hover {
    background-color: #f5f9f9 !important;
  }
  
  .g-bg-gray-light-v8--active.active {
    background-color: #f5f9f9 !important;
  }
  
  .g-bg-gray-light-v8--disabled:disabled {
    background-color: #f5f9f9 !important;
  }
  
  input:checked + .g-bg-gray-light-v8--sibling-checked {
    background-color: #f5f9f9 !important;
  }
  
  .g-bg-gray-light-v8--opacity-0_2 {
    background-color: rgba(245, 249, 249, 0.2) !important;
  }
  
  .g-bg-gray-light-v8--opacity-0_4 {
    background-color: rgba(245, 249, 249, 0.4) !important;
  }
  
  .g-bg-gray-light-v8--opacity-0_4--checked.checked {
    background-color: rgba(245, 249, 249, 0.4) !important;
  }
  


/*------------------------------------
  Box-shadows Styles
------------------------------------*/
.u-shadow-none {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  
  .u-shadow-none--focus:focus {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  
  .g-parent:hover .u-shadow-none--parent-hover {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  
  /*------------------------------------
    Box-shadows-v1
  ------------------------------------*/
  .u-shadow-v1-1 {
    -webkit-box-shadow: 0 0 5px #999;
            box-shadow: 0 0 5px #999;
  }
  
  .u-shadow-v1-2 {
    -webkit-box-shadow: 0 0 10px #999;
            box-shadow: 0 0 10px #999;
  }
  
  .u-shadow-v1-2--hover:hover {
    -webkit-box-shadow: 0 0 10px #999;
            box-shadow: 0 0 10px #999;
  }
  
  .g-parent:hover .u-shadow-v1-2--hover-parent {
    -webkit-box-shadow: 0 0 10px #999;
            box-shadow: 0 0 10px #999;
  }
  
  .u-shadow-v1-3 {
    -webkit-box-shadow: 0 0 5px #ddd;
            box-shadow: 0 0 5px #ddd;
  }
  
  .u-shadow-v1-4 {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  
  .u-shadow-v1-5 {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  }
  
  .u-shadow-v1-5--hover:hover {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  }
  
  *:hover > .u-shadow-v1-5--hover-parent {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  }
  
  .u-shadow-v1-6 {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  
  .u-shadow-v1-6--hover:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  
  *:hover > .u-shadow-v1-6--hover-parent {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  
  .u-shadow-v1-7 {
    -webkit-box-shadow: 0 0 8px #eee;
            box-shadow: 0 0 8px #eee;
  }
  
  .u-shadow-v1-7--hover:hover {
    -webkit-box-shadow: 0 0 8px #eee;
            box-shadow: 0 0 8px #eee;
  }
  
  *:hover > .u-shadow-v1-7--hover-parent {
    -webkit-box-shadow: 0 0 8px #eee;
            box-shadow: 0 0 8px #eee;
  }
  
  /*------------------------------------
    Box-shadows-v2
  ------------------------------------*/
  .u-shadow-v2 {
    -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);
            box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);
  }
  
  /*------------------------------------
    Box-shadows-v3-v4-v5
  ------------------------------------*/
  .u-shadow-v3,
  .u-shadow-v4,
  .u-shadow-v5 {
    position: relative;
  }
  
  .u-shadow-v3::after,
  .u-shadow-v3::before,
  .u-shadow-v4::before,
  .u-shadow-v5::after {
    content: "";
    position: absolute;
    top: 80%;
    left: 0.35714rem;
    bottom: 1.07143rem;
    width: 50%;
    max-width: 21.42857rem;
    background: rgba(0, 0, 0, 0.2);
    z-index: -1;
  }
  
  .u-shadow-v3::after,
  .u-shadow-v3::before,
  .u-shadow-v4::before,
  .u-shadow-v5::after {
    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  
  .u-shadow-v3::after,
  .u-shadow-v5::after {
    left: auto;
    right: 0.35714rem;
    -webkit-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  
  /*------------------------------------
    Box-shadows-v6
  ------------------------------------*/
  .u-shadow-v6 {
    -webkit-box-shadow: 0 8px 6px -6px #555;
            box-shadow: 0 8px 6px -6px #555;
  }
  
  /*------------------------------------
    Box-shadows-v7
  ------------------------------------*/
  .u-shadow-v7 {
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  }
  
  /*------------------------------------
    Box-shadows-v8
  ------------------------------------*/
  .u-shadow-v8 {
    -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
            box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
  }
  
  .u-shadow-v8--hover:hover {
    -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
            box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.05);
  }
  
  .u-shadow-v8-1 {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  }
  
  /*------------------------------------
    Box-shadows-v9
  ------------------------------------*/
  .u-shadow-v9 {
    -webkit-box-shadow: 1px 1px 1px #eee;
            box-shadow: 1px 1px 1px #eee;
  }
  
  /*------------------------------------
    Box-shadows-v10
  ------------------------------------*/
  .u-shadow-v10 {
    -webkit-box-shadow: 2px 2px 2px #eee;
            box-shadow: 2px 2px 2px #eee;
  }
  
  /*------------------------------------
    Box-shadows-v11
  ------------------------------------*/
  .u-shadow-v11 {
    -webkit-box-shadow: 0 0 2px #ccc;
            box-shadow: 0 0 2px #ccc;
  }
  
  /*------------------------------------
    Box-shadows-v12
  ------------------------------------*/
  .u-shadow-v12 {
    -webkit-box-shadow: inset 2px 2px 2px 0 #ccc;
            box-shadow: inset 2px 2px 2px 0 #ccc;
  }
  
  /*------------------------------------
    Box-shadows-v13
  ------------------------------------*/
  .u-shadow-v13 {
    -webkit-box-shadow: inset 2px 2px 2px 0 #387ab1ff;
            box-shadow: inset 2px 2px 2px 0 #387ab1ff;
  }
  
  /*------------------------------------
    Box-shadows-v14
  ------------------------------------*/
  .u-shadow-v14 {
    -webkit-box-shadow: 2px 2px 2px 0 #eee;
            box-shadow: 2px 2px 2px 0 #eee;
  }
  
  /*------------------------------------
    Box-shadows-v15
  ------------------------------------*/
  .u-shadow-v15 {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
  }
  
  /*------------------------------------
    Box-shadows-v16
  ------------------------------------*/
  .u-shadow-v16 {
    -webkit-box-shadow: inset 5px 5px 5px 0 rgba(17, 17, 17, 0.5);
            box-shadow: inset 5px 5px 5px 0 rgba(17, 17, 17, 0.5);
  }
  
  /*------------------------------------
    Box-shadows-v17
  ------------------------------------*/
  .u-shadow-v17 {
    -webkit-box-shadow: 3px 2px 8px 2px rgba(0, 0, 0, 0.17);
            box-shadow: 3px 2px 8px 2px rgba(0, 0, 0, 0.17);
  }
  
  /*------------------------------------
    Box-shadows-v18
  ------------------------------------*/
  .u-shadow-v18 {
    -webkit-box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.15);
  }
  
  /*------------------------------------
    Box-shadows-v19
  ------------------------------------*/
  .u-shadow-v19 {
    -webkit-box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1);
  }
  
  .u-shadow-v19--lightblue {
    -webkit-box-shadow: 0 5px 10px -6px rgba(51, 152, 220, 0.15);
            box-shadow: 0 5px 10px -6px rgba(51, 152, 220, 0.15);
  }
  
  /*------------------------------------
    Box-shadows-v20
  ------------------------------------*/
  .u-shadow-v20 {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
  }
  
  .u-shadow-v20--hover:hover {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
  }
  
  /*------------------------------------
    Box-shadows-v21
  ------------------------------------*/
  .u-shadow-v21 {
    -webkit-box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
            box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
  }
  
  .u-shadow-v21--hover:hover {
    -webkit-box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.15);
            box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.15);
  }
  
  /*------------------------------------
    Box-shadows-v22
  ------------------------------------*/
  .u-shadow-v22 {
    -webkit-box-shadow: 0 2px 5px #eee;
            box-shadow: 0 2px 5px #eee;
  }
  
  /*------------------------------------
    Box-shadows-v23
  ------------------------------------*/
  .u-shadow-v23 {
    -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.2);
  }
  
  /*------------------------------------
    Box-shadows-v24
  ------------------------------------*/
  .u-shadow-v24 {
    -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
  }
  
  .g-parent.active .u-shadow-v24--active {
    -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
  }
  
  /*------------------------------------
    Box-shadows-v25
  ------------------------------------*/
  .u-shadow-v25 {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.07);
            box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.07);
  }
  
  /*------------------------------------
    Box-shadows-v26
  ------------------------------------*/
  .u-shadow-v26 {
    -webkit-box-shadow: inset 5px 0 10px rgba(0, 0, 0, 0.2);
            box-shadow: inset 5px 0 10px rgba(0, 0, 0, 0.2);
  }
  
  /*------------------------------------
    Box-shadows-v27
  ------------------------------------*/
  .u-shadow-v27 {
    -webkit-box-shadow: 0 0 3px #b5b5b5;
            box-shadow: 0 0 3px #b5b5b5;
  }
  
  /*------------------------------------
    Box-shadows-v28
  ------------------------------------*/
  .u-shadow-v28 {
    -webkit-box-shadow: 0 10px 45px -5px rgba(0, 0, 0, 0.04);
            box-shadow: 0 10px 45px -5px rgba(0, 0, 0, 0.04);
  }
  
  /*------------------------------------
    Box-shadows-v29
  ------------------------------------*/
  .u-shadow-v29 {
    -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.1);
  }
  
  .u-shadow-v29--lightblue {
    -webkit-box-shadow: 0 10px 30px 0 rgba(51, 152, 220, 0.075);
            box-shadow: 0 10px 30px 0 rgba(51, 152, 220, 0.075);
  }
  
  /*------------------------------------
    Box-shadows-v30
  ------------------------------------*/
  .u-shadow-v30 {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  
  /*------------------------------------
    Box-shadows-v31
  ------------------------------------*/
  .u-shadow-v31 {
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.075);
            box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.075);
  }
  
  /*------------------------------------
    Box-shadows-v32
  ------------------------------------*/
  .u-shadow-v32 {
    -webkit-box-shadow: 0 6px 15px -6px rgba(0, 0, 0, 0.1);
            box-shadow: 0 6px 15px -6px rgba(0, 0, 0, 0.1);
  }
  
  /*------------------------------------
    Box-shadows-v33
  ------------------------------------*/
  .u-shadow-v33 {
    -webkit-box-shadow: 0 6px 15px -6px rgba(114, 192, 44, 0.3);
            box-shadow: 0 6px 15px -6px rgba(114, 192, 44, 0.3);
  }
  
  /*------------------------------------
    Box-shadows-v34
  ------------------------------------*/
  .u-shadow-v34 {
    -webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
  }
  
  /*------------------------------------
    Box-shadows-v35
  ------------------------------------*/
  .u-shadow-v35 {
    -webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.045);
            box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.045);
  }
  
  .u-shadow-v35--active.active {
    -webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.045);
            box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.045);
    -webkit-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
  }
  
  .u-shadow-v35.g-bg-teal-opacity-0_1 {
    -webkit-box-shadow: 0 4px 7px 0 rgba(24, 186, 155, 0.175);
            box-shadow: 0 4px 7px 0 rgba(24, 186, 155, 0.175);
  }
  
  .u-shadow-v35.g-bg-purple-opacity-0_1 {
    -webkit-box-shadow: 0 4px 7px 0 rgba(154, 105, 203, 0.175);
            box-shadow: 0 4px 7px 0 rgba(154, 105, 203, 0.175);
  }
  
  .u-shadow-v35.g-bg-blue-opacity-0_1 {
    -webkit-box-shadow: 0 4px 7px 0 rgba(51, 152, 220, 0.175);
            box-shadow: 0 4px 7px 0 rgba(51, 152, 220, 0.175);
  }
  
  /*------------------------------------
    Box-shadows-v36
  ------------------------------------*/
  .u-shadow-v36 {
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.14);
  }
  
  /*------------------------------------
    Box-shadows-v37
  ------------------------------------*/
  .u-shadow-v37 {
    -webkit-box-shadow: 0 13px 25px 0 rgba(235, 237, 242, 0.7);
            box-shadow: 0 13px 25px 0 rgba(235, 237, 242, 0.7);
  }
  
  .u-shadow-v37--hover:hover {
    -webkit-box-shadow: 0 13px 25px 0 rgba(235, 237, 242, 0.7);
            box-shadow: 0 13px 25px 0 rgba(235, 237, 242, 0.7);
    -webkit-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
  }
  
  /*------------------------------------
    Box-shadows-v38
  ------------------------------------*/
  .u-shadow-v38 {
    -webkit-box-shadow: 0 2px 35px 0 rgba(235, 237, 242, 0.7);
            box-shadow: 0 2px 35px 0 rgba(235, 237, 242, 0.7);
  }
  
  /*------------------------------------
    Box-shadows-v39
  ------------------------------------*/
  .u-shadow-v39 {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
  }
  
  /*------------------------------------
    Box-shadows-v40
  ------------------------------------*/
  .u-shadow-v40 {
    -webkit-box-shadow: -9px -9px 20px -9px rgba(0, 0, 0, 0.1);
            box-shadow: -9px -9px 20px -9px rgba(0, 0, 0, 0.1);
  }
  
  /*------------------------------------
    Box-shadows-v41
  ------------------------------------*/
  .u-shadow-v41 {
    -webkit-box-shadow: 10px 40px 120px rgba(0, 0, 0, 0.1);
            box-shadow: 10px 40px 120px rgba(0, 0, 0, 0.1);
  }
  
  

/*------------------------------------
  Border Radius (Rounded Styles)
------------------------------------*/
/* Rounded Around */
.rounded-0 {
    border-radius: 0 !important;
  }
  
  .g-rounded-50x {
    border-radius: 50%;
  }
  
  .g-rounded-1 {
    border-radius: 1px !important;
  }
  
  .g-rounded-2 {
    border-radius: 2px !important;
  }
  
  .g-rounded-3 {
    border-radius: 3px !important;
  }
  
  .g-rounded-4 {
    border-radius: 4px !important;
  }
  
  .g-rounded-5 {
    border-radius: 5px !important;
  }
  
  .g-rounded-6 {
    border-radius: 6px !important;
  }
  
  .g-rounded-7 {
    border-radius: 7px !important;
  }
  
  .g-rounded-10 {
    border-radius: 10px !important;
  }
  
  .g-rounded-15 {
    border-radius: 15px !important;
  }
  
  .g-rounded-20 {
    border-radius: 20px !important;
  }
  
  .g-rounded-25 {
    border-radius: 25px !important;
  }
  
  .g-rounded-30 {
    border-radius: 30px !important;
  }
  
  .g-rounded-50 {
    border-radius: 50px !important;
  }
  
  .g-rounded-100 {
    border-radius: 100px !important;
  }
  
  .g-rounded-100--after::after {
    border-radius: 100px !important;
  }
  
  /* Rounded Top */
  .g-rounded-top-5 {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
  }
  
  /* Rounded Right */
  .g-rounded-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  
  .g-rounded-right-3 {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }
  
  .g-rounded-right-4 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  
  .g-rounded-right-5 {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
  }
  
  .g-rounded-right-10 {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }
  
  .g-rounded-right-20 {
    border-bottom-right-radius: 20px !important;
    border-top-right-radius: 20px !important;
  }
  
  .g-rounded-right-25 {
    border-bottom-right-radius: 25px !important;
    border-top-right-radius: 25px !important;
  }
  
  .g-rounded-right-30 {
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
  }
  
  .g-rounded-right-50 {
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
  }
  
  /* Rounded Bottom */
  .g-rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  
  .g-rounded-bottom-3 {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }
  
  .g-rounded-bottom-4 {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  
  .g-rounded-bottom-5 {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
  }
  
  /* Rounded Left */
  .g-rounded-left-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  
  .g-rounded-left-3 {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }
  
  .g-rounded-left-4 {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  
  .g-rounded-left-5 {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
  }
  
  .g-rounded-left-10 {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }
  
  .g-rounded-left-20 {
    border-bottom-left-radius: 20px !important;
    border-top-left-radius: 20px !important;
  }
  
  .g-rounded-left-25 {
    border-bottom-left-radius: 25px !important;
    border-top-left-radius: 25px !important;
  }
  
  .g-rounded-left-30 {
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
  }
  
  .g-rounded-left-50 {
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
  }
  
  .g-rounded-circle--before::before {
    border-radius: 50% !important;
  }
  
  .g-rounded-circle--after::after {
    border-radius: 50% !important;
  }
  
  @media (min-width: 768px) {
    .g-rounded-0--md {
      border-radius: 0 !important;
    }
    .g-rounded-left-0--md {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
    }
    .g-rounded-right-0--md {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }
  }
  
  @media (min-width: 992px) {
    .g-rounded-left-5--lg-up {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important;
    }
    .g-rounded-right-5--lg-up {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important;
    }
  }


/*------------------------------------
  JS
------------------------------------*/
.js-carousel_single-item {
    max-width: 100%;
    position: relative;
  }
  
  .js-next,
  .js-prev,
  .js-thumb {
    cursor: pointer;
  }
  
  .js-next,
  .js-prev {
    z-index: 10;
  }
  
  .js-thumb img {
    display: inline-block;
  }
  
  .js-carousel_single-item-thumbs5__thumbs .js-thumb {
    opacity: .3;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  
  .js-carousel_single-item-thumbs5__thumbs .slick-center {
    opacity: 1;
  }
  
  .js-carousel_single-item-thumbs5--v2__thumbs .js-thumb {
    opacity: .4;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  
  .js-carousel_single-item-thumbs5--v2__thumbs .slick-center {
    opacity: 1;
  }
  
  .js-carousel_single-item-thumbs5--v3__thumbs .js-thumb {
    opacity: .4;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  
  .js-carousel_single-item-thumbs5--v3__thumbs .slick-center {
    opacity: 1;
  }
  
  .u-pagi-control--v2 {
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 3px;
    border-radius: 50%;
    background-color: #ddd;
    opacity: .3;
    cursor: pointer;
  }
  
  .slick-active .u-pagi-control-red {
    background-color: #f00;
  }
  
  .slick-active .u-pagi-control-grey {
    opacity: 1;
  }
  
  .u-carousel--v3 .js-prev,
  .u-carousel--v3 .js-next {
    top: 50%;
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  
  .u-carousel--v3 .g-height-40.js-prev, .u-carousel--v3 .g-height-40.js-next {
    margin-top: -20px;
    left: 50%;
  }
  
  .u-carousel--v3 .g-height-40.js-prev {
    margin-left: -99px;
  }
  
  .u-carousel--v3 .g-height-40.js-next {
    margin-left: 65px;
  }
  
  .u-carousel--v3:hover .js-prev,
  .u-carousel--v3:hover .js-next {
    opacity: 1;
  }
  
  .u-carousel--v4 {
    margin-left: -15px;
    margin-right: -15px;
  }
  
  .u-carousel--v4 .js-prev,
  .u-carousel--v4 .js-next {
    top: 50%;
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .4s;
         -o-transition-duration: .4s;
            transition-duration: .4s;
    -webkit-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  
  .u-carousel--v4 .g-height-40.js-prev, .u-carousel--v4 .g-height-40.js-next {
    margin-top: -20px;
    left: 50%;
  }
  
  .u-carousel--v4 .g-height-40.js-prev {
    margin-left: -160px;
  }
  
  .u-carousel--v4 .g-height-40.js-next {
    margin-left: 125px;
  }
  
  .u-carousel--v4:hover .js-prev,
  .u-carousel--v4:hover .js-next {
    opacity: 1;
  }
  
  /*--------------------------------------------------
    Filter v1
  ----------------------------------------------------*/
  .u-filter-v1 > li:not(:last-child)::after {
    content: "|";
    font-size: 0.71429rem;
    margin: 0 7px 0 14px;
    position: relative;
    top: -2px;
    line-height: inherit;
    display: inline-block;
    vertical-align: middle;
    color: #ddd;
  }
  
  .u-filter-v1 > li:hover,
  .u-filter-v1 [class*="active"] {
    color: #387ab1ff;
  }
  
  /*--------------------------------------------------
    Carousel v10
  ----------------------------------------------------*/
  .u-carousel-v10 .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: auto;
    visibility: hidden;
    margin: 0;
    padding: 0;
  }
  
  .u-carousel-v10 .slick-dots li {
    display: block;
    margin-bottom: 5px;
  }
  
  .u-carousel-v10 .slick-dots button {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: transparent;
    background: #ccc;
    border: none;
    outline: none;
  }
  
  .u-carousel-v10 .slick-dots .slick-active button {
    background: #387ab1ff;
  }
  
  .u-carousel-v10-nav {
    margin-top: -135px;
  }
  
  .u-carousel-v10-nav .js-slide {
    position: relative;
    cursor: pointer;
    height: 100%;
  }
  
  .u-carousel-v10-nav .js-slide:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  
  .u-carousel-v10-nav .js-slide.slick-current::after {
    opacity: 0;
  }
  
  @media only screen and (max-width: 991px) {
    .u-carousel-v10 .slick-dots {
      visibility: visible;
    }
    .u-carousel-v10-nav {
      display: none;
    }
  }

  

/*------------------------------------
  Animation on the scroll
------------------------------------*/
[data-animation]:not(.u-in-viewport) {
    visibility: hidden;
  }
  
  [data-animation].js-carousel {
    visibility: visible;
  }
  
  .u-in-viewport {
    visibility: visible;
  }