div.fancy-select .cb-parallax-fancy-select .cb-parallax-fancy-select {
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    color: #46565d
}

div.fancy-select .cb-parallax-fancy-select .cb-parallax-fancy-select.disabled {
    opacity: 0.5
}

div.fancy-select .cb-parallax-fancy-select .cb-parallax-fancy-select select:focus + div.trigger {
    box-shadow: 0 0 0 2px #4b5468
}

div.fancy-select .cb-parallax-fancy-select .cb-parallax-fancy-select select:focus + div.trigger.open {
    box-shadow: none
}

div.fancy-select .cb-parallax-fancy-select .cb-parallax-fancy-select div.trigger {
    border-radius: 4px;
    cursor: pointer;
    padding: 10px 24px 9px 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    background: #99a5be;
    border: 1px solid #99a5be;
    border-top-color: #a5b2cb;
    color: #4b5468;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    width: 200px;
    transition: all 240ms ease-out;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out
}

div.fancy-select .cb-parallax-fancy-select .cb-parallax-fancy-select div.trigger:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #4b5468;
    top: 20px;
    right: 9px
}

div.fancy-select .cb-parallax-fancy-select .cb-parallax-fancy-select div.trigger.open {
    background: #4a5368;
    border: 1px solid #475062;
    color: #7a8498;
    box-shadow: none
}

div.fancy-select .cb-parallax-fancy-select .cb-parallax-fancy-select div.trigger.open:after {
    border-top-color: #7a8498
}

div.fancy-select .cb-parallax-fancy-select .cb-parallax-fancy-select ul.options {
    list-style: none;
    margin: 0;
    position: absolute;
    top: 40px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 50;
    max-height: 200px;
    overflow: auto;
    background: #62c8bf;
    border-radius: 4px;
    border-top: 1px solid #7dd8d2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    min-width: 200px;
    transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out
}

div.fancy-select .cb-parallax-fancy-select .cb-parallax-fancy-select ul.options.open {
    visibility: visible;
    top: 50px;
    opacity: 1;
    transition: opacity 300ms ease-out, top 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out
}

div.fancy-select .cb-parallax-fancy-select .cb-parallax-fancy-select ul.options.overflowing {
    top: auto;
    bottom: 40px;
    transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out
}

div.fancy-select .cb-parallax-fancy-select .cb-parallax-fancy-select ul.options.overflowing.open {
    top: auto;
    bottom: 50px;
    transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -o-transition: opacity 300ms ease-out, bottom 300ms ease-out
}

div.fancy-select .cb-parallax-fancy-select .cb-parallax-fancy-select ul.options li {
    padding: 8px 12px;
    color: #2b8686;
    cursor: pointer;
    white-space: nowrap;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out
}

div.fancy-select .cb-parallax-fancy-select .cb-parallax-fancy-select ul.options li.selected {
    background: rgba(43, 134, 134, 0.3);
    color: rgba(255, 255, 255, 0.75)
}

div.fancy-select .cb-parallax-fancy-select .cb-parallax-fancy-select ul.options li.hover {
    color: #fff
}

.cb-parallax-parallax-enabled-container {
    padding-top: 10px
}

.cb-parallax-input-container {
    height: auto;
    margin-top: 16px
}

.label-for-cb-parallax-switch {
    display: inline-block;
    margin-top: 3px;
    margin-right: 12px
}

div.fancy-select {
    position: relative
}

div.fancy-select.disabled {
    opacity: 0.5
}

div.fancy-select select:focus + div.trigger {
    border-color: #5b9dd9;
    box-shadow: 0 0 2px rgba(30, 140, 190, 0.8)
}

div.fancy-select select:focus + div.trigger.open {
    box-shadow: none
}

div.fancy-select div.trigger {
    font-size: 13px;
    box-sizing: border-box;
    border-radius: 0;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
    margin: 0;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
    border: 1px solid #e7e7e7;
    background-color: #fbfbfb;
    -webkit-box-shadow: 0 1px 2px #e7e7e7 inset;
    -moz-box-shadow: 0 1px 2px #e7e7e7 inset;
    box-shadow: 0 1px 2px #e7e7e7 inset;
    transition: all 0.2s
}

div.fancy-select div.trigger:focus {
    background-color: #fff;
    transition: all 0.2s
}

div.fancy-select div.trigger:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #4b5468;
    top: 11px;
    right: 12px
}

div.fancy-select div.trigger.open {
    background: #f6f6f6;
    border: 1px solid #e2e2e2;
    box-shadow: none
}

div.fancy-select div.trigger.open:after {
    border-top: 1px solid #e2e2e2
}

div.fancy-select ul.options {
    list-style: none;
    margin: 0;
    position: absolute;
    top: 2px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    max-height: 300px;
    overflow: auto;
    border-radius: 0;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out;
    -webkit-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out;
    -moz-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out;
    -o-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out;
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.1) inset
}

div.fancy-select ul.options.open {
    visibility: visible;
    top: 30px;
    opacity: 1;
    transition: opacity 300ms ease-out, top 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out;
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.06) inset
}

