/*------------------------------------
  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 #72c02c;
    box-shadow: inset 2px 2px 2px 0 #72c02c;
}

/*------------------------------------
  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);
}