@import url(https://fonts.googleapis.com/css?family=Biryani:300,400,600,700,900);@import url(/vendor/css/font-awesome.css);@import url(/vendor/css/swiper.css);@import url(/vendor/css/bootstrap.css);@import url(/vendor/css/bootstrap-select.css);body.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

#login_user .loginInput {
    border: 1px solid #AAA;
    border-radius: 3px;
    background-color: transparent;
    color: #000;
    width: 15em;
    font-size: 15px;
    padding: 0.5em;
    margin: 0px 3px 5px 0px;
    height: 40px;
}

#remove_fortune .loginInput {
    border: 1px solid #AAA;
    border-radius: 3px;
    background-color: transparent;
    color: #000;
    width: 15em;
    font-size: 15px;
    padding: 0.5em;
    margin: 0px 3px 5px 0px;
    height: 40px;
}

#remove_fortune .buttonRemove {
    width: 30%;
    margin-top: 13px;
    height: 41px;
}

#user_register .loginInput {
    border: 1px solid #AAA;
    border-radius: 3px;
    background-color: transparent;
    color: #000;
    width: 16em;
    font-size: 15px;
    padding: 0.5em;
    margin: 0px 3px 5px 0px;
    height: 40px;
}

fieldset input {
    display: none;
}

.sweet-overlay {
    background-color: black;
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    /* IE8 */
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 10000;
}

.sweet-alert {
    background-color: white;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 99999;
}

@media all and (max-width: 540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px;
    }
}

.sweet-alert h2 {
    color: #191F5D;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block;
}

.sweet-alert p {
    color: #191F5D;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.sweet-alert fieldset {
    border: none;
    position: relative;
}

.sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    -webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s;
}

.sweet-alert .sa-error-container.show {
    padding: 10px 0;
    max-height: 100px;
    webkit-transition: padding 0.2s, max-height 0.2s;
    -webkit-transition: padding 0.25s, max-height 0.25s;
    transition: padding 0.25s, max-height 0.25s;
}

.sweet-alert .sa-error-container .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ea7d7d;
    color: white;
    line-height: 24px;
    text-align: center;
    margin-right: 3px;
}

.sweet-alert .sa-error-container p {
    display: inline-block;
}

.sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
    content: "";
    width: 20px;
    height: 6px;
    background-color: #f06e57;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -9px;
}

.sweet-alert .sa-input-error::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sweet-alert .sa-input-error::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sweet-alert .sa-input-error.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sweet-alert input:focus {
    outline: none;
    box-shadow: 0px 0px 3px #c4e6f5;
    border: 1px solid #b4dbed;
}

.sweet-alert input:focus::-moz-placeholder {
    -moz-transition: opacity 0.3s 0.03s ease;
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5;
}

.sweet-alert input:focus:-ms-input-placeholder {
    -ms-transition: opacity 0.3s 0.03s ease;
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5;
}

.sweet-alert input:focus::-webkit-input-placeholder {
    -webkit-transition: opacity 0.3s 0.03s ease;
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5;
}

.sweet-alert input::-moz-placeholder {
    color: #bdbdbd;
}

.sweet-alert input:-ms-input-placeholder {
    color: #bdbdbd;
}

.sweet-alert input::-webkit-input-placeholder {
    color: #bdbdbd;
}

.sweet-alert.show-input input {
    display: block;
}

.sweet-alert button {
    background-color: #FA777A;
    color: white;
    border: none;
    box-shadow: none!important;
    font-size: 14px;
    font-weight: 500;
    border-radius: 25px;
    padding: 10px 11px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
}

.sweet-alert button:focus {
    outline: none;
    box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.sweet-alert button:hover {
    background-color: #a1d9f2;
}

.sweet-alert button:active {
    background-color: #81ccee;
}

.sweet-alert button.cancel {
    background-color: #c8c8c8;
}

.sweet-alert button.cancel:hover {
    background-color: #c8c8c8;
}

.sweet-alert button.cancel:active {
    background-color: #c8c8c8;
}

.sweet-alert button.cancel:focus {
    box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}

.sweet-alert button::-moz-focus-inner {
    border: 0;
}

.sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important;
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px;
}

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box;
}

.sweet-alert .sa-icon.sa-error {
    border-color: #F27474;
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
    position: relative;
    display: block;
}

.sweet-alert .sa-icon.sa-error .sa-line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #F27474;
    display: block;
    top: 37px;
    border-radius: 2px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px;
}

.sweet-alert .sa-icon.sa-warning {
    border-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-info {
    border-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-info::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-info::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-success {
    border-color: #A5DC86;
}

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
    content: '';
    border-radius: 40px;
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success::before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
}

.sweet-alert .sa-icon.sa-success::after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0px 60px;
    transform-origin: 0px 60px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(165, 220, 134, 0.2);
    border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: white;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #A5DC86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat;
}

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        top: 0%;
    }
    100% {
        top: 50%;
    }
}

@keyframes slideFromTop {
    0% {
        top: 0%;
    }
    100% {
        top: 50%;
    }
}

@-webkit-keyframes slideToTop {
    0% {
        top: 50%;
    }
    100% {
        top: 0%;
    }
}

@keyframes slideToTop {
    0% {
        top: 50%;
    }
    100% {
        top: 0%;
    }
}

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%;
    }
    100% {
        top: 50%;
    }
}

@keyframes slideFromBottom {
    0% {
        top: 70%;
    }
    100% {
        top: 50%;
    }
}

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%;
    }
    100% {
        top: 70%;
    }
}

@keyframes slideToBottom {
    0% {
        top: 50%;
    }
    100% {
        top: 70%;
    }
}

.showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s;
}

.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none;
}

.showSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideFromTop 0.3s;
    animation: slideFromTop 0.3s;
}

.showSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideFromBottom 0.3s;
    animation: slideFromBottom 0.3s;
}

.hideSweetAlert[data-animation=pop] {
    -webkit-animation: hideSweetAlert 0.2s;
    animation: hideSweetAlert 0.2s;
}

.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none;
}

.hideSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideToTop 0.4s;
    animation: slideToTop 0.4s;
}

.hideSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideToBottom 0.3s;
    animation: slideToBottom 0.3s;
}

@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

.animateSuccessTip {
    -webkit-animation: animateSuccessTip 0.75s;
    animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.75s;
    animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

.animateErrorIcon {
    -webkit-animation: animateErrorIcon 0.5s;
    animation: animateErrorIcon 0.5s;
}

@-webkit-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

@keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

.animateXMark {
    -webkit-animation: animateXMark 0.5s;
    animation: animateXMark 0.5s;
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }
    100% {
        border-color: #F8BB86;
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }
    100% {
        border-color: #F8BB86;
    }
}

.pulseWarning {
    -webkit-animation: pulseWarning 0.75s infinite alternate;
    animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }
    100% {
        background-color: #F8BB86;
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }
    100% {
        background-color: #F8BB86;
    }
}

.pulseWarningIns {
    -webkit-animation: pulseWarningIns 0.75s infinite alternate;
    animation: pulseWarningIns 0.75s infinite alternate;
}

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -ms-transform: rotate(45deg) \9;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -ms-transform: rotate(-45deg) \9;
}

/* Success icon */
.sweet-alert .sa-icon.sa-success {
    border-color: transparent \9;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    -ms-transform: rotate(45deg) \9;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    -ms-transform: rotate(-45deg) \9;
}
.formError{z-index:990}.formError .formErrorContent{z-index:991}.formError .formErrorArrow{z-index:996}.ui-dialog .formError{z-index:5000}.ui-dialog .formError .formErrorContent{z-index:5001}.ui-dialog .formError .formErrorArrow{z-index:5006}.inputContainer{position:relative;float:left}.formError{position:absolute;top:300px;left:300px;display:block;cursor:pointer}.formError.inline{position:relative;top:0;left:0;display:inline-block}.ajaxSubmit{padding:20px;background:#55ea55;border:1px solid #999;display:none}.formError .formErrorContent{text-shadow:none;background:black;position:relative;color:#fff;font-size:11px;padding:4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;opacity:.8}.formError.inline .formErrorContent{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;border:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0}.greenPopup .formErrorContent{background:#33be40}.blackPopup .formErrorContent{background:#393939;color:#FFF}.formError .formErrorArrow{width:15px;margin:0 0 0 13px;position:relative}body[dir='rtl'] .formError .formErrorArrow,body.rtl .formError .formErrorArrow{margin:-2px 13px 0 0}.formError .formErrorArrowBottom{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;margin:0 0 0 12px;top:2px}.formError .formErrorArrow div{font-size:0;height:1px;background:black;opacity:.8;margin:0 auto;line-height:0;font-size:0;display:block}.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none}.greenPopup .formErrorArrow div{background:#33be40;opacity:.8}.blackPopup .formErrorArrow div{background:black;opacity:.8;color:#FFF}.formError .formErrorArrow .line8{width:11px}.formError .formErrorArrow .line7{width:9px}.formError .formErrorArrow .line6{width:7px}.formError .formErrorArrow .line5{width:5px}.formError .formErrorArrow .line4{width:3px}.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0 solid #ddd}.formError .formErrorArrow .line2{width:3px;border:0;background:#ddd}.formError .formErrorArrow .line1{width:1px;border:0;background:#ddd}.intl-tel-input{position:relative;display:inline-block}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-left:48px;margin-left:0;-webkit-transition:background-color 100ms ease-out;transition:background-color 100ms ease-out}.intl-tel-input input.iti-invalid-key{-webkit-transition:background-color 0;transition:background-color 0;background-color:#FFC7C7}.intl-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:1px}.intl-tel-input .flag-dropdown:hover{cursor:pointer}.intl-tel-input .flag-dropdown:hover .selected-flag{background-color:rgba(0,0,0,0.05)}.intl-tel-input input[disabled]+.flag-dropdown:hover,.intl-tel-input input[readonly]+.flag-dropdown:hover{cursor:default}.intl-tel-input input[disabled]+.flag-dropdown:hover .selected-flag,.intl-tel-input input[readonly]+.flag-dropdown:hover .selected-flag{background-color:transparent}.intl-tel-input .selected-flag{z-index:1;position:relative;width:42px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .arrow{position:absolute;top:50%;margin-top:-2px;right:4px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{list-style:none;position:absolute;z-index:2;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll}.intl-tel-input .country-list .flag{display:inline-block;width:20px}@media (max-width: 500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,0.05)}.intl-tel-input .country-list .flag,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code{vertical-align:middle}.intl-tel-input .country-list .flag,.intl-tel-input .country-list .country-name{margin-right:6px}.intl-tel-input select{position:absolute;top:0;left:0;z-index:1;width:42px;height:100%;opacity:0}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0px 0px}.iti-flag.ad{height:14px;background-position:-22px 0px}.iti-flag.ae{height:10px;background-position:-44px 0px}.iti-flag.af{height:14px;background-position:-66px 0px}.iti-flag.ag{height:14px;background-position:-88px 0px}.iti-flag.ai{height:10px;background-position:-110px 0px}.iti-flag.al{height:15px;background-position:-132px 0px}.iti-flag.am{height:10px;background-position:-154px 0px}.iti-flag.ao{height:14px;background-position:-176px 0px}.iti-flag.aq{height:14px;background-position:-198px 0px}.iti-flag.ar{height:13px;background-position:-220px 0px}.iti-flag.as{height:10px;background-position:-242px 0px}.iti-flag.at{height:14px;background-position:-264px 0px}.iti-flag.au{height:10px;background-position:-286px 0px}.iti-flag.aw{height:14px;background-position:-308px 0px}.iti-flag.ax{height:13px;background-position:-330px 0px}.iti-flag.az{height:10px;background-position:-352px 0px}.iti-flag.ba{height:10px;background-position:-374px 0px}.iti-flag.bb{height:14px;background-position:-396px 0px}.iti-flag.bd{height:12px;background-position:-418px 0px}.iti-flag.be{height:15px;background-position:-440px 0px}.iti-flag.bf{height:14px;background-position:-460px 0px}.iti-flag.bg{height:12px;background-position:-482px 0px}.iti-flag.bh{height:12px;background-position:-504px 0px}.iti-flag.bi{height:12px;background-position:-526px 0px}.iti-flag.bj{height:14px;background-position:-548px 0px}.iti-flag.bl{height:14px;background-position:-570px 0px}.iti-flag.bm{height:10px;background-position:-592px 0px}.iti-flag.bn{height:10px;background-position:-614px 0px}.iti-flag.bo{height:14px;background-position:-636px 0px}.iti-flag.bq{height:14px;background-position:-658px 0px}.iti-flag.br{height:14px;background-position:-680px 0px}.iti-flag.bs{height:10px;background-position:-702px 0px}.iti-flag.bt{height:14px;background-position:-724px 0px}.iti-flag.bv{height:15px;background-position:-746px 0px}.iti-flag.bw{height:14px;background-position:-768px 0px}.iti-flag.by{height:10px;background-position:-790px 0px}.iti-flag.bz{height:14px;background-position:-812px 0px}.iti-flag.ca{height:10px;background-position:-834px 0px}.iti-flag.cc{height:10px;background-position:-856px 0px}.iti-flag.cd{height:15px;background-position:-878px 0px}.iti-flag.cf{height:14px;background-position:-900px 0px}.iti-flag.cg{height:14px;background-position:-922px 0px}.iti-flag.ch{height:15px;background-position:-944px 0px}.iti-flag.ci{height:14px;background-position:-961px 0px}.iti-flag.ck{height:10px;background-position:-983px 0px}.iti-flag.cl{height:14px;background-position:-1005px 0px}.iti-flag.cm{height:14px;background-position:-1027px 0px}.iti-flag.cn{height:14px;background-position:-1049px 0px}.iti-flag.co{height:14px;background-position:-1071px 0px}.iti-flag.cp{height:14px;background-position:-1093px 0px}.iti-flag.cr{height:12px;background-position:-1115px 0px}.iti-flag.cu{height:10px;background-position:-1137px 0px}.iti-flag.cv{height:12px;background-position:-1159px 0px}.iti-flag.cw{height:14px;background-position:-1181px 0px}.iti-flag.cx{height:10px;background-position:-1203px 0px}.iti-flag.cy{height:14px;background-position:-1225px 0px}.iti-flag.cz{height:14px;background-position:-1247px 0px}.iti-flag.de{height:12px;background-position:-1269px 0px}.iti-flag.dg{height:10px;background-position:-1291px 0px}.iti-flag.dj{height:14px;background-position:-1313px 0px}.iti-flag.dk{height:15px;background-position:-1335px 0px}.iti-flag.dm{height:10px;background-position:-1357px 0px}.iti-flag.do{height:13px;background-position:-1379px 0px}.iti-flag.dz{height:14px;background-position:-1401px 0px}.iti-flag.ea{height:14px;background-position:-1423px 0px}.iti-flag.ec{height:14px;background-position:-1445px 0px}.iti-flag.ee{height:13px;background-position:-1467px 0px}.iti-flag.eg{height:14px;background-position:-1489px 0px}.iti-flag.eh{height:10px;background-position:-1511px 0px}.iti-flag.er{height:10px;background-position:-1533px 0px}.iti-flag.es{height:14px;background-position:-1555px 0px}.iti-flag.et{height:10px;background-position:-1577px 0px}.iti-flag.eu{height:14px;background-position:-1599px 0px}.iti-flag.fi{height:12px;background-position:-1621px 0px}.iti-flag.fj{height:10px;background-position:-1643px 0px}.iti-flag.fk{height:10px;background-position:-1665px 0px}.iti-flag.fm{height:11px;background-position:-1687px 0px}.iti-flag.fo{height:15px;background-position:-1709px 0px}.iti-flag.fr{height:14px;background-position:-1731px 0px}.iti-flag.ga{height:15px;background-position:-1753px 0px}.iti-flag.gb{height:10px;background-position:-1775px 0px}.iti-flag.gd{height:12px;background-position:-1797px 0px}.iti-flag.ge{height:14px;background-position:-1819px 0px}.iti-flag.gf{height:14px;background-position:-1841px 0px}.iti-flag.gg{height:14px;background-position:-1863px 0px}.iti-flag.gh{height:14px;background-position:-1885px 0px}.iti-flag.gi{height:10px;background-position:-1907px 0px}.iti-flag.gl{height:14px;background-position:-1929px 0px}.iti-flag.gm{height:14px;background-position:-1951px 0px}.iti-flag.gn{height:14px;background-position:-1973px 0px}.iti-flag.gp{height:14px;background-position:-1995px 0px}.iti-flag.gq{height:14px;background-position:-2017px 0px}.iti-flag.gr{height:14px;background-position:-2039px 0px}.iti-flag.gs{height:10px;background-position:-2061px 0px}.iti-flag.gt{height:13px;background-position:-2083px 0px}.iti-flag.gu{height:11px;background-position:-2105px 0px}.iti-flag.gw{height:10px;background-position:-2127px 0px}.iti-flag.gy{height:12px;background-position:-2149px 0px}.iti-flag.hk{height:14px;background-position:-2171px 0px}.iti-flag.hm{height:10px;background-position:-2193px 0px}.iti-flag.hn{height:10px;background-position:-2215px 0px}.iti-flag.hr{height:10px;background-position:-2237px 0px}.iti-flag.ht{height:12px;background-position:-2259px 0px}.iti-flag.hu{height:10px;background-position:-2281px 0px}.iti-flag.ic{height:14px;background-position:-2303px 0px}.iti-flag.id{height:14px;background-position:-2325px 0px}.iti-flag.ie{height:10px;background-position:-2347px 0px}.iti-flag.il{height:15px;background-position:-2369px 0px}.iti-flag.im{height:10px;background-position:-2391px 0px}.iti-flag.in{height:14px;background-position:-2413px 0px}.iti-flag.io{height:10px;background-position:-2435px 0px}.iti-flag.iq{height:14px;background-position:-2457px 0px}.iti-flag.ir{height:12px;background-position:-2479px 0px}.iti-flag.is{height:15px;background-position:-2501px 0px}.iti-flag.it{height:14px;background-position:-2523px 0px}.iti-flag.je{height:12px;background-position:-2545px 0px}.iti-flag.jm{height:10px;background-position:-2567px 0px}.iti-flag.jo{height:10px;background-position:-2589px 0px}.iti-flag.jp{height:14px;background-position:-2611px 0px}.iti-flag.ke{height:14px;background-position:-2633px 0px}.iti-flag.kg{height:12px;background-position:-2655px 0px}.iti-flag.kh{height:13px;background-position:-2677px 0px}.iti-flag.ki{height:10px;background-position:-2699px 0px}.iti-flag.km{height:12px;background-position:-2721px 0px}.iti-flag.kn{height:14px;background-position:-2743px 0px}.iti-flag.kp{height:10px;background-position:-2765px 0px}.iti-flag.kr{height:14px;background-position:-2787px 0px}.iti-flag.kw{height:10px;background-position:-2809px 0px}.iti-flag.ky{height:10px;background-position:-2831px 0px}.iti-flag.kz{height:10px;background-position:-2853px 0px}.iti-flag.la{height:14px;background-position:-2875px 0px}.iti-flag.lb{height:14px;background-position:-2897px 0px}.iti-flag.lc{height:10px;background-position:-2919px 0px}.iti-flag.li{height:12px;background-position:-2941px 0px}.iti-flag.lk{height:10px;background-position:-2963px 0px}.iti-flag.lr{height:11px;background-position:-2985px 0px}.iti-flag.ls{height:14px;background-position:-3007px 0px}.iti-flag.lt{height:12px;background-position:-3029px 0px}.iti-flag.lu{height:12px;background-position:-3051px 0px}.iti-flag.lv{height:10px;background-position:-3073px 0px}.iti-flag.ly{height:10px;background-position:-3095px 0px}.iti-flag.ma{height:14px;background-position:-3117px 0px}.iti-flag.mc{height:15px;background-position:-3139px 0px}.iti-flag.md{height:10px;background-position:-3160px 0px}.iti-flag.me{height:10px;background-position:-3182px 0px}.iti-flag.mf{height:14px;background-position:-3204px 0px}.iti-flag.mg{height:14px;background-position:-3226px 0px}.iti-flag.mh{height:11px;background-position:-3248px 0px}.iti-flag.mk{height:10px;background-position:-3270px 0px}.iti-flag.ml{height:14px;background-position:-3292px 0px}.iti-flag.mm{height:14px;background-position:-3314px 0px}.iti-flag.mn{height:10px;background-position:-3336px 0px}.iti-flag.mo{height:14px;background-position:-3358px 0px}.iti-flag.mp{height:10px;background-position:-3380px 0px}.iti-flag.mq{height:14px;background-position:-3402px 0px}.iti-flag.mr{height:14px;background-position:-3424px 0px}.iti-flag.ms{height:10px;background-position:-3446px 0px}.iti-flag.mt{height:14px;background-position:-3468px 0px}.iti-flag.mu{height:14px;background-position:-3490px 0px}.iti-flag.mv{height:14px;background-position:-3512px 0px}.iti-flag.mw{height:14px;background-position:-3534px 0px}.iti-flag.mx{height:12px;background-position:-3556px 0px}.iti-flag.my{height:10px;background-position:-3578px 0px}.iti-flag.mz{height:14px;background-position:-3600px 0px}.iti-flag.na{height:14px;background-position:-3622px 0px}.iti-flag.nc{height:10px;background-position:-3644px 0px}.iti-flag.ne{height:15px;background-position:-3666px 0px}.iti-flag.nf{height:10px;background-position:-3686px 0px}.iti-flag.ng{height:10px;background-position:-3708px 0px}.iti-flag.ni{height:12px;background-position:-3730px 0px}.iti-flag.nl{height:14px;background-position:-3752px 0px}.iti-flag.no{height:15px;background-position:-3774px 0px}.iti-flag.np{height:15px;background-position:-3796px 0px}.iti-flag.nr{height:10px;background-position:-3811px 0px}.iti-flag.nu{height:10px;background-position:-3833px 0px}.iti-flag.nz{height:10px;background-position:-3855px 0px}.iti-flag.om{height:10px;background-position:-3877px 0px}.iti-flag.pa{height:14px;background-position:-3899px 0px}.iti-flag.pe{height:14px;background-position:-3921px 0px}.iti-flag.pf{height:14px;background-position:-3943px 0px}.iti-flag.pg{height:15px;background-position:-3965px 0px}.iti-flag.ph{height:10px;background-position:-3987px 0px}.iti-flag.pk{height:14px;background-position:-4009px 0px}.iti-flag.pl{height:13px;background-position:-4031px 0px}.iti-flag.pm{height:14px;background-position:-4053px 0px}.iti-flag.pn{height:10px;background-position:-4075px 0px}.iti-flag.pr{height:14px;background-position:-4097px 0px}.iti-flag.ps{height:10px;background-position:-4119px 0px}.iti-flag.pt{height:14px;background-position:-4141px 0px}.iti-flag.pw{height:13px;background-position:-4163px 0px}.iti-flag.py{height:11px;background-position:-4185px 0px}.iti-flag.qa{height:8px;background-position:-4207px 0px}.iti-flag.re{height:14px;background-position:-4229px 0px}.iti-flag.ro{height:14px;background-position:-4251px 0px}.iti-flag.rs{height:14px;background-position:-4273px 0px}.iti-flag.ru{height:14px;background-position:-4295px 0px}.iti-flag.rw{height:14px;background-position:-4317px 0px}.iti-flag.sa{height:14px;background-position:-4339px 0px}.iti-flag.sb{height:10px;background-position:-4361px 0px}.iti-flag.sc{height:10px;background-position:-4383px 0px}.iti-flag.sd{height:10px;background-position:-4405px 0px}.iti-flag.se{height:13px;background-position:-4427px 0px}.iti-flag.sg{height:14px;background-position:-4449px 0px}.iti-flag.sh{height:10px;background-position:-4471px 0px}.iti-flag.si{height:10px;background-position:-4493px 0px}.iti-flag.sj{height:15px;background-position:-4515px 0px}.iti-flag.sk{height:14px;background-position:-4537px 0px}.iti-flag.sl{height:14px;background-position:-4559px 0px}.iti-flag.sm{height:15px;background-position:-4581px 0px}.iti-flag.sn{height:14px;background-position:-4603px 0px}.iti-flag.so{height:14px;background-position:-4625px 0px}.iti-flag.sr{height:14px;background-position:-4647px 0px}.iti-flag.ss{height:10px;background-position:-4669px 0px}.iti-flag.st{height:10px;background-position:-4691px 0px}.iti-flag.sv{height:12px;background-position:-4713px 0px}.iti-flag.sx{height:14px;background-position:-4735px 0px}.iti-flag.sy{height:14px;background-position:-4757px 0px}.iti-flag.sz{height:14px;background-position:-4779px 0px}.iti-flag.ta{height:10px;background-position:-4801px 0px}.iti-flag.tc{height:10px;background-position:-4823px 0px}.iti-flag.td{height:14px;background-position:-4845px 0px}.iti-flag.tf{height:14px;background-position:-4867px 0px}.iti-flag.tg{height:13px;background-position:-4889px 0px}.iti-flag.th{height:14px;background-position:-4911px 0px}.iti-flag.tj{height:10px;background-position:-4933px 0px}.iti-flag.tk{height:10px;background-position:-4955px 0px}.iti-flag.tl{height:10px;background-position:-4977px 0px}.iti-flag.tm{height:14px;background-position:-4999px 0px}.iti-flag.tn{height:14px;background-position:-5021px 0px}.iti-flag.to{height:10px;background-position:-5043px 0px}.iti-flag.tr{height:14px;background-position:-5065px 0px}.iti-flag.tt{height:12px;background-position:-5087px 0px}.iti-flag.tv{height:10px;background-position:-5109px 0px}.iti-flag.tw{height:14px;background-position:-5131px 0px}.iti-flag.tz{height:14px;background-position:-5153px 0px}.iti-flag.ua{height:14px;background-position:-5175px 0px}.iti-flag.ug{height:14px;background-position:-5197px 0px}.iti-flag.um{height:11px;background-position:-5219px 0px}.iti-flag.us{height:11px;background-position:-5241px 0px}.iti-flag.uy{height:14px;background-position:-5263px 0px}.iti-flag.uz{height:10px;background-position:-5285px 0px}.iti-flag.va{height:15px;background-position:-5307px 0px}.iti-flag.vc{height:14px;background-position:-5324px 0px}.iti-flag.ve{height:14px;background-position:-5346px 0px}.iti-flag.vg{height:10px;background-position:-5368px 0px}.iti-flag.vi{height:14px;background-position:-5390px 0px}.iti-flag.vn{height:14px;background-position:-5412px 0px}.iti-flag.vu{height:12px;background-position:-5434px 0px}.iti-flag.wf{height:14px;background-position:-5456px 0px}.iti-flag.ws{height:10px;background-position:-5478px 0px}.iti-flag.xk{height:15px;background-position:-5500px 0px}.iti-flag.ye{height:14px;background-position:-5522px 0px}.iti-flag.yt{height:14px;background-position:-5544px 0px}.iti-flag.za{height:14px;background-position:-5566px 0px}.iti-flag.zm{height:14px;background-position:-5588px 0px}.iti-flag.zw{height:10px;background-position:-5610px 0px}.iti-flag{width:20px;height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url(/images/flags.png?9c7776519665bf2e6702a7eb7608d795);background-color:#DBDBDB;background-position:100% 100%}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-image:url(/images/flags@2x.png?24662259adbe3dfe87dac3b8b0d6b128)}}.iti-flag.np{background-color:transparent}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.47,0,.74,.71);transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;-webkit-transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;-webkit-transition:opacity .25s ease,visibility 0s ease .25s;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;-webkit-transition:opacity .25s ease 0s,visibility 0s ease 0s;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;-webkit-transition:color .2s;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:linear;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:-webkit-gradient(linear,left bottom, left top,color-stop(0, rgba(0,0,0,.85)),color-stop(50%, rgba(0,0,0,.3)),color-stop(65%, rgba(0,0,0,.15)),color-stop(75.5%, rgba(0,0,0,.075)),color-stop(82.85%, rgba(0,0,0,.037)),color-stop(88%, rgba(0,0,0,.019)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{-webkit-transition-timing-function:cubic-bezier(0,0,.25,1);transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=cc0000&bgTextureHeader=highlight_soft&bgImgOpacityHeader=15&borderColorHeader=e3a1a1&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=eeeeee&fcContent=333333&iconColorContent=cc0000&bgColorDefault=eeeeee&bgTextureDefault=highlight_hard&bgImgOpacityDefault=100&borderColorDefault=d8dcdf&fcDefault=004276&iconColorDefault=cc0000&bgColorHover=f6f6f6&bgTextureHover=highlight_hard&bgImgOpacityHover=100&borderColorHover=cdd5da&fcHover=111111&iconColorHover=cc0000&bgColorActive=ffffff&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=eeeeee&fcActive=cc0000&iconColorActive=cc0000&bgColorHighlight=fbf8ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcd3a1&fcHighlight=444444&iconColorHighlight=004276&bgColorError=f3d8d8&bgTextureError=diagonals_thick&bgImgOpacityError=75&borderColorError=cc0000&fcError=2e2e2e&iconColorError=cc0000&bgColorOverlay=a6a6a6&bgTextureOverlay=dots_small&bgImgOpacityOverlay=65&opacityOverlay=40&bgColorShadow=333333&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=10&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{-webkit-filter:inherit;filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #d8dcdf}.ui-widget-content{border:1px solid #eee;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e3a1a1;background:#c00 url(/images/ui-bg_highlight-soft_15_cc0000_1x100.png?14a6fe8ccd61f8625f5db721cbc48424) 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #d8dcdf;background:#eee url(/images/ui-bg_highlight-hard_100_eeeeee_1x100.png?15685d4dce0b8fff8b3810b016383823) 50% 50% repeat-x;font-weight:bold;color:#004276}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#004276;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #cdd5da;background:#f6f6f6 url(/images/ui-bg_highlight-hard_100_f6f6f6_1x100.png?b9d37a48ebd94443f5c3e2822dd090d9) 50% 50% repeat-x;font-weight:bold;color:#111}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#111;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #eee;background:#fff;font-weight:bold;color:#c00}.ui-icon-background,.ui-state-active .ui-icon-background{border:#eee;background-color:#c00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#c00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcd3a1;background:#fbf8ee url(/images/ui-bg_glass_55_fbf8ee_1x400.png?d93b9b26fc8c0c5959b707da1e45e788) 50% 50% repeat-x;color:#444}.ui-state-checked{border:1px solid #fcd3a1;background:#fbf8ee}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#444}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #c00;background:#f3d8d8 url(/images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png?b58eeb6905f1dae619d559c85401d8b0) 50% 50% repeat;color:#2e2e2e}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#2e2e2e}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#2e2e2e}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/images/ui-icons_cc0000_256x240.png?43c9c3b95c08c992741d28af12e36597)}.ui-widget-header .ui-icon{background-image:url(/images/ui-icons_ffffff_256x240.png?2e2a588883eebc04ad50854a6ecfbac1)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url(/images/ui-icons_cc0000_256x240.png?43c9c3b95c08c992741d28af12e36597)}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url(/images/ui-icons_cc0000_256x240.png?43c9c3b95c08c992741d28af12e36597)}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url(/images/ui-icons_004276_256x240.png?265053fc5f278803065c40324d689469)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/images/ui-icons_cc0000_256x240.png?43c9c3b95c08c992741d28af12e36597)}.ui-button .ui-icon{background-image:url(/images/ui-icons_cc0000_256x240.png?43c9c3b95c08c992741d28af12e36597)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px}.ui-widget-overlay{background:#a6a6a6 url(/images/ui-bg_dots-small_65_a6a6a6_2x2.png?514220f4c236074c7faed6fe1c61d0f2) 50% 50% repeat;opacity:.4;filter:Alpha(Opacity=40)}.ui-widget-shadow{box-shadow:-8px -8px 8px #333}@charset "UTF-8";

@-webkit-keyframes left-0 {
  0% {
    left: 100%;
  }

  100% {
    left: 0;
  }
}

@keyframes left-0 {
  0% {
    left: 100%;
  }

  100% {
    left: 0;
  }
}

@-webkit-keyframes width-0 {
  0% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}

@keyframes width-0 {
  0% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* Functions */

/* grid sizes of the css world - most devices */

/* grid sizes of the bootstrap world */

/* components - start */

.search-box-1 {
  position: relative;
  display: inline-block;
  max-width: 320px;
  width: 100%;
  height: 40px;
}

.search-box-1 .fa {
  position: absolute;
  top: 11px;
  left: 15px;
  font-size: 16px;
  color: #191f5d;
  z-index: 1;
}

.search-box-1 input {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  /*ie*/
  line-height: 100%;
  padding: 0 15px 0 40px;
  font-size: 13px;
  color: #8D96AC;
  font-weight: 600;
  border: none;
  border-radius: 20px;
  background: #F6F7FC;
  z-index: 0;
}

.inp {
  position: relative;
  display: block;
  width: 100%;
  max-width: 320px;
  height: 40px;
  line-height: 40px;
  /*ie*/
  line-height: 100%;
  padding: 0 2px;
  margin: 5px auto 15px auto;
  font-size: 14px;
  color: #191f5d;
  font-weight: 600;
  border: none;
  border-bottom: 1px solid #CACED8;
  background: #FFFFFF;
}

.inp ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8D96AC;
  opacity: 1;
  /* Firefox */
}

.inp ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8D96AC;
  opacity: 1;
  /* Firefox */
}