div.fancy-select ul.options.overflowing {
    top: auto;
    bottom: 40px;
    transition: opacity 200ms ease-out, bottom 200ms ease-out, visibility 200ms ease-out;
    -webkit-transition: opacity 200ms ease-out, bottom 200ms ease-out, visibility 200ms ease-out;
    -moz-transition: opacity 200ms ease-out, bottom 200ms ease-out, visibility 200ms ease-out;
    -o-transition: opacity 200ms ease-out, bottom 200ms ease-out, visibility 200ms ease-out
}

div.fancy-select ul.options.overflowing.open {
    top: auto;
    bottom: 50px;
    transition: opacity 200ms ease-out, bottom 200ms ease-out;
    -webkit-transition: opacity 200ms ease-out, bottom 200ms ease-out;
    -moz-transition: opacity 200ms ease-out, bottom 200ms ease-out;
    -o-transition: opacity 200ms ease-out, bottom 200ms ease-out
}

div.fancy-select ul.options li {
    padding: 3px 0 3px 6px;
    margin: 0;
    background: #fff;
    cursor: pointer;
    white-space: nowrap;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out
}

div.fancy-select ul.options li.selected {
    background: #f6f6f6
}

div.fancy-select ul.options li.hover {
    background: #f2f2f2
}

.cb-parallax-single-option-container {
    margin: 12px auto
}

.cb-parallax-single-option-container:last-of-type {
    margin: 12px auto 0 auto
}

#cb-parallax-meta-box .cb-parallax-switch {
    pointer-events: initial
}

.container > .cb-parallax-switch {
    display: block;
    margin: 12px auto
}

.cb-parallax-switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 56px;
    height: 20px;
    padding: 3px;
    background-color: white;
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    background-image: -webkit-linear-gradient(#e66465, #9198e5);
    background-image: -moz-linear-gradient(#e66465, #9198e5);
    background-image: -o-linear-gradient(#e66465, #9198e5);
    background-image: linear-gradient(#e66465, #9198e5)
}

.cb-parallax-switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.cb-parallax-switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity, background;
    -moz-transition-property: opacity, background;
    -o-transition-property: opacity, background;
    transition-property: opacity, background
}

.cb-parallax-switch-label:before, .cb-parallax-switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

.cb-parallax-switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5)
}

.cb-parallax-switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0
}

.cb-parallax-switch-input:checked ~ .cb-parallax-switch-label {
    background: #87d37c;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2)
}

.cb-parallax-switch-input:checked ~ .cb-parallax-switch-label:before {
    opacity: 0
}

.cb-parallax-switch-input:checked ~ .cb-parallax-switch-label:after {
    opacity: 1
}

.cb-parallax-switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(#e66465, #9198e5);
    background-image: -moz-linear-gradient(#e66465, #9198e5);
    background-image: -o-linear-gradient(#e66465, #9198e5);
    background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out
}

.cb-parallax-switch-handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #f9f9f9;
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    background-image: -webkit-linear-gradient(#e66465, #9198e5);
    background-image: -moz-linear-gradient(#e66465, #9198e5);
    background-image: -o-linear-gradient(#e66465, #9198e5);
    background-image: linear-gradient(to bottom, #eee, white)
}

.cb-parallax-switch-input:checked ~ .cb-parallax-switch-handle {
    left: 40px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2)
}

.cb-parallax-switch-green > .cb-parallax-switch-input:checked ~ .cb-parallax-switch-label {
    background: #4fb845
}

#cb_parallax_overlay_image_container {
    margin-bottom: 0
}

.cb_parallax_general_setting_label {
    position: relative;
    top: 9px
}

.label_for_cb_parallax {
    position: relative;
    bottom: 3px;
    padding-right: 6px;
    display: inline-block
}

.cb-parallax-media-url {
    display: block;
    background: url("/wp-content/plugins/cb-parallax/src/admin/images/placeholder-small.jpg");
    min-width: 254px;
    min-height: 40px;
    height: auto;
    z-index: 10;
    margin-bottom: 0
}

#cb_parallax_background_image_url {
    z-index: 11
}

#cb_parallax_background_image_url {
    width: inherit;
    object-fit: fill !important;
    position: relative;
    margin: 0 auto
}

.cb-parallax-image-container {
    display: block;
    background: url("/wp-content/plugins/cb-parallax/src/admin/menu/images/placeholder.jpg");
    margin-bottom: 17px;
    z-index: 10
}

.cb-parallax-image-container-empty:hover {
    cursor: pointer !important
}

.cb-parallax-image-container-in-use {
    cursor: default !important
}

.cb-parallax-media-url:hover {
    cursor: hand
}

.cb-par /**/ allax-remove-media-button-container {
    display: block;
    height: 0;
    text-align: right;
    width: 100%
}

.cb-parallax-remove-media-button-container a {
    text-align: right;
    z-index: 100
}

.cb-parallax-remove-media {
    position: relative;
    right: 6px;
    top: 8px;
    font-size: 16px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.82);
    text-decoration: none
}

.cb-parallax-remove-media i {
    width: 20px;
    height: 20px
}

.cb-parallax-remove-media i:before {
    position: relative;
    right: 0px;
    top: -0px;
    width: 20px;
    height: 20px
}

#cb_parallax_parallax_enabled_container {
    margin-top: 2px;
    padding-top: 4px;
    text-align: left
}

#cb_parallax_parallax_enabled_container > div {
    display: block
}

.image-bg {
    background-color: #f9f9f9;
    padding-top: 0;
    padding-bottom: 0
}