.inp :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8D96AC;
  opacity: 1;
  /* Firefox */
}

.inp ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8D96AC;
  opacity: 1;
  /* Firefox */
}

.inp ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8D96AC;
  opacity: 1;
  /* Firefox */
}

.inp :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #8D96AC;
}

.inp ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #8D96AC;
}

.inpt {
  position: relative;
  display: block;
  width: 100%;
  max-width: 320px;
  height: 40px;
  line-height: 40px;
  /*ie*/
  line-height: 100%;
  padding: 0 10px;
  margin: 5px auto 15px auto;
  font-size: 14px;
  color: #191f5d;
  font-weight: 600;
  border: 1px solid #CACED8;
  background: #FFFFFF;
}

.inpt ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8D96AC;
  opacity: 1;
  /* Firefox */
}

.inpt ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8D96AC;
  opacity: 1;
  /* Firefox */
}

.inpt :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8D96AC;
  opacity: 1;
  /* Firefox */
}

.inpt ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8D96AC;
  opacity: 1;
  /* Firefox */
}

.inpt ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8D96AC;
  opacity: 1;
  /* Firefox */
}

.inpt :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #8D96AC;
}

.inpt ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #8D96AC;
}

.inpt.inpt-lg {
  height: 50px;
  line-height: 50px;
  /*ie*/
  line-height: 100%;
}

.inpt.inpt-block {
  width: 100%;
  max-width: 100%;
}

.texta {
  position: relative;
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: 120px;
  padding: 5px;
  margin: 5px auto 15px auto;
  font-size: 14px;
  color: #191f5d;
  font-weight: 600;
  border: 1px solid #CACED8;
  background: #FFFFFF;
}

.texta ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8D96AC;
  opacity: 1;
  /* Firefox */
}

.texta ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8D96AC;
  opacity: 1;
  /* Firefox */
}

.texta :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8D96AC;
  opacity: 1;
  /* Firefox */
}

.texta ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8D96AC;
  opacity: 1;
  /* Firefox */
}

.texta ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8D96AC;
  opacity: 1;
  /* Firefox */
}

.texta :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #8D96AC;
}

.texta ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #8D96AC;
}

.texta.texta-190 {
  height: 190px;
}

.texta.texta-115 {
  height: 115px;
}

.bt {
  display: inline-block;
  max-width: 100%;
  height: 48px;
  line-height: 54px;
  padding: 0 15px;
  min-width: 100px;
  color: #FFF;
  border: none;
  border-radius: 24px;
  background: #CACED8;
  text-align: center;
  cursor: pointer;
}

.bt .bt-inline-wr {
  display: inline-block;
  height: 24px;
  margin: 12px auto;
}

.bt .bt-inline-wr .ic {
  float: left;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: 0 0 no-repeat;
  -khtml-background-size: 24px 24px;
  -ms-background-size: 24px 24px;
  background-size: 24px 24px;
}

.bt .bt-inline-wr .tx {
  float: left;
  height: 24px;
  line-height: 28px;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 500;
}

.bt .bt-inline-wr:after:after {
  content: "";
  display: block;
  clear: both;
}

.bt.bt-xs {
  height: 24px;
  line-height: 28px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: bold;
}

.bt.bt-sm {
  height: 30px;
  line-height: 34px;
  border-radius: 15px;
  font-size: 12px;
  font-weight: bold;
}

.bt.bt-md {
  display: inline-block;
  height: 36px;
  line-height: 40px;
  padding: 0 15px;
  border-radius: 18px;
  font-size: 13px;
  font-weight: 700;
}

.bt.bt-40 {
  height: 40px;
  line-height: 42px;
}

.bt.bt-red {
  background: #F055A1;
  background: -webkit-gradient(linear, left top, right top, from(#F055A1), to(#FA777A));
  background: linear-gradient(to right, #F055A1 0%, #FA777A 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#F055A1", endColorStr="#FA777A");
}

.bt.bt-red:hover {
  color: #FFFFFF;
  background: #F055A1;
  background: -webkit-gradient(linear, left top, left bottom, from(#F055A1), to(#FA777A));
  background: linear-gradient(to bottom, #F055A1 0%, #FA777A 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#F055A1", endColorStr="#FA777A");
}

.bt.bt-red:active {
  color: #FFFFFF;
  background: #F055A1;
  background: -webkit-gradient(linear, left top, left bottom, from(#F055A1), to(#FA777A));
  background: linear-gradient(to bottom, #F055A1 0%, #FA777A 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#F055A1", endColorStr="#FA777A");
}

.bt.bt-green {
  background: #7CBA14;
  background: -webkit-gradient(linear, left top, right top, from(#7CBA14), to(#B3DE2D));
  background: linear-gradient(to right, #7CBA14 0%, #B3DE2D 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#7CBA14", endColorStr="#B3DE2D");
}

.bt.bt-green:hover {
  color: #FFFFFF;
  background: #B3DE2D;
  background: -webkit-gradient(linear, left top, left bottom, from(#B3DE2D), to(#7CBA14));
  background: linear-gradient(to bottom, #B3DE2D 0%, #7CBA14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#B3DE2D", endColorStr="#7CBA14");
}

.bt.bt-green:active {
  color: #FFFFFF;
  background: #B3DE2D;
  background: -webkit-gradient(linear, left top, left bottom, from(#B3DE2D), to(#7CBA14));
  background: linear-gradient(to bottom, #B3DE2D 0%, #7CBA14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#B3DE2D", endColorStr="#7CBA14");
}

.bt.bt-blue {
  background: #5A61E0;
  background: -webkit-gradient(linear, left top, right top, from(#5A61E0), to(#5A61E0));
  background: linear-gradient(to right, #5A61E0 0%, #5A61E0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#5A61E0", endColorStr="#5A61E0");
}

.bt.bt-blue:hover {
  color: #FFFFFF;
  background: #5A61E0;
  background: -webkit-gradient(linear, left top, left bottom, from(#5A61E0), to(#5A61E0));
  background: linear-gradient(to bottom, #5A61E0 0%, #5A61E0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#5A61E0", endColorStr="#5A61E0");
}

.bt.bt-blue:active {
  color: #FFFFFF;
  background: #5A61E0;
  background: -webkit-gradient(linear, left top, left bottom, from(#5A61E0), to(#5A61E0));
  background: linear-gradient(to bottom, #5A61E0 0%, #5A61E0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#5A61E0", endColorStr="#5A61E0");
}

.bt.bt-orange {
  /*@include bg-gradient-lr($bg-13, $bg-6);*/
  background: #F0B864;
}

.bt.bt-orange:hover {
  color: #FFFFFF;
}

.bt.bt-orange:active {
  color: #FFFFFF;
}

.bt.bt-transparent {
  /*@include bg-gradient-lr($bg-13, $bg-6);*/
  background: transparent;
  color: #5A61E0;
}

.bt.bt-transparent:hover {
  color: #F055A1;
}

.bt.bt-transparent:active {
  color: #F055A1;
}

.bt.bt-round-xs {
  border-radius: 4px;
}

.bt.static-width {
  max-width: 320px;
  width: 100%;
}

.bt.bt-facebook {
  display: block;
  max-width: 320px;
  width: 100%;
  height: 48px;
  margin: 5px auto 10px auto;
  color: #FFFFFF;
  text-align: center;
  background: #3C5B96;
}

.bt.bt-facebook a {
  color: #FFFFFF;
}

.bt.bt-facebook .ic {
  background-image: url("/img/icons/facebook.png");
}

.bt.bt-google {
  display: block;
  max-width: 320px;
  width: 100%;
  height: 48px;
  margin: 5px auto;
  border: 1px solid #D6D6D6;
  color: #3C3D41;
  text-align: center;
  background: #FFFFFF;
  border-radius: 24px;
}

.bt.bt-google .ic {
  background-image: url("/img/icons/google.png");
}

.bt.bt-google .tx {
  margin-left: 5px;
}

.bt.bt-block {
  display: block;
  width: 100%;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.bt.minWidth310 {
  min-width: 310px;
  text-align: center;
}

/* Tags */

.tag {
  display: inline-block;
  height: 20px;
  line-height: 24px;
  padding: 0 12px;
  font-size: 11px;
  font-weight: 600;
  color: #FFFFFF;
  background: #CACED8;
  border-radius: 10px;
}

.tag.tag-xl.col {
  height: auto;
  margin: 10px;
  line-height: 22px;
  padding: 10px 0;
  font-size: 14px;
  color: #898989;
  font-weight: 600;
  border: 3px solid #F6F7FC;
  background: #FFFFFF;
  border-radius: 12px;
}

.tag.tag-xl.col img {
  display: block;
  max-width: 70px;
  margin: 10px auto;
}

.tag.tag-xl.col:hover {
  color: #191f5d;
  cursor: pointer;
}

.tag.tag-xl.col:active {
  color: #191f5d;
  cursor: pointer;
}

.tag.border-4 {
  border-radius: 4px;
}

/**/

.hide-lg-down {
  display: block;
}

.hide-lg-up {
  display: none;
}

.hide-md-down {
  display: block;
}

.hide-md-up {
  display: none;
}

@media only screen and (max-width: 1200px) {
  .hide-lg-down {
    display: none !important;
  }

  .hide-md-up {
    display: block !important;
  }
}

@media only screen and (max-width: 768px) {
  .hide-md-down {
    display: none !important;
  }

  .hide-md-up {
    display: block !important;
  }
}

/* */

.row-line {
  display: block;
  padding: 5px 0;
  margin-bottom: 10px;
}

.row-line h4 {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
  color: #191f5d;
  font-weight: 700;
}

.row-line h6 {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  color: #191f5d;
  font-weight: 700;
}

.row-line .row-liner {
  display: block;
  padding: 5px 0;
}

.row-line .row-liner:after {
  content: "";
  display: block;
  clear: both;
}

.row-line .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
  max-width: 320px;
}

/* */

.hiddenDiv {
  display: none !important;
}

.spacer10 {
  display: block;
  height: 10px;
  clear: both;
}

.spacer25 {
  display: block;
  height: 25px;
  clear: both;
}

.width25 {
  display: inline-block;
  width: 25px;
}

/* */

.radiocontainer {
  position: relative;
  display: block;
  height: 32px;
  line-height: 32px;
  padding-left: 35px;
  cursor: pointer;
  font-size: 16px;
  color: #8D96AC;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radiocontainer input {
  position: absolute;
  opacity: 0;
}

.radiocontainer input:checked ~ .radiobtn {
  border: 4px solid #5A61E0;
}

.radiocontainer input:checked ~ .radiobtn:after {
  display: block;
}

.radiocontainer .radiobtn {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 2px solid #F0F1F5;
  border-radius: 50%;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.285, 0.41, 0.79);
  transition: all 0.3s cubic-bezier(0.645, 0.285, 0.41, 0.79);
}

.radiocontainer .radiobtn:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.radiocontainer:hover input ~ .radiobtn {
  border-color: #5A61E0;
}

.radiocontainer + .radiocontainer.falType {
  margin-left: 15px;
}

.checktagcontainer {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 6px 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.checktagcontainer input {
  position: absolute;
  opacity: 0;
}

.checktagcontainer input:checked ~ .chkbtn {
  background: #5A61E0;
  color: #FFFFFF;
}

.checktagcontainer input:checked ~ .chkbtn:after {
  display: block;
}

.checktagcontainer .chkbtn {
  display: block;
  height: 32px;
  line-height: 36px;
  padding: 0 15px;
  font-size: 12px;
  color: #8D96AC;
  font-weight: 700;
  background: #F0F1F5;
  border-radius: 18px;
  -webkit-transition: all 0.2s cubic-bezier(0.645, 0.285, 0.41, 0.79);
  transition: all 0.2s cubic-bezier(0.645, 0.285, 0.41, 0.79);
}

.checktagcontainer:hover input ~ .chkbtn {
  background: #5A61E0;
  color: #FFFFFF;
}

.checkboxcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-top: 6px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkboxcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkboxcontainer .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  border: 2px solid #8D96AC;
  border-radius: 50%;
}

.checkboxcontainer:hover input ~ .checkmark {
  background-color: #5A61E0;
  border-color: #5A61E0;
}

.checkboxcontainer input:checked ~ .checkmark {
  background-color: #5A61E0;
  border-color: #5A61E0;
}

.checkboxcontainer .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkboxcontainer input:checked ~ .checkmark:after {
  display: block;
}

.checkboxcontainer .checkmark:after {
  left: 9px;
  top: 4px;
  width: 7px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* */

/* reader_list_filter_modal */

.mdl-layer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 400;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  background: rgba(69, 104, 220, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(69, 104, 220, 0.8)), to(rgba(176, 106, 179, 0.8)));
  background: linear-gradient(to bottom, rgba(69, 104, 220, 0.8) 0%, rgba(176, 106, 179, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="rgba(69, 104, 220, 0.8)", endColorStr="rgba(176, 106, 179, 0.8)");
  z-index: 1001;
}

.mdl-layer.opened {
  display: block;
  -webkit-animation: fadeIn 0.5s both;
  animation: fadeIn 0.5s both;
}

.mdl-layer .mdl-wr {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  max-width: 600px;
  max-height: 98%;
  width: 96%;
  padding: 20px;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  background: #FFFFFF;
  overflow-y: auto;
  border-radius: 12px;
}

.mdl-layer .mdl-wr .mdl-close {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 26px;
  color: #191f5d;
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: pointer;
}

.mdl-layer .mdl-wr .mdl-close:hover {
  color: #FA777A;
  opacity: 1;
  filter: alpha(opacity=100);
}

.mdl-layer .mdl-wr .mdl-close:active {
  color: #FA777A;
  opacity: 1;
  filter: alpha(opacity=100);
}

.mdl-layer .mdl-wr .mdl-content {
  padding: 20px 0;
}

.mdl-layer .mdl-wr .mdl-content h4 {
  display: block;
  font-size: 16px;
  color: #191f5d;
  font-weight: 700;
}

.mdl-layer .mdl-wr .mdl-content .form-check label {
  font-size: 15px;
  color: #8D96AC;
}

.mdl-layer .mdl-wr .mdl-btns .bt {
  width: 100%;
  text-align: center;
}

.mdl-layer.login-modal .mdl-content,
.mdl-layer .signup-modal .mdl-content,
.mdl-layer .reset-password-modal .mdl-content {
  max-width: 320px;
  margin: 0 auto;
}

.mdl-layer.login-modal .mdl-content h4,
.mdl-layer .signup-modal .mdl-content h4,
.mdl-layer .reset-password-modal .mdl-content h4 {
  font-size: 24px;
}

.mdl-layer.login-modal .mdl-content .bt-red,
.mdl-layer .signup-modal .mdl-content .bt-red,
.mdl-layer .reset-password-modal .mdl-content .bt-red {
  font-size: 17px;
  font-weight: 500;
}

.mdl-layer.login-modal .mdl-content h6 small.open-login-modal,
.mdl-layer .signup-modal .mdl-content h6 small.open-login-modal,
.mdl-layer .reset-password-modal .mdl-content h6 small.open-login-modal {
  font-size: 14px;
  color: #FA777A;
}

.mdl-layer.user-categories-modal .mdl-wr .mdl-content h4 {
  font-size: 24px;
}

.mdl-layer.user-categories-modal .c-list li {
  position: relative;
  display: block;
  min-height: 40px;
  padding: 10px 10px 10px 60px;
}

.mdl-layer.user-categories-modal .c-list li .ic {
  position: absolute;
  top: 20px;
  left: 10px;
  width: 40px;
  height: 40px;
}

.mdl-layer.user-categories-modal .c-list li .title {
  font-size: 16px;
  color: #191f5d;
  font-weight: 600;
}

/* components - end */

/* The switch - the box around the slider */

.switch {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 40px;
  /* The slider */
  /* Rounded sliders */
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #CACED8;
  -webkit-transition: all 0.2s cubic-bezier(0.645, 0.285, 0.41, 0.79);
  transition: all 0.2s cubic-bezier(0.645, 0.285, 0.41, 0.79);
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 32px;
  width: 32px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: all 0.2s cubic-bezier(0.645, 0.285, 0.41, 0.79);
  transition: all 0.2s cubic-bezier(0.645, 0.285, 0.41, 0.79);
}

.switch input {
  display: none;
}

.switch input:checked + .slider {
  background-color: #5A61E0;
}

.switch input:focus + .slider {
  box-shadow: 0 0 1px #5A61E0;
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(59px);
  transform: translateX(59px);
}

.switch .slider.round {
  border-radius: 32px;
}

.switch .slider.round:before {
  border-radius: 50%;
}

.switch .on-tx {
  position: absolute;
  left: 0;
  top: 13px;
  display: none;
  width: 65px;
  font-size: 12px;
  color: white;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.switch .off-tx {
  position: absolute;
  right: 0;
  top: 13px;
  display: block;
  width: 65px;
  font-size: 12px;
  color: white;
  text-align: center;
  -webkit-animation: fadeIn 0.5s both;
  animation: fadeIn 0.5s both;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.switch input:checked ~ .on-tx {
  display: block;
  -webkit-animation: fadeIn 0.5s both;
  animation: fadeIn 0.5s both;
}

.switch input:checked ~ .off-tx {
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
}

/**/

.pagination-wr {
  display: block;
}

.pagination-wr:after {
  content: "";
  display: block;
  clear: both;
}

.pagination-wr .pagination {
  display: block;
  text-align: center;
}

.pagination-wr .pagination a {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 3px;
  line-height: 32px;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 700;
  text-align: center;
  border: 2px solid #8D96AC;
  border-radius: 50%;
}

.pagination-wr .pagination a:hover {
  background: #5A61E0;
  border-color: #5A61E0;
  color: #FFFFFF;
}

.pagination-wr .pagination a:active {
  background: #5A61E0;
  border-color: #5A61E0;
  color: #FFFFFF;
}

/**/

.rating {
  position: relative;
  display: block;
  max-width: 300px;
}

.rating .star {
  display: inline-block;
  width: 32px;
  height: 30px;
  margin-right: 2px;
  background: url("/img/icons/star-empty.png") 0 0 no-repeat;
  background-size: 100% 100%;
}

.rating .star.filled {
  background-image: url("/img/icons/star-blue.png");
}

.rating:not(.readonly) .star:hover,
.rating:not(.readonly) .star.prefilled {
  background-image: url("/img/icons/star-blue.png");
}

/**/

.shopDiscountPanel {
  background-color: #46c9ba;
  padding: 10px 10px;
  max-width: 1320px;
  margin: 0 auto;
}

.discountContainer {
  position: relative;
  text-align: center;
}

.indirimYuzdeBlok {
  position: absolute;
  top: 58%;
  left: 50%;
  -webkit-transform: translate(-58%, -50%);
          transform: translate(-58%, -50%);
  color: #fff;
  font-size: 13px;
}

.countdownDiscount {
  font-size: 17px;
  font-weight: bold;
}

.countdownDiscountSymbol {
  float: left;
  margin-left: 0;
}

.countdownDiscount {
  font-size: 29px;
  font-weight: bold;
  float: right;
  line-height: 20px;
}

.countdownCircle {
  float: left;
  display: table;
  width: 80px;
  height: 80px;
  margin: 6px;
  padding: 0;
  border: 2px solid #fff;
  font-weight: bold;
  color: white;
  border-radius: 50%;
}

.countdownCircle > .timeValue {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  color: #e13b38;
  font-size: 40px;
}

.countdownRight {
  font-size: 15px;
  font-weight: 600;
  float: left;
  padding-top: 35px;
}

.countdownDesc {
  font-size: 19px;
  font-weight: 600;
  padding: 34px 0;
}

a.discountAhref,
a.discountAhref:hover {
  color: #000000;
}

@media (max-width: 960px) {
  .indirimYuzdeBlok {
    top: 58%;
    left: 62%;
    -webkit-transform: translate(-58%, -62%);
            transform: translate(-58%, -62%);
  }

  .countdownDesc {
    font-size: 15px;
    font-weight: 600;
    padding: 27px 15px;
  }

  .countdownCircle {
    border-radius: 200px;
    color: white;
    height: 4em;
    border: 2px solid #fff;
    font-weight: bold;
    width: 4em;
    display: table;
    margin: 6px;
    float: left;
  }

  .countdownCircle > .timeValue {
    font-size: 25px;
  }

  .countdownRight {
    font-size: 12px;
  }

  #clockdiv {
    padding: 14px 0px;
  }
}

@media (max-width: 768px) {
  .indirimYuzdeBlok {
    left: 52%;
    -webkit-transform: translate(-61%, -52%);
            transform: translate(-61%, -52%);
    top: 61%;
  }

  .countdownCircle {
    border-radius: 200px;
    color: white;
    height: 3em;
    border: 2px solid #fff;
    font-weight: bold;
    width: 3em;
    display: table;
    margin: 0 auto;
    float: none;
  }

  .countdownCircle > .timeValue {
    font-size: 21px;
  }

  .countdownRight {
    font-size: 11px;
    padding-top: 15px;
    float: none;
    display: block;
    text-align: center;
  }

  .countdownDesc {
    font-size: 14px;
    padding: 18px 15px;
  }

  #clockdiv {
    padding: 2px 9px;
  }
}

.customFortuneGoldenButton {
  background-color: #FFD700;
  border-color: #ff9600;
  color: #ff9600;
}

/**/

.big-list-item {
  display: block;
  width: 30px;
  height: 30px;
  margin: 15px auto;
  line-height: 30px;
  border: 1px solid #8D96AC;
  border-radius: 50%;
  font-size: 14px;
  color: #191f5d;
  text-align: center;
}

.web-notification {
  background-color: #fff;
  border: 1px solid #bababa;
  border-radius: 3px;
  box-shadow: 0 10px 10px 0px #888;
  width: 450px;
  padding: 0;
  font-family: Arial, sans-serif;
  position: fixed;
  top: -200px;
  left: 50%;
  margin-left: -225px;
  z-index: 99999999;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
}

.web-notification .web-notification-inner-container {
  margin: 0;
  padding: 0 20px 10px 20px;
}

.web-notification .web-notification-image-container {
  float: left;
  margin: 15px 20px 0px 0px;
}

.web-notification .web-notification-image-container img {
  width: 100px;
  margin: 10% 0;
}

.web-notification .web-notification-text-container {
  position: relative !important;
  padding: 10px 0 0 0 !important;
  color: #000 !important;
  text-align: left !important;
  margin: 0 !important;
  line-height: 1.4em !important;
}

.web-notification .web-notification-title {
  margin-bottom: 5px;
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4em;
  color: #000;
  word-break: break-word;
  overflow: hidden;
}

.web-notification .web-notification-description {
  font-size: 12px;
  line-height: 1.4em;
  margin: 10px 0;
  padding: 0;
  text-align: left;
  word-break: break-word;
  overflow: hidden;
}

.web-notification .web-notification-button-container {
  float: right !important;
}

@media (max-width: 700px) {
  .web-notification {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}

/* ------[ old_site ]------ */

.online-header {
  color: #8abe4f;
  font-weight: bold;
}

.mesgul-header {
  color: #ff9600;
  font-weight: bold;
}

.offline-header {
  color: #d02630;
  font-weight: bold;
}

.onlineIcon {
  width: 10px;
  margin-right: 3px;
  position: absolute;
  left: 0px;
  top: 5px;
}

.bootstrap-select.btn-group .dropdown-menu a.dropdown-item span.dropdown-item-inner.opt {
  padding-left: 1.25em;
}

.gifPleaseWait {
  display: block;
  margin: 5px auto;
}

.kalan_sure {
  float: right;
  font-size: 20px;
  color: #b90707;
}

/* ------[ old_site - media queries ]------ */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

*:focus {
  outline: 0 none !important;
  box-shadow: none !important;
}

body {
  padding: 72px 0 0 0;
  margin: 0;
  color: #191f5d;
  font-family: "Biryani", sans-serif;
  background: #F6F7FC;
}

body ul,
body li {
  list-style: none;
}

body a {
  font-family: "Biryani", sans-serif;
  color: #191f5d;
  text-decoration: none;
  cursor: pointer;
}

body a:hover {
  text-decoration: none;
}

body a:active {
  text-decoration: none;
}

body img {
  display: block;
  max-width: 100%;
}

body header,
body footer {
  display: block;
}

body .section-container section {
  float: left;
  width: 100%;
}

body .section-container:after {
  content: "";
  display: block;
  clear: both;
}

body section {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
}

body section .section-content {
  position: relative;
  display: block;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

body section .section-content.right-zero {
  margin-right: 0;
}

body.modal-opened {
  overflow: hidden;
}

/* bootstrap override */

.btn-link {
  color: #191F5D;
  font-weight: 600;
}

.btn-link:hover {
  text-decoration: none;
  color: #191F5D;
}

.modal .modal-dialog .modal-header {
  display: block;
}

/* ------[ header ]------ */

header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  height: 70px;
  border-bottom: 2px solid #F6F7FC;
  background: #FFFFFF;
  z-index: 98;
  visibility: visible;
}

header .header {
  position: relative;
  display: block;
  max-width: 1320px;
  height: 70px;
  margin: 0 auto;
}

header .header h1.logo {
  position: absolute;
  top: 5px;
  left: 40px;
}

header .header h1.logo a {
  display: block;
  width: 145px;
}

header .header h1.logo.en {
  padding-top: 8px;
}

header .header .top-menu {
  position: absolute;
  top: 14px;
  right: 100px;
}

header .header .top-menu li {
  float: left;
  height: 42px;
  line-height: 44px;
  margin-right: 30px;
}

header .header .top-menu li .user-box {
  position: relative;
  display: block;
  height: 42px;
  padding: 0 17px 0 47px;
  line-height: 44px;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 700;
  border-radius: 22px;
  background: #5A61E0;
  background: -webkit-gradient(linear, left top, right top, from(#5A61E0), to(#5A61E0));
  background: linear-gradient(to right, #5A61E0 0%, #5A61E0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#5A61E0", endColorStr="#5A61E0");
  cursor: pointer;
}

header .header .top-menu li .user-box img {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 16px;
}

header .header .top-menu li .user-box .img {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 37px;
  text-align: center;
  background: #FFFFFF;
  color: #5A61E0;
  border-radius: 16px;
}

header .header .top-menu li .user-box:hover {
  color: #FFFFFF;
  background: #F055A1;
  background: -webkit-gradient(linear, left top, right top, from(#F055A1), to(#FA777A));
  background: linear-gradient(to right, #F055A1 0%, #FA777A 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#F055A1", endColorStr="#FA777A");
}

header .header .top-menu li .user-credit {
  font-size: 14px;
  font-weight: 400;
  color: #8D96AC;
}

header .header .top-menu li .user-credit span {
  font-size: 20px;
  font-weight: 700;
  color: #FA777A;
}

header .header .top-menu li .go-to-fortune-type {
  padding-top: 1px;
}

header .header .top-menu li > a {
  display: block;
  padding-top: 1px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #191f5d;
}

header .header .top-menu li > a:hover {
  color: #FA777A;
}

header .header .top-menu li > a:active {
  color: #FA777A;
}

header .header .hamburger {
  position: absolute;
  top: 27px;
  right: 40px;
  height: 20px;
}

header .header .hamburger span.btt {
  display: block;
  width: 16px;
  cursor: pointer;
}

header .header .hamburger span.btt.close {
  display: none;
}

header .header .hamburger ul.menu {
  position: fixed;
  top: 70px;
  right: -20px;
  bottom: 0;
  display: block;
  width: 0;
  min-width: 0px;
  padding: 40px 0;
  background: #BBBBDC;
  overflow: hidden;
  transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}

header .header .hamburger ul.menu li {
  display: block;
  margin: 10px 0;
  line-height: 30px;
  transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  opacity: 0;
  filter: alpha(opacity=0);
}

header .header .hamburger ul.menu li a {
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

header .header .hamburger.opened span.bt.close {
  display: block;
}

header .header .hamburger.opened span.bt.open {
  display: none;
}

header .header .hamburger.opened ul.menu {
  width: 285px;
  max-width: 285px;
}

header .header .hamburger.opened ul.menu li {
  opacity: 1;
  filter: alpha(opacity=100);
}

header .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  display: inline-block;
  width: auto;
}

header .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn {
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  color: #191f5d;
  border: none;
  background: transparent;
}

header .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu a.dropdown-item {
  padding: 0 20px;
  font-size: 14px;
  font-weight: 700;
  color: #191f5d;
}

header .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-item:hover,
header .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-item:focus {
  background: transparent;
}

header .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-toggle .filter-option {
  width: auto;
}

/* ------[ header - media queries ]------ */

@media only screen and (max-width: 480px) {
  header .header h1.logo {
    position: absolute;
    top: 13px;
    left: 15px;
  }

  header .header h1.logo a {
    display: block;
    width: 110px;
  }

  header .header h1.logo.en {
    padding-top: 8px;
  }

  header .header .top-menu {
    right: 50px;
  }

  header .header .top-menu li .user-box {
    padding: 0 17px 0 25px;
  }

  header .header .top-menu li .user-box img {
    top: 3px;
    left: 3px;
    width: 36px;
    height: 36px;
    border-radius: 18px;
  }

  header .header .top-menu li .user-box .img {
    top: 3px;
    left: 3px;
    width: 36px;
    height: 36px;
    line-height: 38px;
    border-radius: 18px;
  }

  header .header .top-menu li .user-credit {
    display: none;
  }

  header .header .hamburger {
    top: 27px;
    right: 20px;
  }
}

/* ------[ footer ]------ */

footer {
  border-top: 4px solid #F6F7FC;
  background: #FFFFFF;
  overflow: hidden;
}

footer .footer {
  display: block;
  max-width: 1320px;
  padding: 25px 0;
  margin: 0 auto;
}

footer .footer .foot-menu {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

footer .footer .foot-menu li {
  -webkit-box-flex: 1;
          flex: 1;
  text-align: center;
}

footer .footer .foot-menu li.l-border {
  border-left: 4px solid #F6F7FC;
}

footer .footer .foot-menu li.r-border {
  border-right: 4px solid #F6F7FC;
}

footer .footer .foot-menu li .fal-menu {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

footer .footer .foot-menu li .fal-menu dt {
  -webkit-box-flex: 1;
          flex: 1 50%;
}

footer .footer .foot-menu li .fal-menu dt a {
  font-size: 14px;
  font-weight: 600;
  color: #8D96AC;
}

footer .footer .foot-menu li .fal-menu dt a:hover {
  color: #FA777A;
}

footer .footer .foot-menu li .fal-menu dt a:active {
  color: #FA777A;
}

footer .footer .foot-menu li .site-menu dt a {
  font-size: 14px;
  font-weight: 700;
  color: #191f5d;
}

footer .footer .foot-menu li .site-menu dt a:hover {
  color: #FA777A;
}

footer .footer .foot-menu li .site-menu dt a:active {
  color: #FA777A;
}

footer .footer .foot-menu li .link.play-store,
footer .footer .foot-menu li .link.app-store {
  display: block;
  max-width: 178px;
  margin: 10px auto;
}

footer .footer .foot-menu li .link.binnaz-home {
  display: block;
  max-width: 145px;
  margin: 0 auto;
}

footer .foot {
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  background: #5A61E0;
}

footer .foot .copy {
  position: absolute;
  top: 5px;
  left: 20px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
}

footer .foot .right {
  position: absolute;
  right: 20px;
  top: 5px;
}

footer .foot .right a {
  float: right;
  margin-left: 20px;
  color: #FFFFFF;
  font-size: 26px;
}

/* ------[ footer - media queries ]------ */

@media only screen and (max-width: 768px) {
  footer .footer .foot-menu .fal-menu-wr {
    display: none;
  }

  section.reader-list-filter-wr {
    padding: 20px 0 20px 0;
  }
}

@media only screen and (max-width: 480px) {
  footer .footer .foot-menu li.r-border {
    border-right: none;
  }

  footer .footer .foot-menu .logo-wr {
    display: none;
  }
}

/* sliders - start */

/* ------[ slider-popular-readers-wr ]------ */

section.slider-popular-readers-wr {
  position: relative;
  margin-top: 4px;
  padding: 40px 0 40px 0;
  background: #FFFFFF;
}

section.slider-popular-readers-wr .section-content .head {
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  color: #191f5d;
}

section.slider-popular-readers-wr .section-content .head-2 {
  margin-bottom: 50px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #191f5d;
}

section.slider-popular-readers-wr .section-content .swiper-container {
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 40px 0;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
  /* Center slide text vertically */
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 320px;
  height: 150px;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .im-wr2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .im-wr2 .im {
  position: relative;
  display: block;
  width: 140px;
  height: 140px;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .im-wr2 .im img {
  border-radius: 50%;
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .im-wr2 .im .dot {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 33px;
  height: 33px;
  border: 6px solid #FFFFFF;
  background: #BBBBDC;
  border-radius: 50%;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .im-wr2 .im .dot.online {
  background: #40DEAC;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .im-wr2 .im .dot.busy {
  background: #F0B864;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .im-wr {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .im-wr .im {
  position: relative;
  display: block;
  width: 140px;
  height: 140px;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .im-wr .im .iw {
  position: relative;
  display: block;
  width: 98px;
  height: 98px;
  overflow: hidden;
  border-radius: 50%;
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .im-wr .im .iw img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  max-width: 100%;
  margin-left: -50%;
  margin-top: -50%;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .im-wr .im .dot {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 33px;
  height: 33px;
  border: 6px solid #FFFFFF;
  background: #BBBBDC;
  border-radius: 50%;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .im-wr .im .dot.online {
  background: #40DEAC;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .im-wr .im .dot.busy {
  background: #F0B864;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .ss-right {
  position: absolute;
  top: 0;
  right: 0;
  left: 155px;
  bottom: 0;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .ss-right .name {
  display: block;
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 700;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .ss-right .status {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #40DEAC;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide .ss-right .desc {
  display: block;
  font-size: 15px;
  font-weight: 400;
  color: #8D96AC;
  overflow: hidden;
}

section.slider-popular-readers-wr .section-content .swiper-container .swiper-wrapper .swiper-slide:after {
  content: "";
  display: block;
  clear: both;
}

section.slider-popular-readers-wr .section-content .swiper-pagination {
  position: relative;
  text-align: center;
}

section.slider-popular-readers-wr .section-content .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 6px;
}

section.slider-popular-readers-wr .section-content .swiper-button-next {
  cursor: pointer;
}

section.slider-popular-readers-wr .section-content .swiper-button-next .ac {
  display: none;
}

section.slider-popular-readers-wr .section-content .swiper-button-next:hover .ac {
  display: block;
}

section.slider-popular-readers-wr .section-content .swiper-button-next:hover .ps {
  display: none;
}

section.slider-popular-readers-wr .section-content .swiper-button-prev {
  cursor: pointer;
}

section.slider-popular-readers-wr .section-content .swiper-button-prev .ac {
  display: none;
}

section.slider-popular-readers-wr .section-content .swiper-button-prev:hover .ac {
  display: block;
}

section.slider-popular-readers-wr .section-content .swiper-button-prev:hover .ps {
  display: none;
}

/* ------[ slider-fortune-type-details-wr ]------ */

section.slider-fortune-type-details-wr {
  padding: 90px 0 90px 30px;
  background: #FFFFFF;
}

section.slider-fortune-type-details-wr h2 {
  display: block;
  margin-bottom: 20px;
  font-size: 40px;
  color: #191f5d;
  font-weight: 700;
  text-align: center;
}

section.slider-fortune-type-details-wr h4 {
  display: block;
  font-size: 16px;
  color: #191f5d;
  font-weight: 600;
  text-align: center;
}

section.slider-fortune-type-details-wr p {
  display: block;
  margin-bottom: 90px;
  font-size: 20px;
  color: #191f5d;
  font-weight: 400;
  text-align: center;
}

section.slider-fortune-type-details-wr .swiper-container {
  padding-bottom: 50px;
}

section.slider-fortune-type-details-wr .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
  display: block;
  width: 320px;
  height: auto;
  margin: 10px;
  padding: 25px 25px 100px 25px;
  background: #FFFFFF;
  border-radius: 4px;
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

section.slider-fortune-type-details-wr .swiper-container .swiper-wrapper .swiper-slide .bt {
  position: absolute;
  bottom: 25px;
  left: 25px;
  right: 25px;
  width: auto;
}

section.slider-fortune-type-details-wr .swiper-container .swiper-wrapper .swiper-slide .line {
  display: block;
  line-height: 1.5;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 400;
}

section.slider-fortune-type-details-wr .swiper-container .swiper-wrapper .swiper-slide .line + .line {
  margin-top: 15px;
}

section.slider-fortune-type-details-wr .swiper-container .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

section.slider-fortune-type-details-wr .swiper-container .swiper-wrapper .swiper-slide img.ps {
  display: block;
}

section.slider-fortune-type-details-wr .swiper-container .swiper-wrapper .swiper-slide img.ac {
  display: none;
}

section.slider-fortune-type-details-wr .swiper-container .swiper-wrapper .swiper-slide:hover img.ps {
  display: none;
}

section.slider-fortune-type-details-wr .swiper-container .swiper-wrapper .swiper-slide:hover img.ac {
  display: block;
}

section.slider-fortune-type-details-wr .swiper-pagination {
  position: relative;
  text-align: center;
}

section.slider-fortune-type-details-wr .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 6px;
}

/* ------[ slider-popular-comments-wr ]------ */

section.slider-popular-comments-wr {
  padding: 90px 0;
  background: #FFFFFF;
}

section.slider-popular-comments-wr .head {
  display: block;
  margin-bottom: 20px;
  font-size: 40px;
  color: #191f5d;
  font-weight: 700;
  text-align: center;
}

section.slider-popular-comments-wr .swiper-container {
  display: block;
  max-width: 750px;
  margin: 0 auto;
}

section.slider-popular-comments-wr .swiper-container .swiper-wrapper .swiper-slide {
  display: block;
  padding: 20px;
  text-align: center;
}

section.slider-popular-comments-wr .swiper-container .swiper-wrapper .swiper-slide .quote {
  display: block;
  max-width: 30px;
  margin: 0 auto 20px auto;
}

section.slider-popular-comments-wr .swiper-container .swiper-wrapper .swiper-slide .comment {
  display: block;
  padding: 20px;
  font-size: 16px;
  color: #8D96AC;
  font-weight: 400;
}

section.slider-popular-comments-wr .swiper-container .swiper-wrapper .swiper-slide .name {
  display: block;
  padding-bottom: 40px;
  font-size: 22px;
  color: #8D96AC;
  font-weight: 600;
}

section.slider-popular-comments-wr .swiper-button-next {
  cursor: pointer;
}

section.slider-popular-comments-wr .swiper-button-next .ac {
  display: none;
}

section.slider-popular-comments-wr .swiper-button-next:hover .ac {
  display: block;
}

section.slider-popular-comments-wr .swiper-button-next:hover .ps {
  display: none;
}

section.slider-popular-comments-wr .swiper-button-prev {
  cursor: pointer;
}

section.slider-popular-comments-wr .swiper-button-prev .ac {
  display: none;
}

section.slider-popular-comments-wr .swiper-button-prev:hover .ac {
  display: block;
}

section.slider-popular-comments-wr .swiper-button-prev:hover .ps {
  display: none;
}

/* ------[  sliders - media queries ]------ */

@media only screen and (max-width: 1024px) {
  section.slider-fortune-type-details-wr {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 480px) {
  section.slider-fortune-type-details-wr p {
    margin-bottom: 25px;
  }
}

/* sliders - end */

/* home - start */

.main-img-wr {
  min-height: 500px;
  overflow: hidden;
}

.main-img-wr img {
  position: relative;
  display: block;
  width: 100%;
  margin: -1% 0;
  z-index: 0;
}

.main-img-wr .cover {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 800px;
  text-align: center;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -khtml-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

.main-img-wr .cover h2 {
  display: block;
  margin-bottom: 5px;
  font-size: 60px;
  color: white;
  font-weight: 700;
  letter-spacing: 4px;
}

.main-img-wr .cover p {
  font-size: 42px;
  color: white;
}

section.home-what-is-binnaz-1 {
  padding: 0;
  background: #FCFCFE;
}

section.home-what-is-binnaz-1 .section-content .what {
  padding-top: 90px;
}

section.home-what-is-binnaz-1 .section-content .what h2 {
  display: block;
  margin-bottom: 40px;
  font-size: 34px;
  color: #191f5d;
  font-weight: 700;
}

section.home-what-is-binnaz-1 .section-content .what h4 {
  display: block;
  margin-bottom: 20px;
  font-size: 22px;
  color: #191f5d;
  font-weight: 700;
}

section.home-what-is-binnaz-1 .section-content .what p {
  display: block;
  margin-bottom: 30px;
  font-size: 20px;
  color: #191f5d;
  font-weight: 400;
}

section.home-what-is-binnaz-1 .section-content .what .btns {
  display: block;
  max-width: 480px;
  margin: 0 auto 30px auto;
}

section.home-what-is-binnaz-1 .section-content .what .btns a {
  float: left;
  width: 50%;
  padding-right: 10px;
}

section.home-what-is-binnaz-1 .section-content .what .btns:after {
  content: "";
  display: block;
  clear: both;
}

section.home-what-is-binnaz-1 .section-content .app-img img {
  display: block;
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
}

section.home-what-is-binnaz-2 {
  padding: 70px 0;
  background: #F6F7FC;
}

section.home-what-is-binnaz-3 {
  padding: 90px 0;
  background: #FFFFFF;
}

section.home-what-is-binnaz-3 .section-content .boxes-wr {
  padding-left: 60px;
}

section.home-what-is-binnaz-3 .section-content .boxes .col {
  margin: 5px;
  padding: 70px 30px 0 30px;
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
}

section.home-what-is-binnaz-3 .section-content .boxes .col.d-1 {
  background: url("/img/what-is-binnaz-1.png") 0 0 no-repeat;
  -khtml-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
}

section.home-what-is-binnaz-3 .section-content .boxes .col.d-2 {
  background: url("/img/what-is-binnaz-2.png") 0 0 no-repeat;
  -khtml-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
}

section.home-what-is-binnaz-3 .section-content .boxes .col.d-3 {
  background: url("/img/what-is-binnaz-3.png") 0 0 no-repeat;
  -khtml-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
}

section.home-what-is-binnaz-3 .section-content .boxes .col h4 {
  display: block;
  margin-bottom: 65%;
  font-size: 115px;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
}

section.home-what-is-binnaz-3 .section-content .boxes .col h6 {
  display: block;
  margin-bottom: 15px;
  font-size: 22px;
  color: #191f5d;
  font-weight: 700;
  text-align: center;
}

section.home-what-is-binnaz-3 .section-content .boxes .col p {
  display: block;
  padding-bottom: 25px;
  font-size: 16px;
  color: #8D96AC;
  font-weight: 400;
  text-align: center;
}

/* ------[ fortune-list-wr ]------ */

section.fortune-list-wr {
  background: #FFFFFF;
}

section.fortune-list-wr .section-content {
  padding: 25px 0;
}

section.fortune-list-wr .section-content .bootstrap-select.btn-group {
  display: block;
  width: 320px;
  margin: 0 auto;
}

section.fortune-list-wr .section-content .bootstrap-select.btn-group .btn {
  height: 40px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 700;
  color: #8D96AC;
  background: #CACED8;
}

section.fortune-list-wr .section-content .fortune-list {
  display: -webkit-box;
  display: flex;
  margin-bottom: 0;
  flex-wrap: wrap;
  width: 100%;
}

section.fortune-list-wr .section-content .fortune-list li {
  -webkit-box-flex: 1;
          flex: 1;
  display: block;
  min-width: 120px;
  padding: 15px 0;
  margin: 0 5px;
  text-align: center;
}

section.fortune-list-wr .section-content .fortune-list li a img {
  display: block;
  width: 70px;
  height: 70px;
  margin: 0 auto;
}

section.fortune-list-wr .section-content .fortune-list li a img.ps {
  display: block;
}

section.fortune-list-wr .section-content .fortune-list li a img.ac {
  display: none;
}

section.fortune-list-wr .section-content .fortune-list li a div {
  padding-top: 15px;
  font-size: 15px;
  font-weight: 600;
  color: #8D96AC;
  text-align: center;
}

section.fortune-list-wr .section-content .fortune-list li a:hover img.ps,
section.fortune-list-wr .section-content .fortune-list li a.active img.ps {
  display: none;
}

section.fortune-list-wr .section-content .fortune-list li a:hover img.ac,
section.fortune-list-wr .section-content .fortune-list li a.active img.ac {
  display: block;
}

section.fortune-list-wr .section-content .fortune-list li a:hover div,
section.fortune-list-wr .section-content .fortune-list li a.active div {
  color: #191f5d;
}

/* ------[ reader-list-filter-wr ]------ */

section.reader-list-filter-wr {
  position: relative;
  margin-top: 4px;
  padding: 25px 0 10px 0;
  background: #FFFFFF;
}

section.reader-list-filter-wr .section-content {
  max-width: 1280px;
  margin: 0 auto;
}

section.reader-list-filter-wr .section-content .bootstrap-select.btn-group {
  display: block;
  width: 320px;
  max-width: 320px;
  margin: 0 auto 15px auto;
}

section.reader-list-filter-wr .section-content .bootstrap-select.btn-group .btn {
  height: 40px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 700;
  color: #8D96AC;
  background: #CACED8;
}

section.reader-list-filter-wr .section-content .bootstrap-select.btn-group .dropdown-menu a.dropdown-item span.dropdown-item-inner {
  font-size: 16px;
  color: #8D96AC;
  font-weight: 600;
}

section.reader-list-filter-wr .section-content .bootstrap-select.btn-group .dropdown-menu a.dropdown-item span.dropdown-item-inner span.check-mark {
  position: absolute;
  margin-top: 2px;
  left: 15px;
  right: auto;
}

section.reader-list-filter-wr .section-content .bootstrap-select.btn-group .dropdown-menu a.dropdown-item span.dropdown-item-inner span.check-mark:before {
  content: "\F096";
}

section.reader-list-filter-wr .section-content .bootstrap-select.btn-group .dropdown-menu a.dropdown-item.selected span.dropdown-item-inner span.check-mark:before {
  content: "\F046";
}

section.reader-list-filter-wr .section-content .bootstrap-select.btn-group.show-tick .dropdown-menu a.dropdown-item span.dropdown-item-inner span.check-mark {
  display: inline-block;
}

section.reader-list-filter-wr .section-content .bootstrap-select.btn-group.multi a.dropdown-item span.dropdown-item-inner {
  padding-left: 12px;
}

section.reader-list-filter-wr .section-content .bootstrap-select.btn-group:not(.static-width) {
  width: 100%;
}

section.reader-list-filter-wr .section-content .bt.bt-grey {
  display: block;
  max-width: 320px;
  width: 100%;
  margin: 0 auto 10px auto;
}

/* ------[ reader-list-wr ]------ */

section.reader-list-wr .section-content {
  max-width: 1360px;
  min-height: 420px;
}

section.reader-list-wr .section-content .reader-list {
  width: 100%;
  padding: 25px 0;
  min-height: 400px;
}

section.reader-list-wr .section-content .reader-list .badges {
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

section.reader-list-wr .section-content .reader-list .reader-badge {
  width: 45px;
  padding: 5px;
}

section.reader-list-wr .section-content .reader-list .fs-12 {
  font-size: 12px;
}

section.reader-list-wr .section-content .reader-list li {
  position: relative;
  float: left;
  width: 320px;
  height: 480px;
  margin: 5px;
  padding: 25px 25px 75px 25px;
  text-align: center;
  border: 1px solid #F0F1F5;
  background: #FFFFFF;
}

section.reader-list-wr .section-content .reader-list li .im-wr {
  margin-bottom: 10px;
}

section.reader-list-wr .section-content .reader-list li .im-wr .im {
  position: relative;
  display: block;
  width: 98px;
  height: 98px;
  margin: 0 auto;
}

section.reader-list-wr .section-content .reader-list li .im-wr .im .iw {
  position: relative;
  display: block;
  width: 98px;
  height: 98px;
  overflow: hidden;
  border-radius: 50%;
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

section.reader-list-wr .section-content .reader-list li .im-wr .im .iw img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  max-width: 100%;
  margin-left: -50%;
  margin-top: -50%;
}

section.reader-list-wr .section-content .reader-list li .im-wr .im .dot {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 23px;
  height: 23px;
  border: 3px solid #FFFFFF;
  background: #BBBBDC;
  border-radius: 50%;
}

section.reader-list-wr .section-content .reader-list li .im-wr .im .dot.online {
  background: #40DEAC;
}

section.reader-list-wr .section-content .reader-list li .im-wr .im .dot.busy {
  background: #F0B864;
}

section.reader-list-wr .section-content .reader-list li .name {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}

section.reader-list-wr .section-content .reader-list li .desc {
  display: block;
  min-height: 35px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #8D96AC;
}

section.reader-list-wr .section-content .reader-list li .summary {
  display: block;
  margin-bottom: 10px;
}

section.reader-list-wr .section-content .reader-list li .summary .t-1 {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #8D96AC;
}

section.reader-list-wr .section-content .reader-list li .summary .t-2 {
  display: inline-block;
  padding-right: 5px;
  font-size: 18px;
  font-weight: 700;
  color: #191f5d;
}

section.reader-list-wr .section-content .reader-list li .summary .t-2 small {
  font-size: 12px;
}

section.reader-list-wr .section-content .reader-list li .summary .t-3 {
  display: inline-block;
  padding-left: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #8D96AC;
}

section.reader-list-wr .section-content .reader-list li .summary .t-4 {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  color: #FA777A;
}

section.reader-list-wr .section-content .reader-list li .summary .t-5 {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #FA777A;
}

section.reader-list-wr .section-content .reader-list li .tags {
  display: block;
  margin-bottom: 10px;
}

section.reader-list-wr .section-content .reader-list li .tags .tag {
  padding-left: 7px;
  padding-right: 7px;
  font-weight: 300;
}

section.reader-list-wr .section-content .reader-list li .splitter {
  display: block;
  height: 2px;
  margin: 0 0 10px 0;
  background: #F6F7FC;
}

section.reader-list-wr .section-content .reader-list li .olangs {
  display: block;
  margin-bottom: 10px;
}

section.reader-list-wr .section-content .reader-list li .olangs .olang {
  padding-left: 7px;
  padding-right: 7px;
  font-size: 13px;
  font-weight: 300;
}

section.reader-list-wr .section-content .reader-list li .btn-wr {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

section.reader-list-wr .section-content .reader-list li .btn-wr .bt {
  display: block;
  width: 100%;
  font-weight: 700;
}

section.reader-list-wr .section-content .reader-list-filter-result {
  display: none;
  max-width: 1320px;
  margin: 0 auto 60px auto;
  padding: 40px;
  text-align: center;
}

section.reader-list-wr .section-content .reader-list-loader {
  display: none;
  padding-bottom: 30px;
}

section.reader-list-wr .section-content .reader-list-loader img {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto;
}

section.reader-list-wr .section-content .load-more-wr {
  display: none;
  padding: 15px 0;
  text-align: center;
}

section.reader-list-wr .section-content .load-more-wr a {
  min-width: 300px;
}

section.reader-list-wr .section-content .load-more-wr a:not([href]):not([tabindex]) {
  color: #FFFFFF;
}

/* ------[ binnaz-always-discount ]------ */

.binnaz-always-discount.small h2 {
  font-size: 26px;
}

.binnaz-always-discount.small p {
  font-size: 16px;
}

.binnaz-always-discount.small .sale-img-wr .sale-img {
  max-width: 260px;
}

.binnaz-always-discount.small .sale-img-wr .sale-img .tx {
  right: 5px;
}

.binnaz-always-discount.small .sale-img-wr .sale-img .tx .t-1 {
  font-size: 50px;
}

.binnaz-always-discount.small .sale-img-wr .sale-img .tx .t-2 {
  font-size: 70px;
  color: #191f5d;
  font-weight: 700;
}

.binnaz-always-discount.small .sale-img-wr .sale-img .tx .t-3 {
  display: block;
  line-height: 1;
  font-size: 30px;
  color: #8D96AC;
}

.binnaz-always-discount.small .sale-text-wr {
  padding-top: 30px;
}

.binnaz-always-discount h2 {
  display: block;
  margin-bottom: 40px;
  font-size: 40px;
  color: #191f5d;
  font-weight: 700;
}

.binnaz-always-discount p {
  display: block;
  margin-bottom: 30px;
  font-size: 20px;
  color: #191f5d;
  font-weight: 400;
}

.binnaz-always-discount .bt-block {
  margin: 0 auto;
  font-size: 14px;
  font-weight: 400;
}

.binnaz-always-discount .sale-img-wr .sale-img {
  position: relative;
  display: block;
  max-width: 320px;
  margin: 0 auto;
}

.binnaz-always-discount .sale-img-wr .sale-img .tx {
  position: absolute;
  top: 50%;
  right: -5px;
  padding-top: 10px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  transform: translateY(-50%);
}

.binnaz-always-discount .sale-img-wr .sale-img .tx .t-1 {
  display: inline-block;
  line-height: 1;
  font-size: 70px;
  color: #191f5d;
  font-weight: 700;
}

.binnaz-always-discount .sale-img-wr .sale-img .tx .t-2 {
  display: inline-block;
  line-height: 1;
  font-size: 90px;
  color: #191f5d;
  font-weight: 700;
}

.binnaz-always-discount .sale-img-wr .sale-img .tx .t-3 {
  display: block;
  line-height: 1;
  font-size: 40px;
  color: #8D96AC;
}

.binnaz-always-discount .sale-text-wr {
  padding-top: 50px;
}

/* ------[ home - media queries ]------ */

@media only screen and (max-width: 1280px) {
  section.reader-list-wr .section-content .reader-list li {
    width: 300px;
    margin: 5px;
    padding: 15px 15px 75px 15px;
  }
}

@media only screen and (max-width: 660px) {
  section.reader-list-filter-wr .search-box-1 {
    display: block;
    margin: 10px auto 0 auto;
  }

  section.reader-list-wr .section-content {
    min-height: 120px;
  }

  section.reader-list-wr .section-content .reader-list {
    width: 320px;
    min-height: 120px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 480px) {
  section.reader-list-filter-wr .search-box-1 {
    display: block;
    margin: 10px auto 0 auto;
  }

  section.reader-list-wr .section-content {
    min-height: 120px;
  }

  section.reader-list-wr .section-content .reader-list {
    width: 320px;
    min-height: 120px;
    margin: 0 auto;
  }
}

/* home - end */

/* reader_profile - start */

/* ------[ reader-profile-top ]------ */

section.reader-profile-top {
  max-width: 100%;
}

section.reader-profile-top .reader-profile-top-bg {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  height: 250px;
  background: url("/img/reader-profile-top-bg.png") no-repeat center bottom;
  background-size: cover;
}

section.reader-profile-top .section-content {
  margin: 40px auto;
  padding: 30px 20px;
  background: #FFFFFF;
  border-radius: 4px;
}

section.reader-profile-top .section-content .im-wr {
  display: block;
  margin: 0 auto 25px auto;
  width: 140px;
}

section.reader-profile-top .section-content .im-wr .im {
  position: relative;
  display: block;
  width: 140px;
  height: 140px;
}

section.reader-profile-top .section-content .im-wr .im .iw {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

section.reader-profile-top .section-content .im-wr .im .iw img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  width: 100%;
  margin: -50% 0 0 -50%;
}

section.reader-profile-top .section-content .im-wr .im .dot {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 33px;
  height: 33px;
  border: 6px solid #FFFFFF;
  background: #BBBBDC;
  border-radius: 50%;
}

section.reader-profile-top .section-content .im-wr .im .dot.online {
  background: #40DEAC;
}

section.reader-profile-top .section-content .im-wr .im .dot.busy {
  background: #F0B864;
}

section.reader-profile-top .section-content .im-wr .tellerTemsili {
  padding-top: 10px;
  font-size: 12px;
  color: #8D96AC;
  text-align: center;
}

section.reader-profile-top .section-content .name {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #5A61E0;
  font-weight: 700;
}

section.reader-profile-top .section-content h4 {
  display: block;
  margin-bottom: 10px;
  font-size: 22px;
  color: #191f5d;
  font-weight: 700;
}

section.reader-profile-top .section-content p {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 400;
  word-break: break-all;
}

section.reader-profile-top .section-content h6 {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #191f5d;
  font-weight: 700;
}

section.reader-profile-top .section-content .reader-profile-top-switch-wr .switch {
  float: left;
  margin-right: 20px;
}

section.reader-profile-top .section-content .reader-profile-top-switch-wr .switch-desc {
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 400;
}

section.reader-profile-top .section-content .reader-profile-top-switch-wr:after:after {
  content: "";
  display: block;
  clear: both;
}

/* ------[ reader-profile-details ]------ */

section.reader-profile-details .section-content {
  min-height: 500px;
  margin: 40px auto;
  padding: 20px;
  background: #FFFFFF;
  border-radius: 4px;
}

section.reader-profile-details .section-content .fortune-type-wr {
  display: -webkit-box;
  display: flex;
  border-bottom: 4px solid #F6F7FC;
}

section.reader-profile-details .section-content .fortune-type-wr a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
}

section.reader-profile-details .section-content .fortune-type-wr a.active {
  font-size: 18px;
  color: #191f5d;
  font-weight: 700;
}

section.reader-profile-details .section-content .fortune-type-wr a:hover {
  color: #FA777A;
}

section.reader-profile-details .section-content .fortune-type-wr a:active {
  color: #FA777A;
}

section.reader-profile-details .section-content .reader-info {
  display: block;
  padding: 0 0 20px 25px;
  text-align: center;
}

section.reader-profile-details .section-content .reader-info .bt-red {
  display: block;
  width: 100%;
  margin-bottom: 25px;
  font-weight: 700;
}

section.reader-profile-details .section-content .reader-info .summary {
  display: block;
  margin-bottom: 20px;
}

section.reader-profile-details .section-content .reader-info .summary .t-1 {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #8D96AC;
}

section.reader-profile-details .section-content .reader-info .summary .t-2 {
  display: inline-block;
  padding-right: 5px;
  font-size: 18px;
  font-weight: 700;
  color: #191f5d;
}

section.reader-profile-details .section-content .reader-info .summary .t-2 small {
  font-size: 12px;
}

section.reader-profile-details .section-content .reader-info .summary .t-3 {
  display: inline-block;
  padding-left: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #8D96AC;
}

section.reader-profile-details .section-content .reader-info .summary .t-4 {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  color: #FA777A;
}

section.reader-profile-details .section-content .reader-info .tags {
  display: block;
  margin-bottom: 15px;
}

section.reader-profile-details .section-content .reader-info .tags .tag.hide {
  display: none;
}

section.reader-profile-details .section-content .reader-info .tags .tag.sitePink {
  display: inline-block;
}

section.reader-profile-details .section-content .reader-info .splitter {
  display: block;
  height: 2px;
  margin: 0 0 15px 0;
  background: #F6F7FC;
}

section.reader-profile-details .section-content .comments-wr {
  padding: 40px 20px 40px 50px;
  border-left: 4px solid #F6F7FC;
}

section.reader-profile-details .section-content .comments-wr h4 {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #191f5d;
  font-weight: 700;
}

section.reader-profile-details .section-content .comments-wr .comment-list {
  display: block;
}

section.reader-profile-details .section-content .comments-wr .comment-list li {
  display: block;
  min-height: 40px;
  padding: 20px 0;
}

section.reader-profile-details .section-content .comments-wr .comment-list li .tx {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 400;
  word-break: break-all;
}

section.reader-profile-details .section-content .comments-wr .comment-list li + li {
  border-top: 1px solid #F0F1F5;
}

section.reader-profile-details .section-content .comments-wr .comment-list li .rating .stars {
  float: left;
  margin-right: 15px;
}

section.reader-profile-details .section-content .comments-wr .comment-list li .rating .stars img {
  float: left;
  display: block;
  width: 17px;
  margin: 3px;
}

section.reader-profile-details .section-content .comments-wr .comment-list li .rating .dt {
  float: left;
  height: 20px;
  line-height: 26px;
  font-size: 11px;
  color: #CACED8;
  font-weight: 400;
}

section.reader-profile-details .section-content .comments-wr .comment-list li .rating:after {
  content: "";
  display: block;
  clear: both;
}

section.reader-profile-details .section-content .tab-content {
  display: block;
  width: 100%;
}

/* ------[ home - media queries ]------ */

@media only screen and (max-width: 990px) {
  section.reader-profile-details .section-content {
    padding-top: 60px;
  }

  section.reader-profile-details .section-content .fortune-type-wr {
    display: block;
    padding: 0 40px 40px 40px;
    border: none;
    border-right: 4px solid #F6F7FC;
  }

  section.reader-profile-details .section-content .fortune-type-wr a {
    text-align: left;
  }

  section.reader-profile-details .section-content .comments-wr {
    padding: 50px 20px;
    border: none;
    border-top: 4px solid #F6F7FC;
  }
}

@media only screen and (max-width: 768px) {
  .reader-profile-top-bg {
    display: none;
  }

  section.reader-profile-top .section-content {
    margin-top: 0;
    margin-bottom: 20px;
  }

  section.reader-profile-details .section-content .go-to-fortune-type-wr {
    float: none;
    display: block;
    width: 100%;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 4px solid #F6F7FC;
    text-align: center;
  }

  section.reader-profile-details .section-content .go-to-fortune-type-wr .bootstrap-select {
    display: block;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 480px) {
  section.reader-list-filter-wr .search-box-1 {
    display: block;
    margin: 10px auto 0 auto;
  }
}

/* reader_profile - end */

/* what_is_binnaz - start */

/* ------[ what-is-binnaz-1 ]------ */

section.what-is-binnaz-1 {
  padding: 90px 0;
  background: #FFFFFF;
}

section.what-is-binnaz-1 .section-content .what {
  padding-top: 90px;
}

section.what-is-binnaz-1 .section-content .what h2 {
  display: block;
  margin-bottom: 40px;
  font-size: 34px;
  color: #191f5d;
  font-weight: 700;
}

section.what-is-binnaz-1 .section-content .what h4 {
  display: block;
  margin-bottom: 20px;
  font-size: 22px;
  color: #191f5d;
  font-weight: 700;
}

section.what-is-binnaz-1 .section-content .what p {
  display: block;
  margin-bottom: 30px;
  font-size: 16px;
  color: #8D96AC;
  font-weight: 400;
}

section.what-is-binnaz-1 .section-content .what .btns {
  display: block;
  max-width: 480px;
  margin: 0 auto 30px auto;
}

section.what-is-binnaz-1 .section-content .what .btns a {
  float: left;
  width: 50%;
  padding-right: 10px;
}

section.what-is-binnaz-1 .section-content .what .btns:after {
  content: "";
  display: block;
  clear: both;
}

section.what-is-binnaz-1 .section-content .boxes-wr {
  padding-left: 60px;
}

section.what-is-binnaz-1 .section-content .boxes .col {
  margin: 5px;
  padding: 70px 30px 0 30px;
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
}

section.what-is-binnaz-1 .section-content .boxes .col.d-1 {
  background: url("/img/what-is-binnaz-1.png") 0 0 no-repeat;
  -khtml-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
}

section.what-is-binnaz-1 .section-content .boxes .col.d-2 {
  background: url("/img/what-is-binnaz-2.png") 0 0 no-repeat;
  -khtml-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
}

section.what-is-binnaz-1 .section-content .boxes .col.d-3 {
  background: url("/img/what-is-binnaz-3.png") 0 0 no-repeat;
  -khtml-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
}

section.what-is-binnaz-1 .section-content .boxes .col h4 {
  display: block;
  margin-bottom: 65%;
  font-size: 115px;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
}

section.what-is-binnaz-1 .section-content .boxes .col h6 {
  display: block;
  margin-bottom: 15px;
  font-size: 22px;
  color: #191f5d;
  font-weight: 700;
  text-align: center;
}

section.what-is-binnaz-1 .section-content .boxes .col p {
  display: block;
  padding-bottom: 25px;
  font-size: 16px;
  color: #8D96AC;
  font-weight: 400;
  text-align: center;
}

/* ------[ what-is-binnaz-2 ]------ */

section.what-is-binnaz-2 {
  padding: 70px 0;
}

section.what-is-binnaz-2 .section-content h2 {
  display: block;
  margin-bottom: 40px;
  font-size: 40px;
  color: #191f5d;
  font-weight: 700;
}

section.what-is-binnaz-2 .section-content p {
  display: block;
  margin-bottom: 30px;
  font-size: 20px;
  color: #191f5d;
  font-weight: 400;
}

section.what-is-binnaz-2 .section-content .bt-block {
  margin: 0;
}

section.what-is-binnaz-2 .section-content .sale-img-wr .sale-img {
  position: relative;
  display: block;
  max-width: 320px;
  margin: 0 auto;
}

section.what-is-binnaz-2 .section-content .sale-img-wr .sale-img .tx {
  position: absolute;
  top: 50%;
  right: -5px;
  padding-top: 10px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  transform: translateY(-50%);
}

section.what-is-binnaz-2 .section-content .sale-img-wr .sale-img .tx .t-1 {
  display: inline-block;
  line-height: 1;
  font-size: 70px;
  color: #191f5d;
  font-weight: 700;
}

section.what-is-binnaz-2 .section-content .sale-img-wr .sale-img .tx .t-2 {
  display: inline-block;
  line-height: 1;
  font-size: 90px;
  color: #191f5d;
  font-weight: 700;
}

section.what-is-binnaz-2 .section-content .sale-img-wr .sale-img .tx .t-3 {
  display: block;
  line-height: 1;
  font-size: 40px;
  color: #8D96AC;
}

section.what-is-binnaz-2 .section-content .sale-text-wr {
  padding-top: 50px;
}

/* ------[ what-is-binnaz-3 ]------ */

section.what-is-binnaz-3 {
  padding: 90px 0;
}

section.what-is-binnaz-3 .section-content .tx-wr {
  padding-top: 170px;
}

section.what-is-binnaz-3 .section-content .tx-wr h2 {
  display: block;
  margin-bottom: 40px;
  font-size: 40px;
  color: #191f5d;
  font-weight: 700;
}

section.what-is-binnaz-3 .section-content .tx-wr p {
  display: block;
  margin-bottom: 30px;
  font-size: 20px;
  color: #191f5d;
  font-weight: 400;
}

section.what-is-binnaz-3 .section-content .tx-wr .bt-block {
  margin: 0;
}

section.what-is-binnaz-3 .section-content .bl-wr .col {
  margin: 10px;
  padding: 0;
  background: #FFFFFF;
  border-radius: 4px;
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

section.what-is-binnaz-3 .section-content .bl-wr .col img {
  margin: 0 auto 30px auto;
}

section.what-is-binnaz-3 .section-content .bl-wr .col h4 {
  display: block;
  margin-bottom: 20px;
  padding: 0 30px;
  font-size: 20px;
  color: #191f5d;
  font-weight: 600;
}

section.what-is-binnaz-3 .section-content .bl-wr .col p {
  display: block;
  padding: 0 30px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #8D96AC;
  font-weight: 400;
}

section.what-is-binnaz-3 .section-content .bl-wr .col a {
  display: block;
  padding: 0 30px;
  margin-bottom: 30px;
  text-align: right;
}

/* ------[ reading-types ]------ */

section.reading-types-wr {
  overflow: hidden;
  background: #FFFFFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F6F7FC));
  background: linear-gradient(to bottom, #FFFFFF 0%, #F6F7FC 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFFFFF", endColorStr="#F6F7FC");
}

section.reading-types-wr .reading-types-bg {
  padding: 150px 0;
  margin: 0 -50px;
  background: url("/img/bg-01.png") center center no-repeat;
  -khtml-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  background-size: 100% 100%;
}

section.reading-types-wr .reading-types-bg .reading-types-inner {
  display: block;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}

section.reading-types-wr .reading-types-bg .reading-types-inner h2 {
  display: block;
  margin-bottom: 20px;
  font-size: 40px;
  color: #FFFFFF;
  font-weight: 700;
}

section.reading-types-wr .reading-types-bg .reading-types-inner p {
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 400;
}

section.reading-types-wr .reading-types-bg .reading-types-inner .tag {
  display: inline-block;
  height: auto;
  margin: 5px;
  padding: 9px 30px 3px 30px;
  font-size: 15px;
  font-weight: 700;
  color: #FFFFFF;
  border-radius: 30px;
}

section.reading-types-wr + section.slider-popular-readers-wr {
  margin-top: 0;
}

/* ------[  what_is_binnaz - media queries ]------ */

@media only screen and (max-width: 1024px) {
  section.what-is-binnaz-1 .section-content .what {
    padding-top: 50px;
    text-align: center;
  }

  section.what-is-binnaz-1 .section-content .boxes-wr {
    padding-left: 15px;
  }

  section.what-is-binnaz-2 .section-content .sale-img-wr .sale-img .tx .t-1 {
    font-size: 45px;
  }

  section.what-is-binnaz-2 .section-content .sale-img-wr .sale-img .tx .t-2 {
    font-size: 70px;
  }

  section.what-is-binnaz-2 .section-content .sale-img-wr .sale-img .tx .t-3 {
    font-size: 30px;
  }

  section.what-is-binnaz-2 .section-content .sale-text-wr {
    padding-top: 0;
  }

  section.slider-fortune-type-details-wr {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 990px) {
  section.reading-types-wr .reading-types-bg {
    padding: 150px 20%;
    margin: 0 -20%;
  }
}

@media only screen and (max-width: 768px) {
  section.what-is-binnaz-3 .section-content .tx-wr {
    padding-top: 0;
    text-align: center;
  }

  section.what-is-binnaz-3 .section-content .tx-wr .bt-block {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 480px) {
  section.reading-types-wr .reading-types-bg {
    padding: 150px 50%;
    margin: 0 -50%;
  }

  section.slider-fortune-type-details-wr p {
    margin-bottom: 25px;
  }
}

/* what_is_binnaz - end */

/* shop - start */

/* ------[  shop-blocks-wr ]------ */

section.shop-blocks-wr {
  padding: 90px 0;
}

section.shop-blocks-wr h2 {
  display: block;
  margin-bottom: 20px;
  font-size: 24px;
  color: #191f5d;
  font-weight: 700;
  text-align: center;
}

section.shop-blocks-wr p {
  display: block;
  margin-bottom: 30px;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 400;
  text-align: center;
}

section.shop-blocks-wr .summary {
  max-width: 600px;
  margin: 0 auto;
  padding-top: 50px;
  text-align: center;
}

section.shop-blocks-wr .summary p {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 600;
  text-align: center;
}

section.shop-blocks-wr .summary p b {
  color: #FA777A;
  font-weight: 600;
}

section.shop-blocks-wr .summary ul {
  display: block;
  list-style: none;
}

section.shop-blocks-wr .summary ul li {
  display: block;
}

section.shop-blocks-wr .section-content {
  max-width: 1100px;
}

section.shop-blocks-wr .section-content.design-b .boxes-wr .box {
  width: 220px;
  height: 370px;
  margin: 20px;
  background: #FFFFFF;
}

section.shop-blocks-wr .section-content.design-b .boxes-wr .box.box-1,
section.shop-blocks-wr .section-content.design-b .boxes-wr .box.box-2,
section.shop-blocks-wr .section-content.design-b .boxes-wr .box.box-3,
section.shop-blocks-wr .section-content.design-b .boxes-wr .box.box-4,
section.shop-blocks-wr .section-content.design-b .boxes-wr .box.box-5,
section.shop-blocks-wr .section-content.design-b .boxes-wr .box.box-6,
section.shop-blocks-wr .section-content.design-b .boxes-wr .box.box-7 {
  background-image: none;
}

section.shop-blocks-wr .section-content.design-b .boxes-wr .box .extra {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  font-size: 14px;
  color: #191f5d;
}

section.shop-blocks-wr .section-content.design-b .boxes-wr .box .credit {
  position: absolute;
  top: 50px;
  left: 20px;
  right: 20px;
  font-size: 50px;
  color: #FA777A;
}

section.shop-blocks-wr .section-content.design-b .boxes-wr .box .credit-tx {
  position: absolute;
  top: 110px;
  left: 20px;
  right: 20px;
  font-size: 20px;
  color: #8D96AC;
}

section.shop-blocks-wr .section-content.design-b .boxes-wr .box .bt-wr .bt {
  width: 100%;
}

section.shop-blocks-wr .section-content .boxes-wr {
  text-align: center;
}

section.shop-blocks-wr .section-content .boxes-wr .box {
  position: relative;
  display: inline-block;
  width: 250px;
  height: 470px;
  margin: 20px 10px;
  text-align: center;
  background: #FFFFFF url("/img/box-bg-1.jpg") 0 0 no-repeat;
  -khtml-background-size: 100% auto;
  -ms-background-size: 100% auto;
  background-size: 100% auto;
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
}

section.shop-blocks-wr .section-content .boxes-wr .box.box-1 {
  background-image: url("/img/box-bg-1.jpg");
}

section.shop-blocks-wr .section-content .boxes-wr .box.box-2 {
  background-image: url("/img/box-bg-2.jpg");
}

section.shop-blocks-wr .section-content .boxes-wr .box.box-3 {
  background-image: url("/img/box-bg-3.jpg");
}

section.shop-blocks-wr .section-content .boxes-wr .box.box-4 {
  background-image: url("/img/box-bg-4.jpg");
}

section.shop-blocks-wr .section-content .boxes-wr .box.box-5 {
  background-image: url("/img/box-bg-1.jpg");
}

section.shop-blocks-wr .section-content .boxes-wr .box.box-6 {
  background-image: url("/img/box-bg-2.jpg");
}

section.shop-blocks-wr .section-content .boxes-wr .box.box-7 {
  background-image: url("/img/box-bg-3.jpg");
}

section.shop-blocks-wr .section-content .boxes-wr .box .extra {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  font-size: 18px;
  color: #191f5d;
  font-weight: 700;
  text-align: left;
}

section.shop-blocks-wr .section-content .boxes-wr .box .credit {
  position: absolute;
  top: 100px;
  left: 20px;
  right: 20px;
  font-size: 60px;
  color: #FFFFFF;
  font-weight: 700;
}

section.shop-blocks-wr .section-content .boxes-wr .box .credit-tx {
  position: absolute;
  top: 170px;
  left: 20px;
  right: 20px;
  font-size: 30px;
  color: #FFFFFF;
  font-weight: 700;
  text-align: right;
}

section.shop-blocks-wr .section-content .boxes-wr .box .old-price {
  position: absolute;
  bottom: 130px;
  left: 20px;
  right: 20px;
  font-size: 18px;
  color: #8D96AC;
  font-weight: 700;
}

section.shop-blocks-wr .section-content .boxes-wr .box .old-price .bd {
  position: absolute;
  top: 8px;
  left: 50%;
  display: block;
  width: 65px;
  height: 3px;
  margin-left: -33px;
  background: #F055A1;
  -webkit-transform: rotate(-8deg);
  -khtml-transform: rotate(-8deg);
  transform: rotate(-8deg);
}

section.shop-blocks-wr .section-content .boxes-wr .box .price {
  position: absolute;
  bottom: 90px;
  left: 20px;
  right: 20px;
  font-size: 30px;
  color: #191f5d;
  font-weight: 700;
}

section.shop-blocks-wr .section-content .boxes-wr .box .bt-wr {
  position: absolute;
  bottom: 30px;
  left: 20px;
  right: 20px;
}

section.shop-blocks-wr .section-content .pricelist {
  display: none;
  max-width: 480px;
  margin: 0 auto;
  padding: 10px;
  background: #FFFFFF;
  border-radius: 4px;
}

section.shop-blocks-wr .section-content .pricelist li {
  position: relative;
  display: block;
  height: 76px;
}

section.shop-blocks-wr .section-content .pricelist li:after {
  content: "";
  display: block;
  clear: both;
}

section.shop-blocks-wr .section-content .pricelist li + li {
  border-top: 1px solid #F0F1F5;
}

section.shop-blocks-wr .section-content .pricelist li .credit {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 26px;
  color: #8D96AC;
  font-weight: 600;
}

section.shop-blocks-wr .section-content .pricelist li .credit small {
  font-size: 18px;
  color: #8D96AC;
  font-weight: 600;
}

section.shop-blocks-wr .section-content .pricelist li .price {
  position: absolute;
  top: 45px;
  left: 10px;
}

section.shop-blocks-wr .section-content .pricelist li .price .old-price {
  position: relative;
  font-size: 18px;
  color: #8D96AC;
  font-weight: 700;
  margin-right: 10px;
}

section.shop-blocks-wr .section-content .pricelist li .price .old-price .bd {
  position: absolute;
  top: 10px;
  left: 50%;
  display: block;
  width: 62px;
  height: 3px;
  margin-left: -33px;
  background: #F055A1;
  -webkit-transform: rotate(-8deg);
  -khtml-transform: rotate(-8deg);
  transform: rotate(-8deg);
  opacity: 0.8;
  filter: alpha(opacity=80);
}

section.shop-blocks-wr .section-content .pricelist li .price .new-price {
  position: relative;
  font-size: 18px;
  color: #8D96AC;
  font-weight: 500;
}

section.shop-blocks-wr .section-content .pricelist li .bt {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 120px;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
}

/* ------[ shop-pay-wr ]------ */

section.shop-pay-wr {
  padding: 60px 0;
}

section.shop-pay-wr h2 {
  display: block;
  margin-bottom: 60px;
  font-size: 24px;
  color: #191f5d;
  font-weight: 700;
  text-align: center;
}

section.shop-pay-wr .section-content h4 {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #191f5d;
  font-weight: 700;
}

section.shop-pay-wr .section-content p {
  margin-bottom: 5px;
}

section.shop-pay-wr .section-content p b {
  color: #5A61E0;
  font-weight: 400;
}

section.shop-pay-wr .section-content .col-side-left > .row > .col,
section.shop-pay-wr .section-content .col-side-right > .row > .col {
  margin: 10px;
  padding: 30px;
  line-height: 1.5;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 400;
  background: #FFFFFF;
  border-radius: 4px;
}

section.shop-pay-wr .section-content .pay-credit-wr {
  max-width: 700px;
  padding: 30px;
  background: #F6F7FC;
}

section.shop-pay-wr .section-content .pay-credit-wr .radiocontainer .radiobtn {
  border-color: #CACED8;
}

section.shop-pay-wr .section-content .pay-credit-wr .radiocontainer input:checked ~ .radiobtn {
  border-color: #5A61E0;
}

section.shop-pay-wr .section-content .pay-credit-wr .radiocontainer + .radiocontainer {
  margin-left: 30px;
}

/* ------[  shop - media queries ]------ */

@media only screen and (max-width: 768px) {
  section.shop-blocks-wr .section-content .boxes-wr {
    display: none;
  }

  section.shop-blocks-wr .section-content .pricelist {
    display: block;
  }
}

@media only screen and (max-width: 480px) {
  section.shop-blocks-wr {
    padding: 30px 0;
  }
}

/* shop - end */

/* user - start */

/* ------[ user-fortunes-wr ]------ */

section.user-fortunes-wr {
  background: #F6F7FC;
}

section.user-fortunes-wr .section-content {
  padding-top: 40px;
  background: #FFFFFF;
}

section.user-fortunes-wr .section-content .head-line {
  margin-bottom: 20px;
}

section.user-fortunes-wr .section-content .head-line a.bt + a.bt {
  margin-left: 20px;
}

section.user-fortunes-wr .section-content .head-line .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: 0;
  float: right;
}

section.user-fortunes-wr .section-content .fortune-list-wr a {
  position: relative;
  display: block;
  min-height: 140px;
  padding: 20px 10px 20px 80px;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 400;
  border-top: 1px solid #F6F7FC;
  cursor: pointer;
}

section.user-fortunes-wr .section-content .fortune-list-wr a:hover {
  background: #F6F7FC;
}

section.user-fortunes-wr .section-content .fortune-list-wr a:last-child {
  border-bottom: 1px solid #F6F7FC;
}

section.user-fortunes-wr .section-content .fortune-list-wr a.read .ic.ps {
  display: block;
}

section.user-fortunes-wr .section-content .fortune-list-wr a.read .ic.ac {
  display: none;
}

section.user-fortunes-wr .section-content .fortune-list-wr a.current {
  background: #FFFFFF;
}

section.user-fortunes-wr .section-content .fortune-list-wr a .ic {
  position: absolute;
  top: 20px;
  left: 10px;
  width: 54px;
  height: 54px;
}

section.user-fortunes-wr .section-content .fortune-list-wr a .ic.ps {
  display: none;
}

section.user-fortunes-wr .section-content .fortune-list-wr a .ic.ac {
  display: block;
}

section.user-fortunes-wr .section-content .fortune-list-wr a .title {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  color: #191f5d;
  font-weight: 600;
}

section.user-fortunes-wr .section-content .fortune-list-wr a .c-line .c-1 {
  float: left;
  min-height: 20px;
  min-width: 50px;
}

section.user-fortunes-wr .section-content .fortune-list-wr a .c-line .c-2 {
  float: left;
  min-height: 20px;
  padding: 0 5px;
}

section.user-fortunes-wr .section-content .fortune-list-wr a .c-line .c-3 {
  float: left;
  min-height: 20px;
}

section.user-fortunes-wr .section-content .fortune-list-wr a .c-line:after {
  content: "";
  display: block;
  clear: both;
}

section.user-fortunes-wr .section-content .splitter {
  display: block;
  height: 4px;
  margin: 0 0 20px 0;
  background: #F6F7FC;
}

/* ------[  user-notices-wr ]------ */

section.user-notices-wr {
  background: #FFFFFF;
}

section.user-notices-wr .section-content {
  padding-top: 40px;
}

section.user-notices-wr .section-content .col-side-right h3.head {
  display: block;
  height: 40px;
  padding-top: 20px;
  font-size: 18px;
  color: #8D96AC;
  font-weight: 700;
}

section.user-notices-wr .section-content .col-side-right .bootstrap-select .btn {
  height: 40px;
  margin-bottom: 20px;
  background: #CACED8;
  font-size: 14px;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 2px -2px #F0F1F5;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-top .col-side-right-top-btn-wr {
  padding-bottom: 15px;
  text-align: right;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-top .col-side-right-top-btn-wr .bt + .bt {
  margin-left: 15px;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body {
  min-height: 500px;
  padding-top: 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 4px 0 2px -2px #F0F1F5 inset;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr {
  max-height: 610px;
  overflow-y: auto;
  display: block;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr li {
  position: relative;
  display: block;
  min-height: 140px;
  padding: 20px 10px 20px 80px;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 400;
  background: #F6F7FC;
  cursor: pointer;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr li + li {
  border-top: 1px solid #FFFFFF;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr li.read .ic.ps {
  display: block;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr li.read .ic.ac {
  display: none;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr li.current {
  background: #FFFFFF;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr li .ic {
  position: absolute;
  top: 20px;
  left: 10px;
  width: 54px;
  height: 54px;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr li .ic.ps {
  display: none;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr li .ic.ac {
  display: block;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr li .title {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  color: #191f5d;
  font-weight: 600;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr li .message {
  display: none;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr li .btn-wr {
  display: none;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr li .c-line .c-1 {
  float: left;
  min-height: 20px;
  min-width: 50px;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr li .c-line .c-2 {
  float: left;
  min-height: 20px;
  padding: 0 5px;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr li .c-line .c-3 {
  float: left;
  min-height: 20px;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-list-wr li .c-line:after {
  content: "";
  display: block;
  clear: both;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-detail-wr {
  padding: 15px;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-detail-wr .title {
  display: block;
  font-size: 18px;
  color: #191f5d;
  font-weight: 600;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-detail-wr .date {
  display: block;
  margin-bottom: 30px;
  font-size: 13px;
  color: #8D96AC;
  font-weight: 400;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-detail-wr .desc {
  display: block;
  margin-bottom: 50px;
  font-size: 16px;
  color: #8D96AC;
  font-weight: 400;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-detail-wr .bt {
  min-width: 140px;
}

section.user-notices-wr .section-content .col-side-right .col-side-right-body .notice-detail-wr .bt + .bt {
  margin-left: 30px;
}

section.user-notices-wr .section-content .splitter {
  display: block;
  height: 4px;
  margin: 0 0 20px 0;
  background: #F6F7FC;
}

/* ------[ user-chat-list-wr ]------ */

section.user-chat-list-wr.loading .section-content .loadingDiv {
  display: block;
}

section.user-chat-list-wr .section-content {
  position: relative;
  max-width: 100%;
  padding: 0;
}

section.user-chat-list-wr .section-content .head-line-wr {
  background: #FFFFFF;
}

section.user-chat-list-wr .section-content .head-line-wr .head-line {
  display: block;
  max-width: 1310px;
  margin: 0 auto;
  padding: 20px 20px 15px 20px;
}

section.user-chat-list-wr .section-content .head-line-wr .head-line a.bt + a.bt {
  margin-left: 20px;
}

section.user-chat-list-wr .section-content .head-line-wr .head-line .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: 0;
  float: right;
}

section.user-chat-list-wr .section-content .user-chat-list {
  max-width: 1310px;
  min-height: 300px;
  margin: 0 auto 100px auto;
  padding: 20px 10px;
}

section.user-chat-list-wr .section-content .user-chat-list li {
  position: relative;
  display: block;
  min-height: 70px;
  margin-bottom: 10px;
  padding: 10px 50px 10px 10px;
  background: #FFFFFF;
}

section.user-chat-list-wr .section-content .user-chat-list li:after {
  content: "";
  display: block;
  clear: both;
}

section.user-chat-list-wr .section-content .user-chat-list li a .im {
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

section.user-chat-list-wr .section-content .user-chat-list li a .im .iw {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

section.user-chat-list-wr .section-content .user-chat-list li a .im .iw img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  max-width: 100%;
  margin-left: -50%;
  margin-top: -50%;
}

section.user-chat-list-wr .section-content .user-chat-list li a .im .dot {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid #FFFFFF;
  background: #BBBBDC;
  border-radius: 50%;
}

section.user-chat-list-wr .section-content .user-chat-list li a .im .dot.online {
  background: #40DEAC;
}

section.user-chat-list-wr .section-content .user-chat-list li a .im .dot.busy {
  background: #F0B864;
}

section.user-chat-list-wr .section-content .user-chat-list li a .name {
  display: block;
  min-height: 25px;
  font-size: 14px;
  font-weight: bold;
  color: #191f5d;
}

section.user-chat-list-wr .section-content .user-chat-list li a .last-message {
  font-size: 12px;
  color: #8D96AC;
}

section.user-chat-list-wr .section-content .user-chat-list li a .last-message-time {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 10px;
  color: #8D96AC;
}

section.user-chat-list-wr .section-content .user-chat-list li a .unread-message-count {
  position: absolute;
  top: 25px;
  right: 10px;
  display: block;
  min-width: 25px;
  height: 25px;
  line-height: 27px;
  text-align: center;
  font-size: 10px;
  color: #FFFFFF;
  background: #7CBA14;
  border-radius: 50%;
}

section.user-chat-list-wr .section-content .loadingDiv {
  display: none;
  position: absolute;
  bottom: -20px;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* ------[ edit-profile-wr ]------ */

section.edit-profile-wr {
  padding: 60px 0 30px 0;
}

section.edit-profile-wr h2 {
  display: block;
  margin-bottom: 20px;
  font-size: 24px;
  color: #191f5d;
  font-weight: 700;
  text-align: center;
}

section.edit-profile-wr p {
  margin-bottom: 40px;
  text-align: center;
}

section.edit-profile-wr .section-content {
  padding: 40px;
  background: #FFFFFF;
}

section.edit-profile-wr .section-content .im-wr .im {
  float: left;
  display: inline-block;
  width: 64px;
  height: 64px;
  margin-right: 20px;
}

section.edit-profile-wr .section-content .im-wr .im .iw {
  position: relative;
  display: block;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%;
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

section.edit-profile-wr .section-content .im-wr .im .iw img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  max-width: 100%;
  margin-left: -50%;
  margin-top: -50%;
}

section.edit-profile-wr .section-content .im-wr .im .iw .img {
  display: block;
  width: 64px;
  height: 64px;
  line-height: 75px;
  margin: 0 auto;
  font-size: 26px;
  color: #FFFFFF;
  text-align: center;
  background: #5A61E0;
  border-radius: 50%;
}

section.edit-profile-wr .section-content .pass-wr .bt {
  font-size: 11px;
  font-weight: 600;
}

section.edit-profile-wr .section-content h4 {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  color: #191f5d;
  font-weight: 700;
}

section.edit-profile-wr .section-content p {
  margin-bottom: 15px;
}

section.edit-profile-wr .section-content p b {
  color: #5A61E0;
  font-weight: 400;
}

section.edit-profile-wr .section-content .bt-submit {
  display: inline-block;
  width: 300px;
  margin: 20px 0;
}

section.edit-profile-wr .section-content .bt-delete {
  display: inline-block;
  width: 300px;
  margin: 20px 0;
}

section.edit-profile-wr .section-content .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

section.edit-profile-wr .section-content .bootstrap-select .btn {
  width: 100%;
  max-width: 100%;
  height: 50px;
  margin-bottom: 15px;
  background: #CACED8;
  font-size: 14px;
}

section.edit-profile-wr .section-content .intl-tel-input {
  display: block;
  margin: 5px 0 15px 0;
}

/* ------[  user-profile-left-sidebar ]------ */

.user-profile-left-sidebar {
  text-align: center;
}

.user-profile-left-sidebar .im-wr {
  margin-bottom: 20px;
}

.user-profile-left-sidebar .im-wr .im {
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.user-profile-left-sidebar .im-wr .im .iw {
  position: relative;
  display: block;
  width: 98px;
  height: 98px;
  overflow: hidden;
  border-radius: 50%;
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.user-profile-left-sidebar .im-wr .im .iw img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  max-width: 100%;
  margin-left: -50%;
  margin-top: -50%;
}

.user-profile-left-sidebar .im-wr .im .iw .img {
  display: block;
  width: 100px;
  height: 100px;
  line-height: 115px;
  margin: 0 auto;
  font-size: 32px;
  color: #FFFFFF;
  text-align: center;
  background: #5A61E0;
  border-radius: 50%;
}

.user-profile-left-sidebar .name {
  display: block;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  color: #191f5d;
  text-align: center;
}

.user-profile-left-sidebar .status {
  position: relative;
  display: block;
  max-width: 240px;
  margin: 0 auto 20px auto;
  height: 48px;
  line-height: 50px;
  padding: 0 35px 0 50px;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 400;
  text-align: center;
}

.user-profile-left-sidebar .status .ic {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 48px;
  height: 48px;
}

.user-profile-left-sidebar .status .in {
  position: absolute;
  top: 7px;
  right: 0;
  display: block;
  width: 36px;
  height: 36px;
  cursor: pointer;
}

.user-profile-left-sidebar .splitter {
  display: block;
  height: 4px;
  margin: 20px 0;
  background: #F6F7FC;
}

.user-profile-left-sidebar .user-credit {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #8D96AC;
  text-align: center;
}

.user-profile-left-sidebar .user-credit span {
  font-size: 20px;
  font-weight: 700;
  color: #FA777A;
}

.user-profile-left-sidebar .buy-credit {
  margin-bottom: 30px;
}

.user-profile-left-sidebar .menu {
  margin-bottom: 30px;
}

.user-profile-left-sidebar .menu li {
  display: block;
  margin: 15px 0;
}

.user-profile-left-sidebar .menu li a:not(.bt) {
  display: block;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 700;
  text-align: center;
}

.user-profile-left-sidebar .menu li a:not(.bt).active {
  font-size: 16px;
  color: #191f5d;
}

.user-profile-left-sidebar .menu li a:not(.bt):hover {
  color: #191f5d;
}

.user-profile-left-sidebar .menu li a:not(.bt):active {
  color: #191f5d;
}

/* ------[  user - media queries ]------ */

@media only screen and (max-width: 480px) {
  section.user-fortunes-wr .section-content .head-line {
    text-align: center;
  }

  section.user-fortunes-wr .section-content .head-line .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    float: none;
    margin: 10px auto 5px auto;
  }

  section.user-fortunes-wr .section-content .select-fortune-type-tab-wr {
    text-align: center;
  }

  section.user-fortunes-wr .section-content .col-side-right .col-side-right-top {
    border: none;
    box-shadow: none;
  }

  section.user-fortunes-wr .section-content .col-side-right .col-side-right-body {
    min-height: 130px;
    margin-bottom: 25px;
    border: none;
    box-shadow: none;
  }

  section.user-fortunes-wr .section-content .col-side-right .col-side-right-body .fortune-list-wr {
    max-height: 250px;
  }

  section.user-notices-wr .section-content .col-side-right .col-side-right-top {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 2px -2px #F0F1F5;
  }

  section.user-notices-wr .section-content .col-side-right .col-side-right-top .col-side-right-top-btn-wr {
    text-align: center;
  }

  section.user-notices-wr .section-content .col-side-right .col-side-right-body {
    border: none;
    box-shadow: none;
  }
}

/* user - end */

/* fortune - start */

/* ------[ fortune-detail-wr ]------ */

section.fortune-detail-wr {
  padding: 50px 0;
}

section.fortune-detail-wr h2 {
  display: block;
  margin-bottom: 25px;
  font-size: 24px;
  color: #191f5d;
  font-weight: 700;
  text-align: center;
}

section.fortune-detail-wr .section-content .col-side-left > .row > .col,
section.fortune-detail-wr .section-content .col-side-right > .row > .col {
  margin: 10px;
  padding: 30px;
  line-height: 1.5;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 400;
  background: #FFFFFF;
  border-radius: 4px;
}

section.fortune-detail-wr .section-content .col-side-left h4 {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #191f5d;
  font-weight: 700;
}

section.fortune-detail-wr .section-content .col-side-left p {
  margin-bottom: 5px;
}

section.fortune-detail-wr .section-content .col-side-left p b {
  color: #5A61E0;
  font-weight: 400;
}

section.fortune-detail-wr .section-content .col-side-left .img-wr img {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  border-radius: 50%;
}

section.fortune-detail-wr .section-content .col-side-left .im-wr {
  position: relative;
  width: 120px;
}

section.fortune-detail-wr .section-content .col-side-left .im-wr .im {
  position: relative;
  float: left;
  display: block;
  width: 90px;
  height: 90px;
}

section.fortune-detail-wr .section-content .col-side-left .im-wr .im .iw {
  position: relative;
  display: block;
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 50%;
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

section.fortune-detail-wr .section-content .col-side-left .im-wr .im .iw img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  max-width: 100%;
  margin-left: -50%;
  margin-top: -50%;
}

section.fortune-detail-wr .section-content .col-side-left .im-wr .im .dot {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 33px;
  height: 33px;
  border: 6px solid #FFFFFF;
  background: #BBBBDC;
  border-radius: 50%;
}

section.fortune-detail-wr .section-content .col-side-left .im-wr .im .dot.online {
  background: #40DEAC;
}

section.fortune-detail-wr .section-content .col-side-left .im-wr .im .dot.busy {
  background: #F0B864;
}

section.fortune-detail-wr .section-content .col-side-left .im-wr .name {
  padding-top: 25px;
}

section.fortune-detail-wr .section-content .col-side-left .fortune-photo-list img {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 3px;
  border-radius: 4px;
}

section.fortune-detail-wr .section-content .col-side-right .row-detail h4 {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
  color: #191f5d;
  font-weight: 700;
}

section.fortune-detail-wr .section-content .col-side-right .row-detail .fortune-text {
  line-height: 2;
}

section.fortune-detail-wr .section-content .col-side-right .row-detail p {
  margin-bottom: 15px;
}

section.fortune-detail-wr .section-content .col-side-right .row-question h4 {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #191f5d;
  font-weight: 700;
}

section.fortune-detail-wr .section-content .col-side-right .row-question p {
  margin-bottom: 15px;
}

section.fortune-detail-wr .section-content .col-side-right .row-question p b {
  color: #5A61E0;
  font-weight: 400;
}

section.fortune-detail-wr .section-content .col-side-right .row-rating h4 {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #191f5d;
  font-weight: 700;
}

section.fortune-detail-wr .section-content .col-side-right .row-rating p {
  margin-bottom: 15px;
}

section.fortune-detail-wr .section-content .col-side-right .row-rating p b {
  color: #5A61E0;
  font-weight: 400;
}

section.fortune-detail-wr .section-content .col-side-right .row-rating p + h4 {
  margin-top: 20px;
}

section.fortune-detail-wr .section-content .col-side-right .row-rating .rating {
  display: block;
  padding-bottom: 20px;
}

section.fortune-detail-wr .section-content .col-side-right .row-rating .rating:after {
  content: "";
  display: block;
  clear: both;
}

section.fortune-detail-wr .section-content .col-side-right .row-rating .rating .star {
  float: left;
  width: 32px;
  height: 32px;
  margin: 3px;
}

/* ------[ fortune-form-wr ]------ */

section.fortune-form-wr {
  padding: 60px 0;
}

section.fortune-form-wr h2 {
  display: block;
  margin-bottom: 60px;
  font-size: 24px;
  color: #191f5d;
  font-weight: 700;
  text-align: center;
}

section.fortune-form-wr .section-content > .row {
  background: #FFFFFF;
  padding: 40px 0;
}

section.fortune-form-wr .section-content h4 {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #191f5d;
  font-weight: 700;
}

section.fortune-form-wr .section-content p {
  margin-bottom: 5px;
  color: #8D96AC;
}

section.fortune-form-wr .section-content p b {
  color: #5A61E0;
  font-weight: 400;
}

section.fortune-form-wr .section-content .authLogout {
  display: none;
}

section.fortune-form-wr .section-content .col-side-left {
  text-align: center;
}

section.fortune-form-wr .section-content .col-side-left .im-wr-old img {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-right: 15px;
  border-radius: 50%;
}

section.fortune-form-wr .section-content .col-side-left .im-wr {
  margin-bottom: 10px;
}

section.fortune-form-wr .section-content .col-side-left .im-wr .im {
  position: relative;
  display: block;
  width: 98px;
  height: 98px;
  margin: 0 auto;
}

section.fortune-form-wr .section-content .col-side-left .im-wr .im .iw {
  position: relative;
  display: block;
  width: 98px;
  height: 98px;
  overflow: hidden;
  border-radius: 50%;
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

section.fortune-form-wr .section-content .col-side-left .im-wr .im .iw img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  max-width: 100%;
  margin-left: -50%;
  margin-top: -50%;
}

section.fortune-form-wr .section-content .col-side-left .im-wr .im .dot {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 23px;
  height: 23px;
  border: 3px solid #FFFFFF;
  background: #BBBBDC;
  border-radius: 50%;
}

section.fortune-form-wr .section-content .col-side-left .im-wr .im .dot.online {
  background: #40DEAC;
}

section.fortune-form-wr .section-content .col-side-left .im-wr .im .dot.busy {
  background: #F0B864;
}

section.fortune-form-wr .section-content .col-side-left .olangs {
  display: block;
  margin-bottom: 10px;
}

section.fortune-form-wr .section-content .col-side-left .olangs .olang {
  padding-left: 7px;
  padding-right: 7px;
  font-size: 13px;
  font-weight: 300;
  color: #8D96AC;
}

section.fortune-form-wr .section-content .col-side-right .info-btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  cursor: pointer;
}

section.fortune-form-wr .section-content .col-side-right .radiocontainer-wr .radiocontainer {
  font-size: 14px;
}

section.fortune-form-wr .section-content .col-side-right .radiocontainer-wr .radiocontainer + .radiocontainer {
  margin-left: 15px;
}

section.fortune-form-wr .section-content .col-side-right .add-photo-wr {
  padding: 10px 0;
}

section.fortune-form-wr .section-content .col-side-right .add-photo-wr:after {
  content: "";
  display: block;
  clear: both;
}

section.fortune-form-wr .section-content .col-side-right .add-photo-wr .add-photo-btn {
  display: block;
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  cursor: pointer;
}

section.fortune-form-wr .section-content .col-side-right .add-photo-wr .add-photo-ic {
  display: inline-block;
  width: 22px;
  height: 22px;
}

section.fortune-form-wr .section-content .col-side-right .add-photo-wr input[type=file] {
  display: none;
}

section.fortune-form-wr .section-content .col-side-right .user-login-signup-inline-wr .splitter {
  display: block;
  width: 4px;
  height: 100%;
  background: #F6F7FC;
}

section.fortune-form-wr .section-content .col-side-right .user-login-signup-inline-wr .bt {
  margin-left: 0;
}

section.fortune-form-wr .section-content .col-side-right .user-login-signup-inline-wr .bt + .bt {
  margin-top: 15px;
}

section.fortune-form-wr .section-content .col-side-right .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

section.fortune-form-wr .section-content .col-side-right .bootstrap-select .btn {
  width: 100%;
  max-width: 100%;
  height: 50px;
  margin-bottom: 15px;
  background: #CACED8;
  font-size: 14px;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr {
  max-width: 765px;
  padding: 30px;
  background: #F6F7FC;
  border-radius: 4px;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .head {
  padding-bottom: 5px;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .head .count-total {
  font-size: 14px;
  color: #8D96AC;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .head .count-total b {
  font-size: 18px;
  color: #191f5d;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .head .count-selected {
  padding-left: 30px;
  font-size: 14px;
  color: #8D96AC;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .head .count-selected b {
  font-size: 18px;
  color: #5A61E0;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .cards-wr:after {
  content: "";
  display: block;
  clear: both;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .cards-wr .card-item {
  position: relative;
  float: left;
  width: 54px;
  height: 74px;
  margin: 0;
  cursor: pointer;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .cards-wr .card-item label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 1;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .cards-wr .card-item img.card {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  max-width: 100%;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .cards-wr .card-item img.card.ps {
  display: block;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .cards-wr .card-item img.card.ac {
  display: none;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .cards-wr .card-item input[type=checkbox] {
  display: none;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .cards-wr .card-item input[type=checkbox]:checked ~ img.card.ps {
  display: none;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .cards-wr .card-item input[type=checkbox]:checked ~ img.card.ac {
  display: block;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .iskambil-footer {
  padding-top: 15px;
}

section.fortune-form-wr .section-content .col-side-right .tarot-cards-wr .iskambil-footer img {
  margin: 0 auto;
}

/* ------[ fortune-pay-wr ]------ */

section.fortune-pay-wr {
  padding: 60px 0;
}

section.fortune-pay-wr h2 {
  display: block;
  margin-bottom: 60px;
  font-size: 24px;
  color: #191f5d;
  font-weight: 700;
  text-align: center;
}

section.fortune-pay-wr .section-content .row.hide-md-down {
  display: -webkit-box;
  display: flex;
  max-width: 700px;
  padding: 20px 0;
}

section.fortune-pay-wr .section-content .row.hide-md-down .col:hover {
  font-size: 18px;
  color: #191f5d;
}

section.fortune-pay-wr .section-content .row.hide-md-down .col:active {
  font-size: 18px;
  color: #191f5d;
}

section.fortune-pay-wr .section-content h4 {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #191f5d;
  font-weight: 700;
}

section.fortune-pay-wr .section-content h4.blue {
  color: #5A61E0;
}

section.fortune-pay-wr .section-content h5 {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  color: #5A61E0;
  font-weight: 700;
}

section.fortune-pay-wr .section-content p {
  margin-bottom: 5px;
}

section.fortune-pay-wr .section-content p b {
  color: #5A61E0;
  font-weight: 400;
}

section.fortune-pay-wr .section-content .im-wr img {
  float: left;
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-right: 15px;
  border-radius: 50%;
}

section.fortune-pay-wr .section-content .im-wr p {
  display: block;
  padding-top: 15px;
}

section.fortune-pay-wr .section-content .col-side-left > .row > .col,
section.fortune-pay-wr .section-content .col-side-right > .row > .col {
  margin: 10px;
  padding: 30px;
  line-height: 1.5;
  font-size: 14px;
  color: #8D96AC;
  font-weight: 400;
  background: #FFFFFF;
  border-radius: 4px;
}

section.fortune-pay-wr .section-content .pay-credit-wr {
  max-width: 700px;
  padding: 30px;
  background: #F6F7FC;
}

section.fortune-pay-wr .section-content .pay-credit-wr .radiocontainer .radiobtn {
  border-color: #CACED8;
}

section.fortune-pay-wr .section-content .pay-credit-wr .radiocontainer input:checked ~ .radiobtn {
  border-color: #5A61E0;
}

section.fortune-pay-wr .section-content .pay-credit-wr .radiocontainer + .radiocontainer {
  margin-left: 30px;
}

/* ------[  fortune - media queries ]------ */

@media only screen and (max-width: 480px) {
  input[type=checkbox].cardPick + label {
    width: 11vw;
    height: 18vw;
  }

  input[type=checkbox].cardPick:checked + label {
    width: 11vw;
    height: 18vw;
  }

  section.fortune-form-wr .section-content .col-side-right .add-photo-wr .add-photo-btn {
    width: 50px;
    height: 40px;
  }
}

/* fortune - end */

/* be_reader - start */

/* ------[ be-reader-wr ]------ */

section.be-reader-wr {
  padding: 60px 0 30px 0;
}

section.be-reader-wr h2 {
  display: block;
  margin-bottom: 20px;
  font-size: 24px;
  color: #191f5d;
  font-weight: 700;
  text-align: center;
}

section.be-reader-wr p {
  margin-bottom: 40px;
  text-align: center;
}

section.be-reader-wr .section-content {
  padding: 40px;
  background: #FFFFFF;
}

section.be-reader-wr .section-content h4 {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  color: #191f5d;
  font-weight: 700;
}

section.be-reader-wr .section-content p {
  margin-bottom: 15px;
}

section.be-reader-wr .section-content p b {
  color: #5A61E0;
  font-weight: 400;
}

section.be-reader-wr .section-content .bt-submit {
  display: inline-block;
  width: 300px;
  margin: 20px 0;
}

/* ------[  be_reader - media queries ]------ */

/* be_reader - end */

/* contact - start */

/* ------[ contact-wr ]------ */

section.contact-wr {
  padding: 60px 0 30px 0;
}

section.contact-wr h2 {
  display: block;
  margin-bottom: 20px;
  font-size: 24px;
  color: #191f5d;
  font-weight: 700;
  text-align: center;
}

section.contact-wr p {
  margin-bottom: 40px;
  text-align: center;
}

section.contact-wr .section-content {
  max-width: 540px;
  padding: 40px;
  background: #FFFFFF;
}

section.contact-wr .section-content h4 {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  color: #191f5d;
  font-weight: 700;
}

section.contact-wr .section-content p {
  margin-bottom: 15px;
}

section.contact-wr .section-content p b {
  color: #5A61E0;
  font-weight: 400;
}

section.contact-wr .section-content .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

section.contact-wr .section-content .bootstrap-select .btn {
  width: 100%;
  max-width: 100%;
  height: 50px;
  margin-bottom: 15px;
  background: #CACED8;
  font-size: 14px;
}

/* ------[  contact - media queries ]------ */

/* contact - end */

/* about_us - start */

/* ------[ be-reader-wr ]------ */

section.about-us-wr {
  padding: 50px 0 50px 0;
}

section.about-us-wr h2 {
  display: block;
  margin-bottom: 25px;
  font-size: 24px;
  color: #191f5d;
  font-weight: 700;
  text-align: center;
}

section.about-us-wr p {
  margin-bottom: 40px;
  text-align: center;
}

section.about-us-wr .section-content {
  padding: 40px;
  background: #FFFFFF;
}

section.about-us-wr .section-content .section-content {
  padding: 10px 0;
  background: transparent;
}

section.about-us-wr .section-content .section-content .reader-list li {
  width: 295px;
  padding-left: 15px;
  padding-right: 15px;
}

section.about-us-wr .section-content h4 {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  color: #191f5d;
  font-weight: 700;
}

section.about-us-wr .section-content p {
  margin-bottom: 15px;
}

section.about-us-wr .section-content p b {
  color: #5A61E0;
  font-weight: 400;
}

/* ------[  about_us - media queries ]------ */

/* about_us - end */

/* 404 - start */

section.page-404 {
  padding: 100px 0;
}

section.page-404 .section-content .error-page {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center;
  height: 100%;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

section.page-404 .section-content .error-page h1 {
  font-size: 25vh;
  font-weight: bold;
  position: relative;
  margin: -8vh 0 0;
  padding: 0;
}

section.page-404 .section-content .error-page h1:after {
  content: attr(data-h1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: transparent;
  /* webkit only for graceful degradation to IE */
  background: -webkit-repeating-linear-gradient(-45deg, #71b7e6, #69a6ce, #b98acc, #ee8176, #b98acc, #69a6ce, #9b59b6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 400%;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.25);
  -webkit-animation: animateTextBackground 10s ease-in-out infinite;
          animation: animateTextBackground 10s ease-in-out infinite;
}

section.page-404 .section-content .error-page h1 + p {
  color: #d6d6d6;
  font-size: 5vh;
  font-weight: bold;
  line-height: 6vh;
  max-width: 600px;
  position: relative;
}

section.page-404 .section-content .error-page h1 + p:after {
  content: attr(data-p);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: transparent;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
}

section.page-404 .section-content #particles-js {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

section.page-404 .section-content .bt-red {
  position: relative;
  display: block;
  width: 300px;
  margin: 40px auto 10px auto;
  z-index: 100;
}

@-webkit-keyframes animateTextBackground {
  0% {
    background-position: 0 0;
  }

  25% {
    background-position: 100% 0;
  }

  50% {
    background-position: 100% 100%;
  }

  75% {
    background-position: 0 100%;
  }

  100% {
    background-position: 0 0;
  }
}

@keyframes animateTextBackground {
  0% {
    background-position: 0 0;
  }

  25% {
    background-position: 100% 0;
  }

  50% {
    background-position: 100% 100%;
  }

  75% {
    background-position: 0 100%;
  }

  100% {
    background-position: 0 0;
  }
}

/* ------[ 404 - media queries ]------ */

@media only screen and (max-width: 768px) {
  .error-page h1 {
    font-size: 32vw;
  }

  .error-page h1 + p {
    font-size: 8vw;
    line-height: 10vw;
    max-width: 70vw;
  }
}

/* 404 - end */

/* discount - start */

/* ------[  black-friday-countdown-wr ]------ */

.black-friday-countdown-bg {
  position: relative;
  background: #000000;
  z-index: 97;
}

.black-friday-countdown-bg .black-friday-countdown-wr {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1320px;
  height: 200px;
  margin: 0 auto;
  background: black;
}

.black-friday-countdown-bg .black-friday-countdown-wr .black-friday-countdown-title {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  font-size: 36px;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
}

.black-friday-countdown-bg .black-friday-countdown-wr .black-friday-countdown-clock-wr {
  position: absolute;
  top: 50%;
  right: 40px;
  display: block;
  margin: -40px 0 0 0;
}

.black-friday-countdown-bg .black-friday-countdown-wr .black-friday-countdown-clock-wr.format-b {
  top: auto;
  margin: 0;
  bottom: 15px;
}

.black-friday-countdown-bg .black-friday-countdown-wr .black-friday-countdown-clock-wr.format-b .b {
  position: relative;
  float: left;
  width: 150px;
  height: 60px;
}

.black-friday-countdown-bg .black-friday-countdown-wr .black-friday-countdown-clock-wr.format-b .b:first-child {
  width: 140px;
}

.black-friday-countdown-bg .black-friday-countdown-wr .black-friday-countdown-clock-wr.format-b .b .c {
  width: 60px;
  height: 60px;
  line-height: 62px;
  font-size: 26px;
}

.black-friday-countdown-bg .black-friday-countdown-wr .black-friday-countdown-clock-wr.format-b .b .t {
  top: 20px;
  left: 70px;
  font-size: 16px;
}

.black-friday-countdown-bg .black-friday-countdown-wr .black-friday-countdown-clock-wr .b {
  position: relative;
  float: left;
  width: 170px;
  height: 80px;
}

.black-friday-countdown-bg .black-friday-countdown-wr .black-friday-countdown-clock-wr .b:first-child {
  width: 150px;
}

.black-friday-countdown-bg .black-friday-countdown-wr .black-friday-countdown-clock-wr .b .c {
  display: block;
  width: 80px;
  height: 80px;
  line-height: 82px;
  font-size: 40px;
  font-weight: 900;
  color: #F5678D;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
}

.black-friday-countdown-bg .black-friday-countdown-wr .black-friday-countdown-clock-wr .b .t {
  position: absolute;
  top: 30px;
  left: 85px;
  display: block;
  font-size: 18px;
  color: #FFFFFF;
}

/* ------[ discountv1-countdown-wr ]------ */

.discountv1-countdown-wr {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.discountv1-countdown-wr .sale-img-wr .sale-img {
  position: relative;
  display: block;
  max-width: 160px;
  margin: 0 auto;
}

.discountv1-countdown-wr .sale-img-wr .sale-img .tx {
  position: absolute;
  top: 50%;
  right: -5px;
  padding-top: 10px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  transform: translateY(-50%);
}

.discountv1-countdown-wr .sale-img-wr .sale-img .tx .t-1 {
  display: inline-block;
  line-height: 1;
  font-size: 30px;
  color: #191f5d;
  font-weight: 700;
}

.discountv1-countdown-wr .sale-img-wr .sale-img .tx .t-2 {
  display: inline-block;
  line-height: 1;
  font-size: 50px;
  color: #191f5d;
  font-weight: 700;
}

.discountv1-countdown-wr .sale-img-wr .sale-img .tx .t-3 {
  display: block;
  line-height: 1;
  font-size: 25px;
  color: #8D96AC;
}

.discountv1-countdown-wr .sale-text-wr {
  padding: 20px;
}

.discountv1-countdown-wr .sale-text-wr h2 {
  display: block;
  margin-bottom: 15px;
  font-size: 30px;
  color: #191f5d;
  font-weight: 600;
}

.discountv1-countdown-wr .sale-text-wr .bt-block {
  margin: 0 auto;
  font-size: 20px;
  font-weight: 400;
}

.discountv1-countdown-wr .discountv1-countdown-clock-wr {
  position: absolute;
  top: 50%;
  right: 40px;
  display: block;
  margin: -40px 0 0 0;
}

.discountv1-countdown-wr .discountv1-countdown-clock-wr .b {
  position: relative;
  float: left;
  width: 170px;
  height: 80px;
}

.discountv1-countdown-wr .discountv1-countdown-clock-wr .b:first-child {
  width: 150px;
}

.discountv1-countdown-wr .discountv1-countdown-clock-wr .b .c {
  display: block;
  width: 80px;
  height: 80px;
  line-height: 82px;
  font-size: 40px;
  font-weight: 900;
  color: #F5678D;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
}

.discountv1-countdown-wr .discountv1-countdown-clock-wr .b .t {
  position: absolute;
  top: 30px;
  left: 85px;
  display: block;
  font-size: 18px;
  color: #FFFFFF;
}

/* ------[  discountv2-countdown-wr ]------ */

.discountv2-countdown-bg {
  position: relative;
  background: #1B1A2B;
  z-index: 97;
}

.discountv2-countdown-wr {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1320px;
  height: 200px;
  margin: 0 auto;
  background: #1B1A2B;
}

.discountv2-countdown-wr .discountv2-countdown-title {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  font-size: 36px;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
}

.discountv2-countdown-wr .discountv2-countdown-image {
  display: block;
  margin: 0 auto;
}

.discountv2-countdown-wr .discountv2-countdown-image.image-mobile {
  display: none;
}

.discountv2-countdown-wr .discountv2-countdown-clock-wr {
  position: absolute;
  top: 50%;
  right: 40px;
  display: block;
  margin: -40px 0 0 0;
}

.discountv2-countdown-wr .discountv2-countdown-clock-wr .b {
  position: relative;
  float: left;
  width: 170px;
  height: 80px;
}

.discountv2-countdown-wr .discountv2-countdown-clock-wr .b:first-child {
  width: 150px;
}

.discountv2-countdown-wr .discountv2-countdown-clock-wr .b .c {
  display: block;
  width: 80px;
  height: 80px;
  line-height: 82px;
  font-size: 40px;
  font-weight: 900;
  color: #F5678D;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #FFFFFF;
}

.discountv2-countdown-wr .discountv2-countdown-clock-wr .b .t {
  position: absolute;
  top: 30px;
  left: 85px;
  display: block;
  font-size: 18px;
  color: #FFFFFF;
}

/* ------[  book-binnaz-abla ]------ */

.book-binnaz-abla-bg {
  position: relative;
  display: block;
  width: 100%;
  z-index: 97;
  background: #191F5C;
}

.book-binnaz-abla-bg + section.reader-profile-top .reader-profile-top-bg {
  border-top: 2px solid #191F5C;
}

.book-binnaz-abla-bg .book-binnaz-abla-img-wr {
  position: relative;
  display: block;
  width: 100%;
  height: 166px;
  background: url("/img/campaigns/book/binnaz_kitap_site_banner_1600x166.png") no-repeat center center;
  background-size: cover;
}

/* ------[  discount - media queries ]------ */

@media only screen and (max-width: 1370px) {
  .book-binnaz-abla-img-wr {
    height: 150px;
  }
}

@media only screen and (max-width: 1280px) {
  .black-friday-countdown-wr .black-friday-countdown-clock-wr {
    top: 110px;
    margin: 0;
  }

  .discountv2-countdown-wr {
    height: auto;
    overflow: hidden;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr {
    top: 50%;
    right: 20px;
    width: 270px;
    margin: -28px 0 0 0;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b {
    position: relative;
    float: left;
    width: 90px;
    height: 85px;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b:first-child {
    width: 90px;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b .c {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 62px;
    margin: 0 auto;
    font-size: 28px;
    font-weight: 700;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b .t {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    text-align: center;
  }

  .book-binnaz-abla-img-wr {
    height: 140px;
  }
}

@media only screen and (max-width: 1024px) {
  .book-binnaz-abla-img-wr {
    height: 120px;
  }

  .discountv1-countdown-wr .sale-text-wr h2 {
    font-size: 24px;
  }

  .discountv1-countdown-wr .sale-text-wr .bt-block {
    max-width: 200px;
  }

  .discountv2-countdown-wr {
    height: auto;
    overflow: hidden;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr {
    top: 50%;
    right: 20px;
    width: 270px;
    margin: -32px 0 0 0;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b {
    position: relative;
    float: left;
    width: 90px;
    height: 85px;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b:first-child {
    width: 90px;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b .c {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 62px;
    margin: 0 auto;
    font-size: 28px;
    font-weight: 700;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b .t {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .black-friday-countdown-wr {
    height: auto;
    overflow: hidden;
  }

  .black-friday-countdown-wr .black-friday-countdown-image {
    max-width: 200% !important;
    width: 150%;
  }

  .black-friday-countdown-wr .black-friday-countdown-clock-wr {
    position: relative;
    top: auto;
    right: auto;
    width: 240px;
    margin: 10px auto;
  }

  .black-friday-countdown-wr .black-friday-countdown-clock-wr:after {
    content: "";
    display: block;
    clear: both;
  }

  .black-friday-countdown-wr .black-friday-countdown-clock-wr.format-b {
    position: relative;
    top: auto;
    right: auto;
    bottom: 5px;
    width: 240px;
    margin: 10px auto;
  }

  .black-friday-countdown-wr .black-friday-countdown-clock-wr.format-b .b {
    position: relative;
    float: left;
    width: 70px;
    height: 65px;
  }

  .black-friday-countdown-wr .black-friday-countdown-clock-wr.format-b .b:first-child {
    width: 70px;
  }

  .black-friday-countdown-wr .black-friday-countdown-clock-wr.format-b .b .c {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 42px;
    margin: 0 auto;
    font-size: 22px;
    font-weight: 700;
  }

  .black-friday-countdown-wr .black-friday-countdown-clock-wr.format-b .b .t {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    text-align: center;
  }

  .black-friday-countdown-wr .black-friday-countdown-clock-wr .b {
    position: relative;
    float: left;
    width: 70px;
    height: 65px;
  }

  .black-friday-countdown-wr .black-friday-countdown-clock-wr .b:first-child {
    width: 70px;
  }

  .black-friday-countdown-wr .black-friday-countdown-clock-wr .b .c {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 42px;
    margin: 0 auto;
    font-size: 22px;
    font-weight: 700;
  }

  .black-friday-countdown-wr .black-friday-countdown-clock-wr .b .t {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    text-align: center;
  }

  .discountv1-countdown-wr {
    overflow: hidden;
  }

  .discountv1-countdown-wr .sale-img-wr {
    width: 40%;
  }

  .discountv1-countdown-wr .sale-img-wr .sale-img {
    max-width: 100px;
  }

  .discountv1-countdown-wr .sale-img-wr .sale-img .tx .t-1 {
    font-size: 20px;
  }

  .discountv1-countdown-wr .sale-img-wr .sale-img .tx .t-2 {
    font-size: 30px;
  }

  .discountv1-countdown-wr .sale-img-wr .sale-img .tx .t-3 {
    font-size: 17px;
  }

  .discountv1-countdown-wr .sale-text-wr {
    width: 60%;
    padding: 15px 15px 15px 0;
  }

  .discountv1-countdown-wr .sale-text-wr h2 {
    margin-bottom: 5px;
    font-size: 16px;
  }

  .discountv1-countdown-wr .sale-text-wr .bt-block {
    max-width: 120px;
    height: 30px;
    line-height: 32px;
    font-size: 14px;
  }

  .discountv1-countdown-wr #clockdiv {
    padding-top: 0;
    padding-bottom: 20px;
    max-width: 260px;
    margin: 0 auto;
  }

  .book-binnaz-abla-img-wr {
    height: 90px;
  }

  .discountv2-countdown-wr {
    height: auto;
    overflow: hidden;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr {
    top: 50%;
    right: 20px;
    width: 240px;
    margin: -24px 0 0 0;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b {
    position: relative;
    float: left;
    width: 70px;
    height: 65px;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b:first-child {
    width: 70px;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b .c {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 42px;
    margin: 0 auto;
    font-size: 22px;
    font-weight: 700;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b .t {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    text-align: center;
  }
}

@media only screen and (max-width: 660px) {
  .discountv2-countdown-wr {
    height: auto;
    overflow: hidden;
  }

  .discountv2-countdown-wr .discountv2-countdown-image.image-mobile {
    display: block;
  }

  .discountv2-countdown-wr .discountv2-countdown-image.image-desktop {
    display: none;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr {
    position: relative;
    top: auto;
    right: auto;
    width: 240px;
    margin: -50px auto 10px auto;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr:after {
    content: "";
    display: block;
    clear: both;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b {
    position: relative;
    float: left;
    width: 70px;
    height: 65px;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b:first-child {
    width: 70px;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b .c {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 42px;
    margin: 0 auto;
    font-size: 22px;
    font-weight: 700;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b .t {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    text-align: center;
  }
}

@media only screen and (max-width: 480px) {
  .book-binnaz-abla-img-wr {
    height: 100px;
    background: url("/img/campaigns/book/binnaz_kitap_mobile_banner_600x167.png") no-repeat center center;
    background-size: cover;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr {
    margin-top: -40px;
  }
}

@media only screen and (max-width: 320px) {
  .book-binnaz-abla-img-wr {
    height: 90px;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr {
    width: 200px;
    margin-top: -30px;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b {
    width: 60px;
    height: 60px;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b:first-child {
    width: 55px;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b .c {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
  }

  .discountv2-countdown-wr .discountv2-countdown-clock-wr .b .t {
    font-size: 12px;
  }
}

/* discount - end */

/* live - start */

/* ------[ live-chats-wr ]------ */

section.bl-chat-wr .waiting_reader {
  position: absolute;
  left: 100px;
  top: -5px;
}

section.bl-chat-wr .day-header {
  display: inline-block;
  max-width: 35%;
  background-color: lightgray;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 4px;
}

section.bl-chat-wr.live-chat-started .section-content .head-line-wr .head-line .top-info-wr .bl-bt-video img.a {
  display: block;
}

section.bl-chat-wr.live-chat-started .section-content .head-line-wr .head-line .top-info-wr .bl-bt-video img.p {
  display: none;
}

section.bl-chat-wr.live-chat-started .section-content .head-line-wr .head-line .top-info-wr .bl-bt-call img.a {
  display: block;
}

section.bl-chat-wr.live-chat-started .section-content .head-line-wr .head-line .top-info-wr .bl-bt-call img.p {
  display: none;
}

section.bl-chat-wr.live-chat-started .section-content .head-line-wr .head-line .foot-info-wr .foot-info.end-live-chat-button {
  display: inherit;
}

section.bl-chat-wr .section-content {
  max-width: 100%;
  padding: 0;
}

section.bl-chat-wr .section-content .head-line-wr {
  position: relative;
  background: #FFFFFF;
  z-index: 1;
}

section.bl-chat-wr .section-content .head-line-wr .head-line {
  display: block;
  max-width: 700px;
  margin: 0 auto;
  padding: 20px 20px 10px 20px;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr {
  position: relative;
  padding-bottom: 15px;
  border-bottom: 1px solid #E9E9F7;
  margin-bottom: 15px;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr .im {
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr .im .iw {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr .im .iw img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  max-width: 100%;
  margin-left: -50%;
  margin-top: -50%;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr .im .dot {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid #FFFFFF;
  background: #BBBBDC;
  border-radius: 50%;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr .im .dot.online {
  background: #40DEAC;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr .im .dot.busy {
  background: #F0B864 !important;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr .reader-name {
  display: block;
  min-height: 25px;
  font-size: 14px;
  font-weight: bold;
  color: #191f5d;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr .reader-credit-info {
  display: block;
  font-size: 12px;
  color: #8D96AC;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr .reader-credit-info span {
  color: #FA777A;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr .bl-bt-video {
  position: absolute;
  top: 10px;
  right: 120px;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr .bl-bt-video img.a {
  display: none;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr .bl-bt-call {
  position: absolute;
  top: 10px;
  right: 70px;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr .bl-bt-call img.a {
  display: none;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr .bl-bt-report {
  position: absolute;
  top: 10px;
  right: 60px;
  cursor: pointer;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .top-info-wr .bl-bt-removeMessages {
  position: absolute;
  top: 12px;
  right: 8px;
  cursor: pointer;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .foot-info-wr {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .foot-info-wr .splitter {
  display: none;
  height: 1px;
  width: 100%;
  margin: 10px 0;
  background: #E9E9F7;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .foot-info-wr .foot-info {
  margin-right: 20px;
  text-align: center;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .foot-info-wr .foot-info.right {
  text-align: right;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .foot-info-wr .foot-info.end-live-chat-button {
  display: none;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .foot-info-wr .foot-info .t-1 {
  display: block;
  min-height: 21px;
  font-size: 12px;
  color: #8D96AC;
}

section.bl-chat-wr .section-content .head-line-wr .head-line .foot-info-wr .foot-info .t-2 {
  font-size: 16px;
  font-weight: bold;
  color: #191f5d;
}

section.bl-chat-wr .section-content .blive-chat-wr {
  position: fixed;
  top: 200px;
  left: 50%;
  bottom: 0;
  width: 700px;
  background: #E9E9F7;
  z-index: 0;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  transform: translateX(-50%);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 60px;
  padding: 30px 20px 0 20px;
  overflow-y: auto;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr.loading .loadingDiv {
  display: block;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message {
  position: relative;
  border-radius: 4px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message.system {
  background: #FFFDE8;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message.system.info {
  padding: 20px;
  margin-bottom: 20px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message.system.info .text {
  font-size: 14px;
  font-weight: bold;
  color: #191f5d;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message.system.info .time {
  float: right;
  font-size: 10px;
  color: #8d96ac;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message.system.start-live {
  position: relative;
  padding: 15px;
  margin-bottom: 20px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message.system.start-live .text {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #191f5d;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message.system.start-live .countdown {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #F5678D;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message.home {
  position: relative;
  margin-bottom: 30px;
  text-align: right;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message.home .text {
  display: inline-block;
  min-width: 20%;
  max-width: 75%;
  padding: 10px 15px;
  text-align: left;
  font-size: 14px;
  color: #333333;
  background: #e4e4ff;
  border-radius: 4px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message.home .image {
  display: inline-block;
  min-width: 20%;
  max-width: 75%;
  padding: 10px 15px;
  text-align: left;
  font-size: 14px;
  color: #333333;
  background: #e4e4ff;
  border-radius: 4px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message.home .time {
  float: right;
  font-size: 10px;
  color: #8d96ac;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message.away {
  position: relative;
  margin-bottom: 30px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message.away .text {
  display: inline-block;
  min-width: 20%;
  max-width: 75%;
  padding: 10px 15px;
  font-size: 14px;
  color: #333333;
  background: #fcd2ff;
  border-radius: 4px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message.away .image {
  display: inline-block;
  min-width: 20%;
  max-width: 75%;
  padding: 10px 15px;
  text-align: left;
  font-size: 14px;
  color: #333333;
  background: #e4e4ff;
  border-radius: 4px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .message.away .time {
  float: right;
  font-size: 10px;
  color: #8d96ac;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .loadingDiv {
  display: none;
  position: fixed;
  top: 20px;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  transform: translateX(-50%);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .progress-bar {
  position: fixed;
  bottom: 60px;
  left: 0;
  height: 5px;
  display: block;
  width: 0%;
  background: #5A61E0;
  z-index: 2;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: #000000;
  z-index: 3;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr #camera {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100% !important;
  width: 100% !important;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr #camera video {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100% !important;
  width: 100% !important;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr .back-btn {
  position: absolute;
  top: 20px;
  left: 20px;
  cursor: pointer;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr .back-btn img {
  max-width: 22px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr .thumbs {
  position: absolute;
  bottom: 120px;
  left: 20px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr .thumbs .thumb {
  position: relative;
  float: left;
  width: 78px;
  height: 78px;
  margin: 5px;
  overflow: hidden;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr .thumbs .thumb.selected .check-mark {
  display: block;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr .thumbs .thumb img {
  max-width: 120%;
  max-height: 120%;
  -webkit-transform: translate(-10%, -10%);
  -khtml-transform: translate(-10%, -10%);
  transform: translate(-10%, -10%);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr .thumbs .thumb .check-mark {
  position: absolute;
  top: 3px;
  right: 3px;
  display: none;
  width: 20px;
  height: 20px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr .images-send-button {
  position: absolute;
  bottom: 120px;
  right: 20px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr .images-send-button .c {
  position: absolute;
  top: -8px;
  left: -8px;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 34px;
  font-size: 14px;
  font-weight: bold;
  color: #f35d9a;
  text-align: center;
  background: white;
  border-radius: 50%;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr .images-send-button img {
  width: 60px;
  height: 60px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr .take-photo-btn {
  position: absolute;
  bottom: 35px;
  left: 50%;
  display: block;
  width: 70px;
  height: 70px;
  border: 1px solid white;
  background: black;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  transform: translateX(-50%);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr .take-photo-btn:hover {
  background: #f35d9a;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr .take-photo-btn:active {
  background: #f35d9a;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: #000000;
  z-index: 3;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr .bt-video-audio-call-end {
  position: absolute;
  bottom: 50px;
  left: 50%;
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  z-index: 9999;
  cursor: pointer;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0.8;
  filter: alpha(opacity=80);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr .bt-video-audio-call-end:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr .bt-video-audio-call-end:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr .bl-bt-video {
  position: absolute;
  bottom: 50px;
  left: 25%;
  display: block;
  width: 55px;
  height: 55px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr .bl-bt-video:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr .bl-bt-video:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr .bl-bt-video.active img.a {
  display: block;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr .bl-bt-video.active img.p {
  display: none;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr .bl-bt-video img.a {
  display: none;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr .bl-bt-call {
  position: absolute;
  bottom: 50px;
  right: 25%;
  display: block;
  width: 55px;
  height: 55px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr .bl-bt-call:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr .bl-bt-call:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr .bl-bt-call.active img.a {
  display: block;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr .bl-bt-call.active img.p {
  display: none;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr .bl-bt-call img.a {
  display: none;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr #subscriber {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr #publisher {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: block;
  width: 140px;
  height: 180px;
  border: 1px solid #111111;
  z-index: 1;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: #000000;
  z-index: 3;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .call-info {
  position: absolute;
  text-align: center;
  right: 15%;
  top: 20%;
  left: 15%;
  display: block;
  z-index: 9999;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bt-call-approved {
  position: absolute;
  bottom: 20%;
  left: 60%;
  display: block;
  width: 70px;
  height: 70px;
  z-index: 9999;
  cursor: pointer;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  transform: translateX(-50%);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bt-call-approved:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bt-call-approved:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bt-call-reject {
  position: absolute;
  bottom: 20%;
  left: 40%;
  display: block;
  width: 70px;
  height: 70px;
  z-index: 9999;
  cursor: pointer;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  transform: translateX(-50%);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bt-call-reject:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bt-call-reject:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bl-bt-video {
  position: absolute;
  bottom: 50px;
  left: 25%;
  display: block;
  width: 55px;
  height: 55px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bl-bt-video:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bl-bt-video:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bl-bt-video.active img.a {
  display: block;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bl-bt-video.active img.p {
  display: none;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bl-bt-video img.a {
  display: none;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bl-bt-call {
  position: absolute;
  bottom: 50px;
  right: 25%;
  display: block;
  width: 55px;
  height: 55px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bl-bt-call:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bl-bt-call:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bl-bt-call.active img.a {
  display: block;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bl-bt-call.active img.p {
  display: none;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr .bl-bt-call img.a {
  display: none;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr #subscriber {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-call-wr #publisher {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: block;
  width: 140px;
  height: 180px;
  z-index: 1;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 700px;
  height: 60px;
  background: #FFFFFF;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 140px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input {
  display: block;
  width: 100%;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  border: none;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BCBCBC;
  opacity: 1;
  /* Firefox */
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BCBCBC;
  opacity: 1;
  /* Firefox */
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BCBCBC;
  opacity: 1;
  /* Firefox */
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BCBCBC;
  opacity: 1;
  /* Firefox */
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BCBCBC;
  opacity: 1;
  /* Firefox */
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #BCBCBC;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #BCBCBC;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-bt-file {
  position: absolute;
  top: 20px;
  right: 98px;
  cursor: pointer;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-bt-file .form-control-file {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-bt-file img {
  max-width: 25px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-bt-cam {
  position: absolute;
  top: 20px;
  right: 62px;
  cursor: pointer;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-bt-mic {
  position: absolute;
  top: 20px;
  right: 62px;
  cursor: pointer;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-bt-send-message {
  position: absolute;
  top: 15px;
  right: 15px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.end-live-chat {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.end-live-chat .bl-pop {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 335px;
  padding: 20px;
  background: #FFFFFF;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 12px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.end-live-chat .bl-pop .text {
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.end-live-chat .bl-pop .bt {
  display: block;
  margin-top: 10px;
  text-align: center;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.reader-network-live-chat {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.reader-network-live-chat .bl-pop {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 335px;
  padding: 20px;
  background: #FFFFFF;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 12px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.reader-network-live-chat .bl-pop .text {
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.reader-network-live-chat .bl-pop .bt {
  display: block;
  margin-top: 10px;
  text-align: center;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.network-error {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.network-error .bl-pop {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 335px;
  padding: 20px;
  background: #FFFFFF;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 12px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.network-error .bl-pop .text {
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.network-error .bl-pop .bt {
  display: block;
  margin-top: 10px;
  text-align: center;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.reader-connecting {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.reader-connecting .bl-pop {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 335px;
  padding: 20px;
  background: #FFFFFF;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 12px;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.reader-connecting .bl-pop .text {
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

section.bl-chat-wr .section-content .blive-chat-wr .bl-popup.reader-connecting .bl-pop .bt {
  display: block;
  margin-top: 10px;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .head-line {
    padding: 10px !important;
  }

  .blive-chat-wr {
    top: 180px !important;
  }

  .top-info-wr {
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
  }

  #publisher {
    bottom: 90px !important;
    right: 10px !important;
    width: 100px !important;
    height: 150px !important;
    border: 1px solid #111111;
  }

  .live-camera-wr .bl-bt-video,
  .live-call-wr .bl-bt-video {
    position: absolute;
    bottom: 30px !important;
    left: 15% !important;
    display: block;
    width: 50px !important;
    height: 50px !important;
  }

  .live-camera-wr .bl-bt-call,
  .live-call-wr .bl-bt-call {
    position: absolute;
    bottom: 30px !important;
    right: 15% !important;
    display: block;
    width: 50px !important;
    height: 50px !important;
  }

  .live-camera-wr .bt-video-audio-call-end,
  .live-call-wr .bt-video-audio-call-end {
    position: absolute;
    bottom: 30px !important;
    left: 50%;
    display: -webkit-box !important;
    display: flex !important;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
  }

  .live-camera-wr .bt-video-audio-call-end a,
  .live-call-wr .bt-video-audio-call-end a {
    font-size: 12px;
  }
}

/* ------[  live - media queries ]------ */

@media only screen and (max-width: 768px) {
  section.bl-chat-wr.live-chat-started .section-content .head-line-wr .head-line .foot-info-wr .splitter {
    display: block;
  }

  section.bl-chat-wr .section-content .head-line-wr .head-line .foot-info-wr {
    flex-wrap: wrap;
  }

  section.bl-chat-wr .section-content .head-line-wr .head-line .foot-info-wr .foot-info.hide-on-mobile {
    display: none;
  }

  section.bl-chat-wr .section-content .head-line-wr .head-line .foot-info-wr .foot-info.end-live-chat-button {
    -webkit-box-flex: 1;
            flex: 1 100%;
    margin-right: 0;
  }

  section.bl-chat-wr .section-content .head-line-wr .head-line .foot-info-wr .foot-info.end-live-chat-button .bt {
    display: block;
    width: 100%;
  }

  section.bl-chat-wr .section-content .blive-chat-wr {
    width: 100%;
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .live-camera-wr #publisher {
    bottom: 20px;
    right: 20px;
    width: 120px;
    height: 180px;
    border: 1px solid #111111;
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-message-wr .camera-wr .thumbs {
    max-width: 280px;
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr {
    width: 100%;
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 140px;
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input {
    display: block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    border: none;
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input ::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BCBCBC;
    opacity: 1;
    /* Firefox */
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input ::-moz-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BCBCBC;
    opacity: 1;
    /* Firefox */
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input :-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BCBCBC;
    opacity: 1;
    /* Firefox */
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input ::-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BCBCBC;
    opacity: 1;
    /* Firefox */
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BCBCBC;
    opacity: 1;
    /* Firefox */
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #BCBCBC;
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-message-input-wr .bl-message-input ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #BCBCBC;
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-bt-file {
    position: absolute;
    top: 20px;
    right: 98px;
    cursor: pointer;
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-bt-file .form-control-file {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-bt-file img {
    max-width: 25px;
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-bt-cam {
    position: absolute;
    top: 20px;
    right: 62px;
    cursor: pointer;
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-bt-mic {
    position: absolute;
    top: 20px;
    right: 62px;
    cursor: pointer;
  }

  section.bl-chat-wr .section-content .blive-chat-wr .bl-footer-wr .bl-bt-send-message {
    position: absolute;
    top: 15px;
    right: 15px;
  }
}

.spin {
  -webkit-transform-origin: 50% 58%;
  transform-origin: 50% 58%;
  -ms-transform-origin: 50% 58%;
  /* IE 9 */
  -webkit-animation: spin 0.2s infinite linear;
  animation: spin 0.2s infinite linear;
}

/* live - end */