:root {
    --custom-color-1: #529fdd;
    --custom-color-2: #1379b1;
    --custom-color-3: #529fdd44;
    --custom-color-4: rgba(0,0,0,0.15);
    --custom-color-5: #373232;
    --tags-color-1: #1d8fbf;
    --custom-green: #00cc98;
}

body {
    font-family: 'Assistant', serif;
    font-size: 18px;
    direction: rtl;
    background: #fff;
    min-height: 650px;
    min-width: 320px;
}

html {
    position: relative;
    min-height: 90%;
    overflow-x: hidden;
    direction: rtl;
}

body > #all {
    height: auto;
    min-height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.center {
    text-align: center
}

.modal-backdrop.in {
    opacity: 0.80
}

a {
    color: #000
}

.title a {
    color: #000
}

.contact-inf a {
    color: #000
}

.pm a {
    color: #000
}

    .pm a:hover {
        color: #000
    }

.active a {
    color: var(--custom-color-2) !important
}

.cont_home a {
    color: var(--custom-color-1)
}

.reportTable a {
    color: #000
}


p {
    direction: rtl
}

a:focus, a:hover {
    color: #fff;
    text-shadow: 0 0 1px #00000044;
    text-decoration: none;
}

a:focus,
a:active {
    outline: none;
    border: none;
}

.frontPageTitle {
    font-size: 22px;
    font-weight: bold;
    border-top: 0 solid var(--custom-color-3);
    margin: 0;
    padding: 0px 0 0.75em 0;
    color: var(--custom-color-2);
}

#contentFooter_hdr2, #contentFooter_hdr3, #contentFooter_hdr4, #contentFooter_hdr5, #contentFooter_hdr6 {
    margin: 15px 0 3px 0 !important;
    padding: 10px 0 0 0 !important;
    font-size: 22px !important;
    font-weight: 700 !important
}

.cont_home {
    padding: 0 3px 2em 5px;
    min-height: 25vh
}

.btn:hover, .btn-default:hover {
    color: #fff;
    text-shadow: 0 0 5px #88ffff77;
    background-color: var(--custom-color-2);
    border: 1px solid transparent
}

button, html input[type=button], input[type=reset], input[type=submit] {
    outline: 0
}

input[type=file] {
    border-radius: 15px
}

h1.homepage-title {
    font-size: 25px;
    margin-bottom: 5px;
    margin-top: -5px;
    text-align: center;
}

#footer1 {
    margin-top: -60px;
    overflow: hidden
}

#footer {
    margin-top: -45px;
    overflow: hidden
}

.footer-links {
    font-size: 14px;
    color: #fff;
    text-align: center
}

.wizard-title {
    text-align: center;
    margin-top: -5px;
    color: var(--custom-color-2);
}

.form-control {
    color: #000;
    font-size: initial
}

#login_divEmail, #login_divPassword {
    padding: 10px
}

#HomepageLoginModal .modal-dialog {
    width: 360px;
    padding-top: 10vh;
}

#HomepageLoginModal .modal-content {
    padding-top: 1em
}

.minheightfix {
    min-height: 95vh
}

#login_txtEmail, #login_txtPassword {
    width: 100% !important;
    border-radius: 0 !important;
    background: #e8f0fe;
    outline: 0;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    height: 35px;
}

.footer .row {
    margin: 0;
    border: 2px solid magenta
}

p {
    margin: 0 0 10px
}

.row {
    position: relative
}

#HomepageSignupModal .modal-body {
    display: flex
}

#HomepageSignupModal .modal-dialog {
    width: 480px
}

#HomepageSignupModal .modal-content {
    width: auto;
    max-width: 100vw;
}

#HomepageSignupModal h1 {
    color: var(--custom-color-2);
    border-bottom: 0px solid #b5071633;
}


#HomepageSignupModal .modalTitle {
    margin: 0 0 20px 0
}

x

#contentMain_signin_txtNickName, #contentMain_signin_txtEmail, #contentMain_signin_txtPassword, #contentMain_signin_txtPasswordVerification {
    width: 100%;
    border: 0;
    background: #f4f4f4
}

#contentMain_signin_divLevel2 .opt {
    border-bottom: 1px solid #ccc
}

.alertpop > .modal-dialog {
    border: 0;
    border-radius: 10px
}

.container {
    padding-right: 10px;
    padding-left: 10px
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/header4.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0% -50px;
    margin-top: -18px;
}

input {
    border: 0;
    border-radius: 2px;
    padding-right: 3px;
    border-bottom: 1px solid rgba(0,0,0,0.15)
}

.frontPageButtons {
    width: 33vw;
    margin: 0 auto;
    margin-top: calc(28vw + 1vh); /* calc(20% + 1vh)*/
    text-align: center;
    padding-bottom: 3em;
}

    .frontPageButtons p {
        font-size: 20px;
        margin-top: -10px;
        text-shadow: 0 0 4px #fff
    }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 5px;
}

.send_message_button {
    width: 58px;
    height: 58px;
    vertical-align: top;
    position: relative;
    top: -2px;
    right: 0;
}

.send_message_button2 {
    width: 58px;
    vertical-align: top;
    position: relative;
    top: -11px;
    left: 3px;
}

.send_message_button:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(110%)
}

.send_message_button2:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(110%)
}

@-moz-document url-prefix() {
    .send_message_button {
        width: 58px;
        height: 58px;
        vertical-align: top;
        position: relative;
        top: 5px;
        outline: 0
    }
}

html > body .send_message_button2, x:-moz-any-link {
    position: relative;
    top: -4px
}

html > body .send_message_button, x:-moz-any-link {
    position: relative;
    top: 6px
}

.messages-bubble1 {
    float: right;
    position: relative;
    width: 79px;
    left: -5px;
    top: 3px
}

.messages-bubble2 {
    position: absolute;
    top: 0;
    right: 17px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    background: #f00;
    border-radius: 50%;
    padding: 1px 5px 0 5px;
    z-index: 999;
}

.emobox {
    background: #fff;
    border-radius: 7px;
    width: 97%;
    min-height: 85px;
    border: 0 solid #FAAF40;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    padding: 0 7px 7px 7px;
    display: none;
    transition: all .2s ease-in-out;
    position: absolute;
    bottom: 0px;
    right: 0px;
    max-width: 640px;
    z-index: 1000;
    margin-bottom: 10px;
}


.emobox2 {
    background: rgba(255,255,255,0.82);
    border-radius: 7px;
    width: 115%;
    min-height: 85px;
    border: 0 solid #FAAF40;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    padding: 0 7px 7px 7px;
    display: none;
    transition: all .2s ease-in-out;
}

.emo1 {
    width: 9%;
    transition: all 0.4s ease-in-out;
    vertical-align: middle;
    transform-origin: center center;
    margin: 3px;
}

    .emo1:hover {
        transition: all .2s ease-in;
        transform: scale(1.17,1.17);
        cursor: pointer;
    }

#contactBox {
    max-width: 96vw;
    width: 380px
}

#contactBox2 {
    max-width: 96vw;
    width: 380px;
    bottom: 0
}



.profile_left > .emobox > .valign > .emo1 {
    width: 50px;
    margin: 0px 3px;
}

.emoboxCloseButton {
    text-align: left;
    position: relative;
    top: 12px;
    font-size: 19px;
    height: 5px
}

    .emoboxCloseButton a {
        color: #000
    }

.valign {
    position: relative;
    top: -9px
}

.top {
    width: 100%;
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 4px 2px #00000011
}

.navbar-header {
    flex: 0.175
}

#navbar {
    flex: 0.65;
    margin: 0px 9vw 0 0;
    padding: 15px 10px 0 15px
}

.seventypercentvh {
    height: 71vh;
    position: relative;
}

.navbar-brand {
}

    .navbar-brand .navbrandLogo {
        width: 130px;
        height: 45px;
        max-width: 140px;
        margin-top: 10px
    }

.navbar-inverse .navbar-toggle {
    border: none;
    margin-top: 28px;
    margin-right: 10px
}

    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: transparent
    }

.navbar-toggle .icon-bar {
    width: 27px;
    height: 5px
}

label {
    font-weight: normal
}

#logo {
    float: left;
    margin: 0;
    padding: 0
}

#myModalProfile {
}

.modal-open {
    padding-right: 0
}

/*phone auth page */
#contentMain_txtPhoneNumber, #contentMain_txtSMSCode {
    border: 1px solid #777 !important;
    height: 35px;
    border-radius: 3px
}


#tmppic {
    margin-left: auto;
    margin-right: auto;
    background: url(../images/rehishat_manuy-01.webp) no-repeat;
    width: 1171px;
    height: 1148px;
}

.headercontainer {
    display: flex
}


.headerMenuButton {
    flex: 0.175;
    text-align: center
}

    .headerMenuButton > .btn {
        margin-top: 25px;
        font-size: 17px;
        font-weight: bold;
        background: none;
        border: 1px solid var(--custom-color-2);
        color: var(--custom-color-2);
        padding: 5px 25px
    }

        .headerMenuButton > .btn:hover {
            color: var(--custom-color-1)
        }

.maian_mnu a {
    color: #000;
    display: block;
    padding: 5px;
}

.maian_mnu ul {
    list-style-type: none;
    padding: 0;
}

#divUserInfo {
    margin-top: 1.35em
}

.maian_mnu ul li {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    border-radius: 0;
    background: #ffffff;
    padding: 0;
    margin-right: 0;
    border-width: thin;
}

#blockWinksBox {
    background: #fff;
    border-radius: 7px;
    width: calc(100% - 20px);
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    transition: all .2s ease-in-out;
    padding: 3px 10px 0px 4px;
    margin: 5px 0;
    position: absolute;
    z-index: 999;
    text-align: right;
    top: 1.25em;
    padding-bottom: 10px;
}

#blockWinksCloseButton {
    text-align: left;
    margin: 5px;
    position: relative;
    top: 0em;
}


.peulotButton {
    margin-top: 15px;
}

.maian_mnu .navbar-nav > li > a, .maian_mnu {
    color: var(--custom-color-2);
    font-size: 22px;
    font-weight: bold;
    padding: 5px
}

    .maian_mnu .navbar-nav > li > a:hover {
        color: #fff
    }

.nav > li > a:hover {
    background-color: var(--custom-color-2);
    border-radius: 4px
}

.navbar-nav > li > a:hover {
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: none;
    padding: 0
}

.navbar .navbar-toggle {
    border: none;
    margin-top: 20px;
    margin-right: 3px
}

    .navbar .navbar-toggle .icon-bar {
        background-color: var(--custom-color-2)
    }

.auth_buttons {
    border: 0 none;
    background-color: transparent;
    font-size: 25px;
    color: #FFF;
    float: right;
    margin-top: 28px;
    margin-right: 10px;
}

.menu_upd {
    float: right;
    min-width: 440px;
}

    .menu_upd ul {
        list-style-type: none;
    }

        .menu_upd ul li {
            display: inline-block;
            background: none repeat scroll 0 0 var(--custom-color-1);
            border: 0px solid;
            border-radius: 4px;
            float: right;
            font-size: 15px;
            margin: 0 1px 0 1px;
            padding: 3px 3px 4px 3px;
        }

            .menu_upd ul li.menu_upd_cur {
                background: var(--custom-color-2);
                border: 2px solid #ffffff44;
                border-width: thin;
                margin: 0 1.5px 0;
                padding: 2px 8px 3px;
            }

    .menu_upd .dropdown-menu li {
        background: transparent;
        width: 100%;
        text-align: right;
    }

.partnerPagePic {
    position: absolute;
    z-index: -1;
    left: 35px;
    filter: brightness(107%)
}

.menu_upd .menu-dropdown {
    float: none;
    width: auto
}

.menu_upd > ul {
    display: initial
}

.dropdown-menu {
    left: initial
}

#blockWinksBox {
}

.blockWinksBoxDesc {
    margin-top: -7px
}

/* responsive secondary menus */
.partnerMenu {
    max-width: 615px;
    padding-right: 16px;
}

    .partnerMenu div {
        width: 20%;
        border: 1px solid #aaa;
        font-size: 16px;
        padding: 10px 10px;
        line-height: 13px;
        min-height: 37px;
        text-align: center;
        border-radius: 5px;
        box-shadow: 0 0 15px rgba(0,0,0,0.13)
    }

.right_col {
    direction: rtl;
    margin-top: 15px;
    padding-top: 0;
    float: right;
    width: 400px;
    opacity: 1
}

.right_col1 {
    direction: rtl;
    padding-top: 0;
    float: right;
    clear: right;
    opacity: 1;
    max-width: 580px;
    width: 100%
}

.left_col1 {
    direction: rtl;
    padding-top: 0;
    float: left;
    clear: left;
    opacity: 1;
    border-radius: 9px;
    border: 1px solid #d8d8d8;
    width: 38%;
    height: 349px;
    background: #fff;
    padding-right: 25px;
}

    .left_col1 li {
        list-style-image: url(../images/v.webp) !important
    }

textarea {
    outline: none
}

.about_title {
    font-size: 1.5em;
    margin-bottom: 20px
}

.about-field {
    width: 520px;
    height: 80px;
    border: 1px solid #cccccc;
    max-width: 82.5vw;
    overflow: auto;
    outline: none;
}

    .about-field:empty:before {
        content: attr(data-placeholder);
    }

.modal-title {
    padding: 10px 15px 0 0;
    min-height: 15px
}

.error-message {
    margin: 0;
    color: #cd0000;
    font-weight: bold;
}

.updateMenuList {
    direction: rtl;
    position: relative;
    padding: 0;
    max-width: 98vw;
    left: 20px;
}

    .updateMenuList li {
        display: table-cell;
        list-style: none;
        width: auto;
        padding: 0 2px 0 20px;
        border: 0;
        text-align: center;
        height: 35px;
        font-size: 18px;
        background: rgb(255,255,255);
    }

        .updateMenuList li a {
            color: #000
        }

.btn {
    color: #fff;
    background-color: var(--custom-color-2);
    border: 1px solid var(--custom-color-2);
    border-radius: 25px;
    font-size: 22px;
    padding: 6px 2.5vw;
    margin-bottom: 25px;
    margin-top: 10px;
    outline: 0 !important;
}


.btn_big {
    background: url(../images/btn_big.webp) repeat-x;
    height: 37px;
    border-radius: 5px;
    border: none;
    color: #FFF;
    font-size: 23px;
    font-weight: 700;
}

.btn_small {
    height: 37px;
    border-radius: 25px;
    border: none;
    color: #FFF;
    font-weight: normal;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 25%);
    background: var(--custom-color-2);
    width: auto;
    min-width: 45px;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 5.5s;
    -webkit-animation-duration: 5.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.btnExit {
    border: 1px solid #e0e0e0 !important;
    background-color: rgba(0,0,0,0.08) !important;
    color: black !important;
    margin: 0 0 1px 0;
    margin-bottom: 0;
    width: 120px;
    font-size: 16px !important;
    pointer-events: none;
}

.footnote {
    margin: 10px 0 50px 0
}

.picpage {
    margin-top: 18px;
    width: 470px;
    height: 371px;
    float: left;
    filter: brightness(1.2);
}

img.picpage_home {
    width: 98%
}

.map_pic {
    margin-top: 18px;
    width: 470px;
    height: 371px;
    position: absolute;
    left: 5%
}

img {
    max-width: 100%;
    height: auto
}

.row_t {
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    text-align: right
}

.row_t1 {
    max-width: 360px;
    margin-bottom: 20px;
    margin-left: auto
}

.row_t2 {
    max-width: 580px;
    margin-bottom: 5px;
    position: relative
}

.row_t3 {
    margin-bottom: 20px;
    margin-top: 10px
}

    .row_t3 a {
        font-weight: 700;
        color: #000;
        text-decoration: underline
    }

    .row_t3 .param {
        float: none;
        margin-bottom: 5px
    }

.param {
    width: 94px;
    float: right;
    font-weight: bold;
    display: inline;
    font-size: 18px;
    text-align: right;
    color: #000;
    font-weight: 700;
}

.param1 {
    font-weight: 700;
    text-align: right;
    color: #000
}

.opt {
    text-align: right;
    display: inline-block;
    width: 100%;
}

    .opt > select {
        min-height: 25px;
        border: 0;
        border-bottom: 1px solid rgba(0,0,0,0.15);
        height: 25px;
        background: #fff
    }


hr {
    border: none;
    background-color: #EEB756;
    color: #EEB756;
    height: 1px;
    margin: 0
}

h1 {
    font-size: 25px;
    font-weight: bold;
}

.frontPageButtons h1 {
    text-shadow: 0 0 3px #ffffff;
    font-size: 42px;
    color: var(--custom-color-2);
}

.strip1 {
    height: 75px;
    background: var(--custom-color-2);
    bottom: 0;
    width: 100vw;
    padding-top: 15px;
    margin-top: 3em;
    position: absolute;
    bottom: -100px !important;
}

.strip_home {
    margin-top: 30px;
    width: 100%;
    height: 45px;
    background: #cd0000;
}

.strip1 a {
    color: #FFF;
}

    .strip1 a:hover {
        text-decoration: underline;
    }

.otstup {
    height: 0;
    clear: both;
}

tr.pack {
    border-top: 4px solid rgba(0,0,0,0);
    height: 110px;
    cursor: pointer;
    font-size: 22px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
    border-radius: 3px;
    transform: skewX(-2deg);
    -ms-transform: skewX(-0.12deg);
    -webkit-transform: skewX(-0.1deg);
    -o-transform: skewX(-0.1deg);
    -moz-transform: skewX(-0.1deg);
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
}

    tr.pack :hover {
        background: #e0f3fa;
        background: -moz-linear-gradient(top, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%);
        background: -webkit-linear-gradient(top, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
        background: linear-gradient(to bottom, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
    }

div.pack {
    font-size: 24px;
    vertical-align: middle;
    display: table-cell;
    padding-left: 15px;
    padding-right: 15px;
    height: 108px;
    font-weight: bold;
}

table {
    font-size: 16px
}

.table td.pack {
    border: solid;
    color: #FF8B00;
    width: 364px;
    height: 90px;
    border-left: none;
    border-width: thin;
}

.table td.pack_cur {
    background: #FFDD9B;
    border: solid;
    color: #FF8B00;
    width: 364px;
    height: 90px;
    border-left: none;
    border-width: thin;
}


.table td.costB {
    background: #FF8B00;
    border: solid;
    width: 222px;
    height: 90px;
    vertical-align: middle;
    text-align: right;
    padding-right: 5px;
}

.cost h2 {
    color: #FFF;
    float: right;
    width: 105px;
    text-align: left;
    margin: 0;
}

.table h2, .table h3 {
    font-size: 37px;
    font-weight: 700;
    font-family: "Arial Black", Gadget, sans-serif;
    text-shadow: 0 0 6px rgba(255,255,255,0.35);
}

.table {
    width: auto;
    border: solid thin;
    border-color: var(--custom-color-2);
    border-top: 0;
}


    .table > thead > tr > th {
        padding: 5px;
        border: solid thin;
        border-color: var(--custom-color-3);
        background-color: var(--custom-color-3);
        text-align: right;
    }

    .table > tbody > tr > td {
        padding: 5px;
        border: solid thin;
        border-color: var(--custom-color-3);
        text-align: right;
    }

.about_cat {
    float: right;
    padding: 0;
    margin-bottom: 3px;
}

.table p {
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    font-family: "Arial Black", Gadget, sans-serif;
}

.param2 {
    font-weight: 700;
    float: right;
    width: 90px;
    text-align: right;
    font-size: 14px;
}

.perek {
    width: 100%;
    direction: rtl;
}

.perek2 {
    width: 580px;
    direction: rtl;
    float: right;
}

.sel {
    background: #FFE600;
    width: auto;
    padding-right: 4px;
    padding-left: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.unsel {
    background: #E1E1E1;
    width: auto;
    padding-right: 4px;
    padding-left: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.perek .opt {
    text-align: right;
    color: #000;
}

.perek textarea {
    margin-top: -10px;
    width: 80%;
    margin-bottom: 13px;
}

.account_set .param {
    width: 100%;
}

.account_set hr {
    width: 340px;
}

.account_set p {
    margin: 0;
}

.account_set1 input {
    width: 255px;
}


.gallery {
    width: 174px;
    height: 174px;
    background: #FFF;
    border: solid thin;
    float: right;
    border-color: #EEB756;
    margin: 5px;
}

.gallery2 {
    border: 0 solid;
    float: right;
    border-radius: 3px;
    width: 100%;
    position: relative;
    right: 11px;
}

.space33 {
    height: 0;
}

.rashit {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 999;
    font-size: 13px;
    padding: 0 5px;
    margin: 0;
    background: #ec2477;
    border-radius: 3px;
    font-weight: 700;
    border: 0;
    box-shadow: 0 0 2px rgba(255,255,255,0.5);
    color: #fff
}

.gallerpic2 {
    max-height: 200px;
    height: 200px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    position: relative;
}

.picupdate {
    background: white;
    border: 1px solid #DDD;
    padding: 20px;
    margin: 0;
    border-radius: 9px;
}

.noMargin {
    margin: 0 !important
}

.marg3 {
    margin-top: 8px
}

.noPadding {
    padding: 0 !important
}

.padding1 {
    padding: 5px !important;
}

.padding2 {
    padding: 10px !important;
}

.gallery a {
    font-size: 14px;
    text-decoration: underline;
}

.tooltip {
    display: inline-block;
    position: absolute;
    left: 7px;
    text-indent: 0;
    cursor: help;
    opacity: 1;
    font-size: 16px;
    top: 0px;
}

    .tooltip > span {
        position: absolute;
        bottom: 142px;
        left: 170px;
        width: -moz-max-content;
        width: -webkit-max-content;
        width: max-content;
        max-width: 20em;
        max-height: 80vh;
        overflow: auto;
        visibility: hidden;
        border: solid thin #c8c8c8;
        font-size: 80%;
        background: #ffffff;
        line-height: normal;
        cursor: auto;
        margin: 0 auto .4em;
        padding: .3em;
        text-align: right;
    }

.account_set .tooltip > span {
    bottom: 20px;
    left: -100px;
    max-width: 320px;
    width: 320px;
}

.tooltip.left:after {
    left: 1em;
}

.tooltip.right:after {
    left: auto;
    right: .6em;
}

.tooltip:before {
    content: "";
    position: absolute;
    top: -.4em;
    left: 0;
    right: 0;
    height: .4em;
    visibility: hidden;
}

.tooltip:hover > span, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus > span, .tooltip:focus:before, .tooltip:focus:after {
    visibility: visible;
    transition: 0.4s;
}

.tooltip:focus {
    outline: none;
}

.tooltip.anim > span, .tooltip.anim:after {
    opacity: 0;
    transform: translateY(1.5em) scale(.3);
    transform-origin: center bottom;
}

.tooltip.anim:after {
    transform: translateY(.7em) scale(.3);
}

.tooltip.anim:hover > span, .tooltip.anim:hover:after, .tooltip.anim:focus > span, .tooltip.anim:focus:after {
    opacity: 1;
    transition: .6s .4s;
    transform: translateY(0);
}

.contact-me-page .tooltip {
    top: 58px;
    left: -13px;
    z-index: 1;
}

    .contact-me-page .tooltip > span {
        bottom: -130px;
        left: 0;
    }

.tooltip-div {
    text-align: center
}

    .tooltip-div img {
        margin-top: 10px
    }

.ratingContainer .tooltip {
    position: initial;
    margin: -3px 5px
}

    .ratingContainer .tooltip > span {
        bottom: -365px;
        left: 20px;
        text-align: right
    }

        .ratingContainer .tooltip > span a {
            color: initial
        }

.ratingStar {
    width: 20px !important;
    height: 20px !important;
    border: 0 !important
}

.ratingContainer {
    font-size: 16px;
    display: inline-flex;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    position: relative;
    top: -20px;
    width: 99%
}

.reports input {
    width: 30px;
    text-align: center;
    background: none;
    border: solid thin #FF8B00;
}

.partner .param {
    width: 107px;
}

.partner input {
    width: 235px;
}

.partner hr {
    width: 350px;
}

.adverttools hr {
    margin-left: 10px;
}

.quest {
    color: var(--custom-color-2);
    font-weight: 700;
}

.subscriberPage {
    padding: 0 15px 0 0 !important
}

.partnerLoginPage {
    margin-top: 20px !important
}

    .partnerLoginPage .right_col1 {
        max-width: 400px
    }

.dividerLine {
    width: 100%;
    background: #eee;
    height: 2px;
    overflow: hidden;
    margin: 10px 0 0 0
}

.partner_enter {
    border: 2px solid #eee;
    border-radius: 5px;
    width: 100%;
    padding: 1em 0 0 0;
    margin: 0;
    display: block;
    z-index: 2
}

    .partner_enter > .row_t input {
        outline: 0;
        min-width: 210px;
        background: #fff
    }

    .partner_enter .opt {
        text-align: center;
        display: inline-block;
        width: 100%
    }

    .partner_enter .param {
        width: 100%;
        font-size: 17px;
        text-align: center;
        color: #000;
        font-weight: 700;
        left: 83px;
        position: relative
    }

.partnerLoginPage .partnerTitle {
    font-size: 28px;
    font-weight: bold;
    line-height: normal;
    padding: 10px 0;
    margin: 10px 0
}

.partnerLoginPage .leftside {
    border-radius: 5px;
    min-height: 239px;
    margin-right: 10px;
    padding-right: 15px
}

.partnerLoginPage ul {
    margin-top: 10px;
    margin-right: -25px
}

#page {
    height: auto;
    max-width: 910px;
    border: solid;
    border-radius: 20px;
    color: #cd0000;
    margin: 20px auto 50px;
}

#contentMain_signin_txtNickName, #contentMain_signin_txtEmail, #contentMain_signin_txtPassword, #contentMain_signin_txtPasswordVerification {
    width: 100%;
    border: 0;
    background: #f4f4f4;
}

@keyframes bounceInUp {

    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.sel1 {
    background: #cdf4bc;
    width: auto;
    padding-right: 4px;
    padding-left: 4px;
    border-radius: 0;
}

.adverttools1 {
    float: right;
    margin-top: -35px;
}

.toda {
    max-width: 550px;
    height: 200px;
    background: #FFF;
    position: absolute;
    border: 2px solid #eee;
    color: #017001;
    margin-top: 15%;
    margin-bottom: 15%;
    margin: auto;
}

.alertpop {
    text-align: right;
}

    .alertpop .modal-footer {
        text-align: left;
        padding: 10px 15px;
        border: none;
    }

    .alertpop .modal-content {
        background-color: #fff;
    }

    .alertpop .modal-header {
        padding-right: 15px;
        border-bottom: 1px solid #aaa;
        color: #cd0000;
    }

#btnCancel {
    background: #ccc;
    border: 0;
}

.alertpop .btn {
    padding: 5px 2vw !important;
    float: left
}

h2 {
    font-size: 21px;
    direction: rtl;
    margin-bottom: 0;
    float: right;
    font-weight: bold;
    width: 100%
}

h3 {
    font-weight: bold;
    font-size: 1.17em;
    margin-bottom: 0
}

h4 {
    font-weight: bold
}


::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
    color: #888;
    opacity: 0.5;
}

::placeholder {
    color: #888;
    opacity: 0.5;
}


.btnLogIn {
    color: #fff;
    background-color: var(--custom-color-2);
    border: 0;
    border-radius: 25px;
    font-size: 22px;
    padding: 10px 0;
    margin-bottom: 25px;
    margin-top: 10px;
    outline: 0 !important;
    width: 75%
}

.btnPopupModal {
    width: 275px;
    margin: 0.5em 0 1px 0
}

.btn2 {
    color: #fff;
    background-color: var(--custom-color-2);
    border-radius: 25px;
    font-size: 22px;
    padding: 6px 2.35em;
    margin-bottom: 25px;
    margin-top: 10px;
    outline: 0 !important;
    width: 250px
}

@media only screen and (max-width : 480px) {
    .btnPopupModal {
        width: 97%;
        padding: 0;
        margin: 0;
    }
}

#contentMain_loginInner_txtPassword, #contentMain_loginInner_txtEmail {
    width: 100% !important
}

#contentMain_loginInner_hdrMain1 {
    margin-top: 0px;
    margin-bottom: 15px
}

.rigth_menu #contentMain_login_loginInner1_hdrMain1 {
    display: none
}

.modal-content #contentMain_login_loginInner2_hdrMain1 {
    display: none
}

.btn-sendmessage {
    font-size: 22px;
    width: 50%;
    border-radius: 25px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 10px 0;
    margin: 20px auto
}

    .btn-sendmessage:hover {
        filter: brightness(108%)
    }

.btn-link {
    margin-right: -6px;
    margin-top: -104px;
    padding-bottom: 3px;
    color: red;
    text-decoration: underline;
    float: left;
}

.search_set hr, .reports hr {
    width: 350px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: right
}

.adverttools, .adverttools1, .partner_enter1 {
    direction: rtl
}

#paypal, #bank {
    margin: 0;
    padding: 0;
}

.auth_buttons {
    border: 0 none;
    background-color: transparent;
    font-size: 25px;
    color: #FFF;
    float: right;
    margin-top: 28px;
    margin-right: 10px;
}

button.close {
    border-radius: 30px;
    width: 32px;
    height: 32px;
    font-size: 26px;
    opacity: 1;
    text-align: center;
    line-height: 29px;
    position: absolute;
    top: 5px;
    left: 2px;
    font-weight: 100;
    z-index: 100;
    outline: 0;
}

    button.close:hover {
        color: #666;
        opacity: 1;
    }

.modal-header {
    padding: 0;
    border: none;
    min-height: 1px;
}

.right_col_home {
    background: url(../images/bg_home1.webp) repeat;
    direction: rtl;
    margin-top: 20px;
    padding-top: 15px;
    float: right;
    opacity: 1;
    text-align: center;
    border: 1px solid white;
    border-radius: 21px;
    padding-bottom: 10px;
    box-shadow: 0 0 18px rgba(0,0,0,0.33);
}

#signin_divLevel1 {
    padding: 0 0.25em;
}

#signin_divLevel2 {
    padding: 0 3em;
}

.right_col_home2 .opt > input {
    width: 100%;
    max-width: 400px
}

.right_col_home2 {
    direction: rtl;
    margin-top: 0;
    padding: 15px;
    float: right;
    opacity: 1;
    text-align: center;
    border: 0px solid white;
    border-radius: 21px;
    padding-bottom: 10px;
}

.btn_big {
    background: url(../images/btn_big.webp) repeat-x;
    height: 37px;
    border-radius: 5px;
    border: none;
    color: #FFF;
    font-size: 23px;
    font-weight: bold;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}

.email-approve-warning {
    width: 100%;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    border: 0px solid var(--custom-color-1);
    font-size: 16px;
    margin-bottom: 4px;
    color: black;
    padding: 3px;
    margin-right: -15px;
    background: linear-gradient(45deg, transparent, #ec247740);
}

    .email-approve-warning a {
        color: #000
    }

    .email-approve-warning span {
        float: left;
        margin-left: 10px
    }

    .email-approve-warning img {
        width: 23px;
        height: 19px;
        position: relative;
        top: -1px;
    }

.close {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

.closeNotificationX {
    cursor: pointer;
    float: left;
    font-size: 21px;
    padding-left: 5px;
    margin-top: -5px;
    z-index: 999
}

.mivzaim {
    width: 100%;
    height: 34px;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    font-size: 16px;
    margin: 0px 0px 1px;
    color: black;
    padding: 5px 0 0 0;
    margin-right: -15px;
    background: linear-gradient(90deg, #8cc8f8, #ffffff, #ffffff, #8cc8f8);
}

.qx {
    color: #000
}

.btnMivza {
    color: #fff;
    background: #228ecd;
    border-radius: 5px;
    border: 0px solid #1eae59;
    font-size: 16px;
    padding: 1px 10px;
    margin: 5px;
    outline: 0 !important;
}

.mivzaim > span {
    padding: 0 5px
}

    .mivzaim > span:nth-child(2) {
        font-weight: bold
    }

.mivzaMsg {
    min-width: 50vw;
    display: inline;
    color: #000
}

.chat-notification {
    width: 100%;
    text-align: center;
    border-radius: 3px;
    background: rgba(255,255,255,0.9);
    border: 1px solid green;
    font-size: 16px;
    margin: 0 -15px 7px 0;
    color: black;
    padding: 3px;
}

    .chat-notification #CustomerName {
    }

    .chat-notification img {
        width: 30px;
        height: 26px;
        position: relative;
        top: -1px;
    }


@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.9;
    }

    15% {
        transform: scale(1);
        opacity: 1;
    }

    85% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.9);
        opacity: 0.9;
    }
}

.btn-danger {
    background: var(--custom-color-2) !important;
}

    .btn-danger:hover {
        background-color: var(--custom-color-1);
        border: 1px solid transparent
    }

    .btn-danger:active {
        border: 1px solid yellow
    }

    .btn-danger:focus {
        border: 1px solid transparent
    }

.btn_red_small {
    background: var(--custom-color-2);
    height: 32px;
    border-radius: 5px;
    border: none;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}


img {
    max-width: 100%;
    height: auto
}

#lblMe, #lblBasic {
    max-width: 99% !important;
    font-size: 20px;
    line-height: 18px;
    margin-top: 3px;
    display: inline
}

#lblStatusTitle {
    position: relative;
    top: 2px;
    right: -5px
}

#ldlStatusDitails {
    position: relative;
    top: -1px;
    right: 5px
}

#contentMain_alert_myModal > .modal-dialog {
    max-width: 360px
}

#contentMain_landinglevel2_divLevel1 .opt {
    max-width: 100%
}

hr {
    border: none;
    background-color: rgba(0,0,0,0.15);
    color: rgba(0,0,0,0.15);
    height: 1px;
    margin: 0;
}

.hrMsgSeparator {
    margin: 10px
}

.margin1 {
    margin: 0 15px 0 15px;
}

.margin2 {
    margin: 10px;
}

p {
    direction: rtl
}

.clear {
    clear: both
}

.rigth_menu {
    width: 222px;
    background: #FFF;
    border: 1px solid #999;
    position: absolute;
    z-index: 2;
    margin-top: 8px;
    border-radius: 5px
}

.mypics-rightcol {
    text-align: center
}

    .mypics-rightcol a {
        color: #000
    }

.accountset .mypics-rightcol {
    margin-top: -15px !important;
    width: 98%;
}

.uploadPicModal .tooltip {
    top: 68px;
    right: 370px;
    position: static;
}

    .uploadPicModal .tooltip img {
        margin: -2px 5px 0 0
    }

.uploadPicModal input {
    padding: 0 !important;
    border: 1px solid #aaa !important
}

.rigth_menu_top {
    height: 35px
}

.new_mess1 {
    float: right;
    padding-right: 15px
}

.num1 {
    float: left
}

.redtext {
    color: #F00
}

.top_nav_icons {
    position: relative;
    top: -9px;
    z-index: 998
}

.top_nav_icon {
    position: relative;
    left: 7px;
    width: 37px;
    top: -5px;
    z-index: 998
}

    .top_nav_icon:hover {
        filter: brightness(108%);
        z-index: 998
    }

.shadow {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    box-shadow: inset 0 0 19px #00000012;
}

.shadow2 {
    position: absolute;
    top: 0;
    z-index: 0;
    height: 87px;
    width: 95px;
    right: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.adv {
    width: 24%;
    height: 200px;
    margin-left: 6px;
    margin-top: 3px;
    margin-bottom: 3px;
    color: #FFF;
    float: right;
    border-radius: 5px;
    background: #f0f0f0;
    overflow: hidden;
    position: relative;
}


.adv2 {
    width: 16.5%;
    min-width: 160px;
    min-height: 150px;
    margin-left: 10px;
    margin-top: 15px;
    margin-bottom: 5px;
    background: #FFF;
    border: 3px solid rgba(255,255,255,0.75);
    color: #FFF;
    float: right;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #f6f8f9;
    background: linear-gradient(135deg, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
    box-shadow: 0 0 5px rgba(0,0,0,0.35);
}

.advpic2 {
    width: 100%;
    padding: 0 !important;
    margin: 0;
    text-align: center
}

    .advpic2 p {
        font-size: 17px;
        color: #000
    }


.adv3 {
    width: 115px;
    margin: 0 4px 2em 0;
    background: #FFF;
    border: 0;
    border-left: 1px solid rgba(0,0,0,0.15);
    color: #FFF;
    float: right;
    border-radius: 0;
    padding: 0;
    height: 25px;
}

searchSetPage.customerInfoContainer {
    left: 5px;
    top: 5px;
}

#contentMain_customerInfo_imgCustomer {
    width: 50px; /* user pic on mobile view size */
}

.menu_buttons hidden-md hidden-lg hidden-sm {
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer;
    border: 1px solid red;
}

.imgCustomer {
    width: 35px;
    border: 2px solid #d3d3d3;
    height: 35px;
    display: inline-block;
    border-radius: 50%
}

.divNikName {
    display: inline-block;
    color: #000;
    margin: 3px 0 10px 0;
}

.subscriptionPageRight {
    width: 57% !important
}

    .subscriptionPageRight img {
        padding: 0px
    }

.subscriptionPageLeft {
    padding: 20px;
    margin: 4px 0;
    border: 1px solid var(--custom-color-4);
    border-radius: 5px;
    width: 315px;
    height: 442px
}

.subscriptionType .subElement {
    font-size: 17px;
    padding: 0;
    margin: 5px 10px 5px 0;
    width: 100%;
    float: right
}

.subscriptionType .subElement2 {
    width: 300px;
    padding: 0;
    margin: 0;
    float: right;
    font-size: 17px
}

.subscriptionType .subElement3 {
    margin: 0 auto;
    font-size: 17px;
    display: inline-block;
    padding: 1px 0 1px 0;
    width: calc(100% + 15px)
}

.subscriptionType h2 {
    font-size: 25px;
    padding: 2px 0 3px 0px;
    text-align: right;
    width: 100%;
    margin: 0 12px 10px 0;
    max-width: 1024px;
    background: linear-gradient(83deg, #8cc8f811,#e2f2ff, #8cc8f89c,#178ebf00)
}


.rankingPages {
    text-align: right;
    color: var(--custom-color-5);
    padding: 0 0 0 2em;
}

    .subscriberPage h2, .rankingPages h2 {
        font-size: 25px;
        padding: 2px 0 3px 0px;
        text-align: right;
        width: 100%;
        margin: 0 12px 10px 0;
        max-width: 1024px;
        background: linear-gradient(83deg, #8cc8f811,#e2f2ff, #8cc8f89c,#178ebf00);
    }


.subscriberPage {
    padding: 0 0 0 2em !important;
    min-height: 65vh
}

.buttonsPayment img {
    filter: brightness(97%);
    max-width: none;
    width: auto;
    border-radius: 20px
}

    .buttonsPayment img:hover {
        filter: brightness(100%)
    }

.paymentType {
    text-align: right;
    font-size: 25px;
    color: var(--custom-color-5);
    padding: 0 0 0 10%;
    min-height: 65vh
}

    .paymentType h2 {
        font-size: 25px;
        padding: 2px 0 2px 0px;
        text-align: right;
        width: 100%;
        margin: 0 15px 10px 0;
        background: linear-gradient(83deg, #8cc8f811,#e2f2ff, #8cc8f89c,#178ebf00);
    }

.buttonsPayment img {
    filter: brightness(97%);
    max-width: none;
    width: auto;
    border-radius: 20px
}

    .buttonsPayment img:hover {
        filter: brightness(100%);
    }

.buttonPayment {
    width: 95.5%;
    height: 142px;
    position: relative;
    border-radius: 10px;
    padding: 0;
    margin: 4px 4px 8px 0;
    background: #e9e9e9;
}

    .buttonPayment:hover {
        background: #f0f0f0;
        cursor: pointer
    }


    .buttonPayment > div:first-child {
        position: absolute;
        width: 65px;
        right: 35px;
        font-weight: 700;
        line-height: 25px;
        height: 100%;
        display: flex;
        align-items: center;
        align-content: center;
    }

    .buttonPayment > .buttonPaymentLeft {
        width: 120%;
        position: relative;
        right: 0;
        height: 100%;
        float: right;
        display: flex;
        text-align: center;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        line-height: 50px;
    }

.buttonPaymentLeft > .btnPayLTop {
}

.buttonPaymentLeft > .btnPayLBottom {
    border-top: 2px solid #d0d0d0;
    width: 37%;
    font-size: 20px;
    color: #757575;
}

.buttonPaymentLeft > .btnPayLBottom2 {
    width: 37%;
    font-size: 16px;
    color: #ff7f6f;
    line-height: 0px;
    text-shadow: 0 0 3px #fff;
}

.buttonStrip {
    position: absolute;
    right: 95px;
    top: -3px;
    height: calc(100% + 6px)
}

.str1 {
    filter: hue-rotate(203deg) brightness(180%) saturate(65%) !important
}

.str2 {
    filter: hue-rotate(355deg) brightness(500%) saturate(85%) !important
}

.str3 {
    filter: hue-rotate(117deg) brightness(175%) !important;
}

.str4, .str9 {
    filter: hue-rotate(203deg) brightness(180%) saturate(65%) !important
}


#contentMain_fraPayment {
    position: relative;
    left: 50px
}

.connectNewSys, .connectOldSys {
    text-align: center;
    border: 1px solid #c0e2fc;
    border-radius: 9px;
    padding: 1.85em 0;
    margin: 2px;
}

.connectOldSys {
    background: #f2f9fe
}

.partnerMain {
    text-align: right;
    color: var(--custom-color-5);
    padding: 0 0 0 2em;
    padding-bottom: 50px !important;
    min-height: 65vh
}

    .partnerMain h2 {
        font-size: 25px;
        padding: 2px 0 3px 0px;
        text-align: right;
        width: 100%;
        margin: 0 0 10px 0;
        background: linear-gradient(83deg, #8cc8f811,#e2f2ff, #8cc8f89c,#178ebf00);
    }

.mivza-triangle {
    width: 0;
    height: 0;
    border-top: 80px solid #ff3ec8;
    border-right: 80px solid transparent;
    position: absolute;
    left: -2px;
    top: -2px;
    text-shadow: 0 0 3px #000;
    filter: drop-shadow(1px 1px 1px #ffff88);
}

.mivza-text {
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: -70px;
    left: -2px;
    transform: rotate(-45deg);
    text-align: center;
    line-height: 16px;
    font-style: italic
}

.mivzaClock {
    text-shadow: 0 0 black;
    font-weight: normal;
    font-size: 14px;
    text-shadow: 0 0 3px #000;
}

.typeahead, .tt-query, .tt-hint {
    font-size: 17px
}

.tt-menu {
    right: 0 !important;
}

textarea::-webkit-input-placeholder {
    color: #000 !important
}

textarea:-moz-placeholder {
    color: #000 !important
}

textarea::-moz-placeholder {
    color: #000 !important
}

textarea:-ms-input-placeholder {
    color: #000 !important
}

textarea::placeholder {
    color: #000 !important
}

#pricetag {
    text-decoration: none;
    font-size: 80%;
}

#contentMain_contentMain_btnUpdate, #contentMain_btnSearch {
    min-width: 250px
}

#contentMain_signin_cboYear, #contentMain_signin_cboMonth, #contentMain_signin_cboDay {
    width: 120px;
    text-align: center;
    border: 0;
    border-bottom: 1px solid #ccc;
}

#contentMain_signin_txtNickName, #contentMain_signin_txtEmail, #contentMain_signin_txtPassword, #contentMain_signin_txtPasswordVerification {
    width: 100%;
    border: 0;
    background: #fff !important;
}

#contentMain_contentMain_contentMain_cboCampaign {
    border: 0;
    border: 0;
    background: #fff;
    width: 110px;
}

#contentMain_signin_divLevel2 .opt {
    border-bottom: 1px solid #ccc
}

#contentMain_landinglevel2_cboYear, #contentMain_landinglevel2_cboMonth, #contentMain_landinglevel2_cboDay {
    width: 31.75%;
    text-align: center;
    border: 0;
    border-bottom: 1px solid #ccc;
}

.connectNewSys, .connectOldSys {
    text-align: center;
    border: 1px solid var(--custom-color-3);
    border-radius: 9px;
    padding: 1.85em 0;
    margin: 2px;
    font-size: 25px;
}


.perek .adv {
    margin-left: 12px;
    margin-right: 12px;
}

.contactFaq {
    text-align: right;
    border-radius: 12px;
    padding: 2px 15px 0 10px;
    min-height: 235px;
    margin: 0px;
    float: right;
    border: 8px solid transparent;
    box-shadow: inset 0 0 3px 0px rgba(0,0,0,0.83)
}

    .contactFaq ul {
        padding-right: 17px
    }

    .contactFaq li {
        font-size: 14px
    }

        .contactFaq li:hover {
            cursor: pointer;
            color: red
        }

.faqContent {
    border: 0;
    padding: 0 20px 0 20px;
    margin-top: -20px
}

    .faqContent a {
        color: #cd0000;
        text-decoration: underline
    }

    .faqContent h3 {
        padding: 1em 0;
        color: var(--custom-color-2);
    }

    .faqContent h4 {
        margin-bottom: 0px;
        font-size: 16px;
    }

    .faqContent p {
        margin-bottom: 10px;
        margin-top: 2px
    }

.advpic {
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
    height: 100%
}

    .advpic img {
        width: 100%;
        min-height: 100%
    }

.advpic2 {
    width: 100%;
    padding: 0 !important;
    margin: 0;
    text-align: center;
}

.status {
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 20px;
    margin: 0 auto;
    padding: 7px 0 0 0;
    z-index: 2
}

.adv .status p {
    margin-top: 0;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    text-shadow: 1px 1px 2px green;
    z-index: 2
}

.status_on {
    width: 21px;
    height: 21px;
    background-image: url(../images/online.webp);
    position: absolute;
    top: 0;
    margin: 4px 2px;
    padding: 0px 3px 0px 0px;
    z-index: 2;
    color: var(--custom-green);
    text-shadow: 0 0 2px white
}

.status_off {
    width: 21px;
    height: 21px;
    background-image: url(../images/offline.webp);
    position: absolute;
    top: 0;
    margin: 4px 2px;
    padding: 0px 3px 0px 0px;
    z-index: 2;
    color: #aaa;
    text-shadow: 0 0 2px white
}

.SearchResultsIcon1, .SearchResultsIcon2, .SearchResultsIcon3, .SearchResultsIcon4, .SearchResultsIcon5, .SearchResultsIcon6, .SearchResultsIcon7 {
    width: 25px;
    height: 25px;
    background-size: contain;
    position: absolute;
    top: 1px;
    left: 0;
    margin: 2px 0px;
    padding: 0px 3px 0px 0px;
    z-index: 2;
    text-shadow: 0 0 2px white;
    filter: drop-shadow(0 0 1.5px #ffffff);
}

.SearchResultsIcon1 {
    background-image: url(../images/SearchResultsIcon1.webp);
}

.SearchResultsIcon2 {
    background-image: url(../images/SearchResultsIcon2.webp);
}

.SearchResultsIcon3 {
    background-image: url(../images/SearchResultsIcon3.webp);
}

.SearchResultsIcon4 {
    background-image: url(../images/SearchResultsIcon4.webp);
}

.SearchResultsIcon5 {
    background-image: url(../images/SearchResultsIcon5.webp);
}

.SearchResultsIcon6 {
    background-image: url(../images/SearchResultsIcon6.webp);
}

.SearchResultsIcon7 {
    background-image: url(../images/SearchResultsIcon7.webp);
    display: none
}

.location .SearchResultsIcon7 {
    display: block
}

.SearchResultsIconText {
    width: 100px;
    position: absolute;
    top: 6px;
    left: 25px;
    z-index: 2;
    color: #fff;
    font-size: 12px;
    text-align: left;
    text-shadow: -1px -1px 0 #00000099, 1px -1px 0 #00000099, -1px 1px 0 #00000099, 1px 1px 0 #00000099;
    font-weight: bolder;
}

.location .SearchResultsIconText {
}



.m_pic > .status_on, .m_pic > .status_off {
    margin: 0;
    padding: 0;
    width: 11px;
    background-size: 100%;
    height: 11px;
    top: 2px
}

.imgContainer .status_off, .imgContainer .status_on {
    margin: 5px 4px
}

.adv .status_on p {
    margin-top: 0;
    color: #000;
    font-size: 17px;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
}

.adv .status_off p {
    margin-top: 0;
    color: #000;
    font-size: 17px;
    font-weight: bold;
    line-height: 19px;
    padding-right: 5px;
    text-align: center;
}

.adv p {
    color: #000;
    font-size: 12px;
}

.inf1 {
    width: 100%;
    height: 17px;
    color: #fff;
    text-shadow: 1px 1px 2px black;
    font-size: 12px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 4px;
    overflow: hidden;
    font-weight: 700;
    position: absolute;
    bottom: 3px;
    text-align: center;
    z-index: 2
}

.inf2 {
    width: 140px;
    height: 37px;
    color: #444;
    font-size: 12px;
    margin-top: 0;
    line-height: 1.5;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

.adv_btn {
    width: 140px;
    margin-top: 4px;
    margin-right: auto;
    margin-left: auto;
    display: none;
}

.menu_buttons {
    border: 0 none;
    background-color: transparent;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    float: right;
    margin-top: 14px;
}

.name1 > #customerInfo_lnkProfil img {
    border: 2px solid #d0d0d0;
    width: 150px;
    height: 150px;
    z-index: 999
}

.name1 {
    color: #000;
    font-size: 25px
}

.editPhotosIcon img {
    border: 0 !important;
    width: 38px !important;
    height: 38px !important;
    position: absolute;
    top: 100px;
    left: 63%
}

.disconnect {
    font-size: 14px;
    color: #000;
    float: right;
    padding-right: 12px;
    padding-top: 9px
}

.resetCountLink {
    position: absolute;
    left: 75px;
    font-size: 12px;
    text-decoration: underline;
    margin-top: 2px
}


.nopadding {
    padding: 0 !important;
}

.m1 {
    margin-top: 20px
}

    .m1 ul {
        margin-top: 10px;
        padding-right: 0px;
        list-style-type: none;
        margin-bottom: 0
    }

        .m1 ul li {
            margin: 5px 0;
            display: inline-flex;
            width: 100%
        }

            .m1 ul li > a {
                color: #000 !important
            }

            .m1 ul li img {
                position: relative;
                right: -7px
            }

.menu-hr {
    border-bottom: 1px solid var(--custom-color-3);
    background: 0;
    margin: 1em 0 1em 0
}

.m2 {
    margin-top: 1px
}

    .m2 ul {
        margin-top: 17px;
        padding-right: 0px;
        list-style-type: none;
        margin-bottom: 0
    }

        .m2 ul li {
            margin: -4px 0;
            display: inline-flex;
            width: 100%;
        }

            .m2 ul li img {
                position: relative;
                right: -1px;
                width: 22px;
                height: 22px;
                margin-left: 4px
            }

.m3 {
    margin-top: 10px
}

.pm {
    width: 164px;
    float: right;
    color: #000
}

.qw {
    color: #000;
    position: absolute;
    left: 1.5em;
}

.num_page {
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: -20px;
}

    .num_page ul {
        padding: 0;
        font-size: 18px;
        list-style-type: none;
    }

.modal-footer {
    text-align: left
}

#signInModal .modal-content {
    text-align: center
}

#signInModal .row_online {
    margin: 15px auto 0 auto;
    max-width: 211px
}

#signInModal .name1 {
    float: none;
    padding-right: 0
}

#signInModal .btn_small {
    margin-right: 0 !important;
    margin-top: 10px !important
}

#myModalCustomerInfo .modal-content {
    width: 300px;
    margin: 0 auto
}

.pagination > li > a, .pagination > li > span {
    padding: 6px 8px !important;
    background-color: transparent;
    border: none;
    color: #000;
    float: right
}

    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        text-decoration: none;
        background: none;
        color: #000
    }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    padding: 2px 9px !important;
    color: #fff !important;
    font-weight: bolder;
    background: var(--custom-color-1);
    border-radius: 3px;
    margin: 3px 0;
}

.num_page a {
    color: #000;
}

    .num_page a:hover {
        color: #000;
        text-decoration: underline;
    }

.begin-button {
    position: relative;
    left: -25%;
    padding: 10px;
    margin: 0 auto;
    background: rgba(255,255,255,0.93);
    border-radius: 11px;
    width: 85%;
    box-shadow: 1px 1px 55px rgba(0,0,0,0.55);
    border: 2px solid rgba(255,255,255,0.66);
    max-width: 430px;
    animation-name: bounceInUp;
    animation-duration: 0.66s;
    -webkit-animation-duration: 0.66s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    height: min-content;
}

.cur_page {
    margin: 0;
    padding: 0;
    color: #FFF;
    font-weight: bolder;
    width: 20px;
    height: 20px;
    background: #f7921c;
    border-radius: 3px;
}

.profile-popup {
    width: auto;
    max-width: 900px;
}

.profile_name {
    min-height: 28px;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    padding-right: 0;
}

    .profile_name h1 {
        margin: 0;
        padding: 0;
        margin-top: -1px;
        font-size: 20px;
        float: right;
        margin-left: 10px;
        line-height: 1.42857143;
        color: #000;
    }

    .profile_name p {
        margin: 0;
        padding: 0;
        margin-right: 0;
        padding-top: 4px;
        font-size: 16px;
    }

.profile_right {
    width: 100%;
    z-index: 2;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.profile_left {
    margin-top: 0;
}

.subscriptionType {
    text-align: right;
    font-size: 25px;
    color: var(--custom-color-5);
    padding: 0 0 0 2em
}

.perek, .new_mess {
    min-height: 3em;
    padding-bottom: 9px
}

#divMessages {
    min-height: 0em
}

#divAllMessages .message:last-child {
    margin-bottom: 2.25em
}

.messageRepeater {
    height: 52.25vh;
    overflow-x: hidden;
    overflow-y: auto;
    width: 95%;
    margin: 0px 0 10px 0;
    padding: 0 10px 0 5px
}

.pay_icon {
    float: right;
    filter: brightness(1.05);
    width: 30px !important;
    height: 29px !important;
    position: relative;
    top: -5px;
    margin: 0 8px 0 10px !important;
    width: 115%;
}

.search_p {
    height: auto;
    float: right;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 10px;
}


input[type=checkbox], input[type='radio'] {
    width: 20px;
    height: 20px;
    margin: 2px 2px 0;
    accent-color: #158dd0;
}

    input[type='radio']:checked:after {
        background-color: #158dd0;
        background: #158dd0;
    }



.search_p input[type=checkbox] {
    border: 1px solid red !important
}

.perek h2, .new_mess h2, .search_p h2 {
    color: var(--custom-color-2);
    font-size: 20px;
    margin-top: 0;
    padding: 0 0 1px 0;
    text-align: right;
    margin-bottom: 10px;
    float: initial;
    line-height: 1.4;
    border-radius: 0;
    border-bottom: 1px solid var(--custom-color-3);
}

.search_p h2 {
    color: #000;
    font-size: 22px;
    padding: 0 5px 2px 0;
    margin: 5px -5px 10px 0;
    line-height: 1.8;
    background: linear-gradient(-60deg, #ffffff, #178ebf6d, #ffffff);
    font-weight: normal;
}


.pr textarea {
    max-width: 303px
}

.new_mess textarea {
    width: 87%;
}

.perek p {
    padding-right: 0;
    padding-left: 0px;
}

.perek .param {
    width: 60px;
}

.perek .opt {
    text-align: right;
}

.sel1 {
    background: #ffffff;
    border-radius: 8px;
    padding: 1px 6px;
    margin: 3px 1px;
    display: inline-block;
    border: 2px solid #529fdd7a;
    background: #529fdd05;
}

.lgpic {
    text-align: center;
    margin-top: 13px;
    border-radius: 5px;
    position: relative
}

    .lgpic img {
        width: 100%;
        height: 275px;
        border-bottom: 1px solid #00000022;
        border-radius: 0;
    }

.mobUserTitle {
    padding: 0;
    margin: 0;
    text-align: right;
    color: var(--custom-color-2);
    font-size: 28px;
    text-shadow: 0 0 5px white;
    background: linear-gradient(-45deg, #178ebf00, #178ebf00,#8cc8f8,#178ebf00)
}

.prevpic {
    position: relative;
    margin-top: -45px;
    margin-bottom: 50px;
    -webkit-transform: scale(0.75, 0.75);
    -moz-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
}

.smpic {
    display: block;
    width: 65px;
    height: 50px !important;
    height: auto;
    border-radius: 5px;
    border: 2px solid #ffffffcc;
    cursor: pointer
}

.message img {
    width: 50px
}

.messagesCustomersPage .message > img {
    width: 27px
}

.message {
    color: #000;
    min-height: 20px;
    width: 100%;
    float: right;
    margin-bottom: 5px;
    float: right;
    border-bottom: 1px dotted var(--custom-color-3)
}

.my_message::before {
    content: "";
    position: absolute;
    left: 0px;
    margin-top: 20px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 25px solid #f7f5f4;
}

.my_message {
    background: #f7f5f4;
    padding: 0 10px;
    border-radius: 8px;
}


.partner_message::before {
    content: "";
    position: absolute;
    left: 0px;
    margin-top: 20px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 25px solid #fdecf1;
}


.partner_message {
    background: #ed2f6417;
    padding: 0 10px;
    border-radius: 8px;
}


.messagesCustomersPage {
}

    .messagesCustomersPage .message {
        border-bottom: 0;
        margin: 0 5px 5px 0
    }

    .messagesCustomersPage select {
        border: 0;
        border-bottom: 1px solid rgba(0,0,0,0.15);
        height: 22px;
        background: #fff;
        outline: 0;
        width: 47.5%
    }

#selectPeulot {
    width: 50%;
    margin-bottom: 0.5em
}

select {
    outline: 0;
    background: transparent;
    border: 1px solid rgba(0,0,0,0.135)
}



.imgPrivate {
    position: absolute;
    right: 0;
    bottom: 0;
}



.footer-text {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.m_pic {
    margin-top: 4px;
    margin-right: -2px;
    width: 60px;
    float: left;
    position: relative;
}

    .m_pic img {
        width: 59px;
        height: 60px;
        position: relative;
        left: 2px;
        border-radius: 25%;
        margin: 0px 0px 5px 0px;
        zoom: 1.075;
    }


.m_from {
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 3px;
    float: right;
    width: 100%;
}

    .m_from h3 {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 0;
        float: right;
        color: #000;
    }

.modal-sm {
    width: 26%;
    min-width: 200px;
    max-width: 360px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0
}

#myModalCustomerInfo .modal-content {
    background: #fcfcfc;
    width: 100%;
    min-height: 100vh;
    margin: 0 auto;
    border-radius: 0;
    padding: 10px
}

.message p {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    float: right;
    width: 100%;
}



.new_m {
    margin: 0;
    padding: 0;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
    float: right;
    width: 100%;
    color: #F00;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

.m_info {
    float: left;
    display: inline-block;
    font-size: 12px;
    margin-left: 15px;
    margin-top: 2px;
    text-align: left;
    padding-right: 3px;
    color: #999;
}

    .m_info img {
        margin: -3px 0 0 2px;
        width: 16px;
    }

.message input {
    float: right;
    margin-top: 25px;
}

.mess {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

    .mess hr {
        float: right;
        width: 32%;
        opacity: 0
    }

.mess_date p {
    float: right;
    width: 35%;
    text-align: center;
    margin-top: -8px;
    font-size: 12px;
    line-height: 12px
}

.mess_in {
    background: #ed2f6417;
    min-height: 45px;
    min-width: 18%;
    width: auto;
    float: left;
    margin-left: 0;
    border-radius: 10px;
}

.mess_out {
    background: #f0f0f0;
    min-height: 50px;
    min-width: 18%;
    width: auto;
    float: right;
    margin-right: 3px;
    border-radius: 10px;
    text-align: right;
}

.mess_in p {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 1em;
}

.mess_out p {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 1em;
}

    .mess_in p img, .mess_out p img {
    }


.hez_orange {
    float: left;
    margin-left: -13px;
    margin-top: 12px;
}

.hez_grey {
    float: right;
    margin-right: -13px;
    margin-top: 12px;
}

.adminAreaButtons1 {
    float: left
}

.sel {
    background: none;
    outline: 2px solid #529fdd7a;
    width: auto;
    padding-right: 4px;
    padding-left: 4px;
    border-radius: 4px;
    background: #529fdd05;
}

.unsel {
    background: #00000008;
    width: auto;
    padding-right: 4px;
    padding-left: 4px;
    border-radius: 4px;
}

.search {
    width: 100%;
    direction: rtl;
    margin-right: 10px;
    margin-top: -35px;
}

.row_online {
    max-width: 300px;
    margin-bottom: 10px;
    color: #000;
}

    .row_online .param {
        width: 50px;
        margin-right: 10px;
        text-align: right;
        font-weight: bold;
    }


.footer-copyright p {
    font-size: 14px;
    padding-top: 25px;
}

.footer-copyright {
    color: #fff;
    text-align: left;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.footer-links {
    font-size: 14px;
    line-height: 2em;
    position: relative;
    top: -5px
}


.rigth_menu_online {
    width: 210px;
    height: 285px;
    background: #FFF;
    border: solid thin;
    color: #F90;
    position: absolute;
    z-index: 2;
}

.online {
    margin-top: -45px;
}

    .online .rigth_menu {
        height: 260px;
        text-align: left;
        padding-left: 8px;
    }

.toda p {
    font-size: 16px
}

#contentMain_loginInner_txtEmail {
    height: 35px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #DDD;
    padding-right: 5px;
}

#contentMain_loginInner_txtPassword {
    height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #DDD;
    padding-right: 5px;
}


textarea::-webkit-input-placeholder {
    color: green;
}

textarea:-moz-placeholder {
    /* FF 4-18 */
    color: green;
}

textarea::-moz-placeholder {
    /* FF 19+ */
    color: green;
}

textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: green;
}

/* articles */
.randombox {
    padding: 0 10px;
    position: initial
}

    .randombox img {
        padding: 12px 0 3px 0;
        width: 100%;
        height: 182px;
    }

    .randombox p {
        line-height: 16px;
        font-size: 16px;
        font-weight: bold;
        height: 20px;
        color: #000
    }

/* articles page*/
.articlesPage {
    padding: 0;
    margin-top: 1em;
}

.article-preview {
    display: inline-block;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.article-preview-text {
    padding-bottom: 25px
}

    .article-preview-text h2 {
        margin: 0;
        padding: 0
    }

.article-preview h2 {
    margin: 0;
    padding: 0 0 0 0
}

.article-image {
    float: right;
    padding: 0 0 10px 10px;
}

    .article-image img {
        border-radius: 3px
    }

.article-preview p {
    color: #000
}

.article-preview h2 {
    color: var(--custom-color-2);
}

.article-full {
    display: inline-block;
    margin: -15px 0 0 0;
    padding: 0;
}

    .article-full h1 {
        margin: 0;
        padding: 0 0 15px 0;
        color: var(--custom-color-2);
    }

    .article-full h2 {
        font-size: 22px;
        margin: 0;
        padding: 20px 0 10px 0;
        text-align: right;
        float: none
    }

    .article-full h3 {
        padding: 0 0 5px 0;
    }

.article-full-image {
    float: left;
    width: 45%;
    padding: 0px 25px;
}

.article-share {
    width: 45px
}

.articlesPage ul li a {
    color: #000 !important
}

.articlesPage ul, .articlesPage ol {
    padding: 0 10px 5px 10px;
    list-style-position: inside;
}

.articlesPage p {
    padding-left: 10px
}

.article-image img {
    border-radius: 5px
}

.articlesPage ul li, .articlesPage ol li {
    list-style-position: inside;
    text-indent: -1.25em;
    padding-left: 0;
    margin: 0 1em 0.33em 0
}


/* hotOrNot Page */
.hotOrNotPage {
    padding-right: 20px;
    padding-left: 0;
    margin-top: 5px;
    min-height: 61vh;
}

/*top section*/
.hotOrNotPageTopWrap {
    display: flex;
}

    .hotOrNotPageTopWrap select {
        flex: 0.84;
        height: 30px;
        border: 0;
        border-bottom: 1px solid rgba(0,0,0,0.15);
        background: #fff;
        margin-top: 9px;
        outline: none;
    }

        .hotOrNotPageTopWrap select:hover {
            outline: 0
        }

.hotOrNotPageIcons {
    flex: 0.2;
    margin: 7px 40px 10px 0;
    max-width: 90px;
    padding: 3px 5px 0px 0;
    border-radius: 9px;
    height: 41px;
    position: relative;
    left: 6px;
    top: -4px;
}

    .hotOrNotPageIcons img {
        width: 36px;
        position: relative;
        top: -2px;
    }

/*main section*/

.hotOrNotPageMain {
    width: 100%;
    margin-right: -15px;
    margin-left: -15px;
    min-height: 150px;
    border: 0 solid #F90;
    border-radius: 10px;
    background: rgba(255,255,255,0.22);
    cursor: pointer;
}

.hotOrNotUserInfo {
    background: transparent;
    text-align: center;
    position: relative;
    top: -2em;
    color: white;
    text-shadow: 0 0 2px #000;
}

.hotOrNotPageMain > .onlineOn {
    height: 1.8em;
    background: rgb(142, 225, 149);
    direction: rtl;
    padding: 3px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    padding-right: 10px
}

.hotOrNotPageMain > .onlineOff {
    height: 1.8em;
    background: rgba(232,232,232,1);
    direction: rtl;
    padding: 3px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    padding-right: 10px
}

.hotOrNotPageMain > .imgContainer {
    text-align: center;
    overflow: hidden;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    background: #158dd00A
}

.hotOrNotPageMain img {
    margin: 0;
    max-height: 500px;
    min-height: 350px;
}

.hotOrNotPageMain #contentMain_lblCustomerName {
    text-align: center;
    padding: 0 5px 0 5px;
    direction: rtl;
    font-weight: 700;
    display: inline-block;
}

.hotOrNotPageMain #contentMain_lblCustomerAge {
    text-align: center;
    direction: rtl;
    display: inline-block;
}

.hotOrNotPageMain #contentMain_lblCustomerCity {
    text-align: center;
    direction: rtl;
    display: inline-block;
}

.hotOrNotPageBottom {
    text-align: center;
    margin-top: -0.9em
}

    .hotOrNotPageBottom table {
        width: 220px;
        margin: 0 auto;
        position: relative;
        left: 2%;
    }

        .hotOrNotPageBottom table td {
            text-align: center;
            font-size: 14px;
        }

    .hotOrNotPageBottom img {
        width: 50px
    }

        .hotOrNotPageBottom img:hover {
            filter: brightness(108%);
            cursor: pointer;
            transform: scale(1.02,1.02);
        }


/* HotOrNot Page END*/


/* Messages.aspx page */
.messagesPage {
}

.t_pic {
    position: relative;
    float: right
}

    .t_pic img {
        width: 34px;
        height: 30px;
        position: relative;
        margin-bottom: 5px;
        border-radius: 5px
    }

    .t_pic > .status_on, .t_pic > .status_off {
        margin: 0;
        padding: 0;
        width: 11px;
        background-size: 100%;
        height: 11px
    }

.lblMessageCaption {
    float: right;
    padding: 0 3px;
    margin: 5px 5px;
    font-size: 17px
}

.lblMessageAbout {
    font-weight: normal;
    font-size: 14px;
    padding: 0 3px;
    margin: 0 5px
}

/* search-main.aspx page */
.searchMainPage {
    padding-left: 10px;
    padding-right: 15px;
    margin-top: 0
}
/* messages-customers.aspx page */
.messagesCustomersPage {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px
}
/* update.aspx  page */
.updatePage {
}

    .updatePage .row_t2 > .opt > select {
        width: 250px
    }

#cboCity, #contentMain_cboFamilyStatus {
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    padding: 0 5px 0 25px
}
/* search.aspx page*/
.searchPage {
    position: relative;
    left: -2px;
}

.updateMenuContainer {
    position: relative;
    padding: 3px 2px 0 6px;
}

/* Status page */
.statusPage {
    margin-top: 5px;
    min-height: 75vh;
    position: relative;
    left: -20px;
}

/*top section*/
.statusPageTopWrap {
    display: flex;
    max-width: 800px;
}

.statusPage .row {
    width: 94%
}

.statusPageSearchBox {
    flex: 1.25;
    height: 35px;
    padding: 4px 4px 0 0;
    max-width: 92vw;
    margin-top: 0px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.15);
}

    .statusPageSearchBox > input {
        border: 0;
        margin-top: 1px;
        width: 83%;
        outline: none;
        color: #333
    }

.statusPageIcons {
    flex: 0.2;
    flex: 0.2;
    margin: 4px 40px 10px 0;
    max-width: 90px;
    padding: 5px 5px 0px 0;
    border-radius: 9px;
    position: relative;
    left: 6px;
    top: -5px;
}

    .statusPageIcons img {
        width: 34px;
        height: 34px;
        position: relative;
        top: -2px;
    }

/*message section*/
.statusPageMessage {
    min-height: 93px;
    display: flex;
    flex-direction: row;
    border-top: 1px solid rgba(0,0,0,0.15);
}

.statusPagePic {
    flex: 1;
    max-width: 95px
}

    .statusPagePic > img {
        width: 100%;
        height: 75px;
        margin: 10px 0 0 0;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px
    }

    .statusPagePic p {
        text-align: center;
        font-weight: bold;
        color: #fff;
        text-shadow: 0 0 3px black;
        position: relative;
        top: -19px;
        margin-bottom: -10px;
        font-size: 14px;
    }

    .statusPagePic > .status_on, .statusPagePic > .status_off {
        position: absolute;
        top: 10px;
        right: 0;
        max-height: 20px;
        overflow: hidden;
        transform: scale(0.75,0.75);
        transform-origin: top right;
    }

.statusPageMain {
    flex: 1;
    padding: 0 10px 0 10px
}

    .statusPageMain > h3 {
        margin: 10px -4px 0 0;
        float: right
    }

    .statusPageMain > img {
        width: 25px;
        height: 25px;
        float: right;
        position: relative;
        top: 10px;
        left: 3px
    }

    .statusPageMain > p {
        width: 100%
    }

.statusPageTime {
    position: absolute;
    left: 0;
    top: 8px;
    text-align: left
}

    .statusPageTime > span {
        font-size: 13px;
        color: #1378b0
    }

    .statusPageTime > img {
        position: relative;
        right: 3px;
        top: -1px
    }

/* popup settings */
#statusPagePopup {
    display: none;
    width: 420px;
    border-radius: 9px;
    position: absolute;
    right: -8px;
    top: 0;
    z-index: 3;
    background: white;
    padding: 5%;
    border: 1px solid #178ebf88;
    border: 1px solid #ccc
}

    #statusPagePopup > button[type=button] {
        position: absolute;
        left: 5px;
        top: 5px;
    }

    #statusPagePopup > div span {
        font-size: 22px;
        font-weight: 700
    }

    #statusPagePopup input[type=radio] {
        margin: 0 5px 0 8px
    }

    #statusPagePopup .clearfix {
        height: 12px
    }

    #statusPagePopup textarea {
        width: 64%;
        padding: 3px 10px 5px 5px;
        margin: 20px 22px -10px 5px;
        height: 30px;
        resize: none;
        overflow: hidden;
        border: 0;
        border-bottom: 1px solid rgba(0,0,0,0.15);
        outline: 0;
    }

    #statusPagePopup input[type=submit] {
        width: 25%;
        background: #529fdd
    }

    #statusPagePopup > div span {
        font-size: 21px;
        font-weight: 700;
    }


@-moz-document url-prefix() {
    #statusPagePopup input[type=submit] {
        position: relative;
        top: 5px
    }
}
/* Status page END */

/* Contact-me page */
.contact-me-page {
}

.contact-me-ul {
    list-style: none;
    padding: 0
}

    .contact-me-ul li {
        line-height: 3em
    }

        .contact-me-ul li input[type=text] {
            line-height: 1em
        }

    .contact-me-ul img {
        width: 32px;
        height: 32px;
        filter: grayscale(1)
    }

.color {
    filter: none !important
}
/* Contact-me page END*/

.contact-me-ul2 {
    list-style: none;
    padding: 5px 5px 0 0
}

    .contact-me-ul2 li {
        line-height: 3em;
        border-bottom: 1px solid #eee;
        margin: 5px 0 0px 0;
        padding: 0 0 5px 0px;
    }

        .contact-me-ul2 li input[type="text"] {
            line-height: 1em;
            max-width: 15vw;
        }

    .contact-me-ul2 img {
        width: 32px;
        height: 32px;
        margin-left: 5px;
    }

    .contact-me-ul2 .available {
        width: 55px;
        height: 24px;
    }

.contact-inf {
    display: inline-flex;
    width: 150px
}

#emobox2 {
    max-width: 400px;
}

.btn_contact_settings {
    line-height: 1em;
    padding: 6px 10px;
    border-radius: 25px;
    background: var(--custom-color-1);
    color: #fff;
    margin-right: 20px;
}

/*  messages contact info popup*/
.btn-grey, .btn-disabled {
    background: #959595
}

.disabled {
    filter: grayscale(1)
}

/* Adverttools pages */
.banner > ul {
    list-style: none;
    padding: 0
}

.banner > h3 {
    position: relative;
    top: -8px
}

.banner #bannerType1 {
    display: inline-block;
    width: 18px;
    height: 15px;
    vertical-align: middle;
    border: 1px solid #555
}

.banner #bannerType2 {
    display: inline-block;
    width: 18px;
    height: 9px;
    vertical-align: middle;
    border: 1px solid #555
}

.banner #bannerType3 {
    display: inline-block;
    width: 9px;
    height: 18px;
    vertical-align: middle;
    border: 1px solid #555;
    margin: 0 5px 0 4px
}

.banner #bannerSize {
    display: inline-block;
    width: 75px;
    text-align: center
}

.banner a {
    display: inline-block;
    min-width: 30px
}

.adverttools1 hr {
    margin-bottom: 20px
}
/* Advertools pages END */

.customerInfoPage {
    margin-bottom: -55px
}

.fixh {
    border-radius: 25px;
    border: 1px solid #AAA;
    padding-right: 18px;
    padding-left: 18px;
}


#contentMain_txtTransferAmount, #contentMain_cboPaymentMethod {
    width: 200px
}

.dismissWindow {
    cursor: pointer;
    padding-top: 0.75em
}

.btnCloseUploadPic {
    padding: 0 !important;
    border: 0px solid #e0e0e0 !important;
    background-color: transparent;
    color: black !important;
    width: 275px;
    margin: 0 0 1px 0;
    margin-bottom: 10px !important;
    font-size: initial;
    text-decoration: underline;
    pointer-events: none;
}

.hide-mobile {
    display: block
}

.hide-desktop {
    display: none
}


.partnerInfo {
    width: 615px
}

.reportBlock {
    border: 1px solid #529fdd88;
    margin: 0px;
    border-radius: 3px;
    float: right;
    padding: 0 5px;
    margin-bottom: 8px;
}

.nav > li > a > img {
    display: none;
    width: 21px;
    height: 21px
}

input[type=text], input[type=password] {
    background: transparent !important;
    outline: 0;
}

.user-menu-buttons {
    left: 10px;
    width: 106%
}

    .user-menu-buttons a {
        color: #000
    }

.user-menu-button {
    padding: 0.5em;
    margin: 0;
    background: #529fdd55;
    border: 1px solid #fff;
    border-left: 0px solid var(--custom-color-1)
}

.subscriptionActive {
    background: #55e0976e
}

.arshama {
    padding-right: 10px
}

    .arshama h1.homepage-title {
        margin-right: -20px
    }

    .arshama .modalTitle {
        padding-bottom: 20px;
        margin-bottom: 0 !important
    }

.maian_mnu ul li {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    border-radius: 0;
    background: #ffffff;
    padding: 0;
    margin-right: 0;
    border-width: thin;
    font-size: 14px
}

.navbar-right {
    margin: 0
}

#login_pPasswordRecovery a {
    color: #000
}

.passwordRecovery {
    min-height: 62vh;
}

.partnerPages {
    min-height: 65vh;
    padding-bottom: 3em !important
}

#contentMain_contentMain_cboMonth, #contentMain_contentMain_cboYear {
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    background: #fff
}

#contentMain_contentMain_contentMain_txtLink1, #contentMain_contentMain_contentMain_txtLink2, #contentMain_contentMain_contentMain_txtLink3, #contentMain_contentMain_contentMain_txtLink4, #contentMain_contentMain_contentMain_txtLink5, #contentMain_contentMain_contentMain_txtLink6 {
    direction: ltr !important;
    text-align: right;
    width: 400px
}

#contentMain_txtTransferAmount, #contentMain_cboPaymentMethod {
    width: 200px;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    padding-bottom: 2px;
    background: #fff
}

#contentMain_divDetails {
    margin-right: 1em
}

#contentMain_divPayPal {
    padding-right: 15px
}

#contentMain_contentMain_lblMe a {
    color: #000
}

.title h2 {
    background: linear-gradient(83deg, #8cc8f811, #e2f2ff, #8cc8f89c, #178ebf00);
    color: #000;
    font-size: 22px;
    padding: 0 5px 2px 0;
    margin: 5px -5px 10px 0;
    line-height: 1.8;
}

.partner {
    margin-bottom: 20px
}


.phoneAuthenticationPage, .emailAuthenticationPage {
    min-height: 65vh
}

    .phoneAuthenticationPage .perek h2 {
        font-size: 22px;
        padding-top: 18px
    }

    .emailAuthenticationPage .perek {
        padding-bottom: 15px
    }

        .emailAuthenticationPage .perek h2 {
            font-size: 22px;
            padding-top: 19px;
        }

#contentMain_txtPhoneNumber, #contentMain_txtSMSCode {
    border: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.15) !important;
    height: 35px;
    border-radius: 3px
}


.reportTable {
    margin: 20px 0 0px;
}


.lastStatus {
    position: relative;
    top: -35px;
    left: 10px;
    font-size: unset;
    display: block;
    background: #dbefff;
    padding: 5px 1em;
    border-radius: 10px;
    max-width: 21em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .lastStatus > div {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .lastStatus > div:last-child {
            max-width: 13.5em;
            margin-left: 0
        }

.statusTemp {
    margin: 10px 0 25px 0;
    padding: 0 3px;
    box-shadow: 0 0 4px var(--custom-color-1);
    border-radius: 3px;
}

.searchPageSearch {
    width: 100%;
    max-width: 320px;
    height: 2.5em;
    border-radius: 3px;
    padding-right: 10px;
    margin-right: -5px;
    outline: 1px;
    border: 1px solid rgba(0,0,0,0.15);
}

.marg {
}

.marg2 {
    margin-top: 6px
}

#txtBadBehavior {
    width: 99%;
    border-radius: 5px;
    border: 1px solid #aaa;
}

#divSendMessage {
    padding: 12px 0 0 0
}

.locationPages {
    margin: auto;
    min-height: 75vh
}

    .locationPages .locationDenied {
        margin: 20px 4px;
        border: 2px solid transparent;
        padding: 15px;
        border-radius: 15px;
        cursor: pointer;
        text-align: center;
        box-shadow: 0 0 6px -3px #000;
        margin-top: 20px;
        background: radial-gradient(#ffffff,#ffffff, #fafafa);
        float: right;
    }

.locationDenied img {
    width: 40px
}

.locationDenied h3 {
    margin-top: 0;
    margin-bottom: 10px
}

.locationPages .locationDenied:hover, .locationPages .locationDenied:active {
    filter: brightness(107%);
    border: 2px solid #aaa
}

#divFierFox img, #divSamsung img, #divSafari img, #divChrome img {
    border-radius: 9px;
    border: 1px dashed #aaa;
    padding: 24px;
    box-shadow: inset 0 0 15px #dedede;
    margin: 5px 0 25px 0;
    max-width: 425px
}

#divFierFox h2, #divSamsung h2, #divSafari h2, #divChrome h2 {
    margin-bottom: 15px;
}


.regions_container {
    min-height: 65vh
}

#contentMain_lblMainCaption {
    color: var(--custom-color-2)
}

#contentMain_lblSubCaption {
    font-size: 16px
}

#contentMain_divScore {
    border: 1px solid #3e9d4d !important;
    padding: 15px;
    width: fit-content;
    border-radius: 15px;
    font-size: 22px;
    cursor: help;
    margin-bottom: 1.1em;
}

.frontpage_icons {
    width: 50px;
    height: 50px
}

.fp_cont {
    box-shadow: 0 0 3px var(--custom-color-3);
    border-radius: 12px;
    padding: 15px 15px;
    min-height: 310px;
    background: #158dd00A;
}

.profile-popup .row {
    padding: 0 15px
}

.modal-content > .row {
    margin: 0
}

.loading-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    pointer-events: none;
}

.spinner {
    width: 60px;
    height: 60px;
    border: 8px solid #e9ecef;
    border-top: 8px solid #1379b1;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.visibility-hidden {
    visibility: hidden !important;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* MEDIA QUERIES */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .sel1 {
        background: #FFF100;
        width: auto;
        padding-right: 4px;
        padding-left: 4px;
        border-radius: 0;
    }

    .adverttools1 {
        float: right;
        margin-top: -35px;
        text-align: right;
    }

    .toda {
        max-width: 550px;
        height: 200px;
        background: #FFF;
        margin-top: 15%;
        margin-bottom: 15%;
        position: relative;
        border: solid thin;
        color: #F90;
    }
}

@media only screen and (min-width: 1367px) {

    .hotOrNotPageMain img {
        max-height: 500px;
        min-height: 500px
    }

    #navbar {
        flex: 0.7;
        margin: 0 15vw 0 0
    }
}

@media only screen and (max-width: 1200px) {

    .lastStatus {
        top: -20px
    }

    .subscriptionType {
        padding-bottom: 50px !important;
    }

    .subscriptionPageRight {
        width: auto
    }

        .subscriptionPageRight img {
            padding: 0px;
            max-width: 100%
        }
}

@media only screen and (max-width : 992px) {

    .buttonPayment > .buttonPaymentLeft {
        width: 135%;
        line-height: 45px
    }

    #navbar {
        flex: 0.55;
        margin: 0px 5vw 0 0;
    }

    .navbar-header {
        flex: 0.25
    }

    .maian_mnu .navbar-nav > li > a, .maian_mnu .navbar-nav > li > a:hover {
        font-size: 19px;
        font-weight: normal;
        margin: 0;
    }

    .map_pic {
        left: -25%;
    }

    .statusPageTime {
        left: 0
    }

    .statusPageSearchBox {
        flex: 0.725
    }

    .send_message_button {
        width: 16%;
        vertical-align: top;
        position: relative;
        top: -2px;
    }

    .profile_left > .emobox > .valign > .emo1 {
        width: 43px;
        margin: 0px 3px
    }

    .send_message_button2 {
        width: 18%;
        vertical-align: top;
        position: relative;
        top: -13px;
    }

    html > body .send_message_button2, x:-moz-any-link {
        position: relative;
        top: 7px;
    }

    .picpage {
        width: 320px;
        height: 252px;
        float: right;
    }

    .adv {
        width: 30%;
        min-width: 155px;
        margin-top: 15px;
        max-height: 140px;
    }

    .perek .adv {
        width: 30%;
        margin-right: 1%;
        margin-left: 1px;
    }

    .adv2 {
        width: 20%;
        min-width: 110px;
        min-height: 122px;
        max-height: 150px;
        position: relative;
        right: 10px;
        margin-left: 3px;
    }

    .adv3 {
    }

    .m1 .pm {
        width: 83%;
    }

    .pm {
        width: 30%;
    }

    .smpic {
        display: inline-block;
    }

    #txtBadBehavior {
        width: 97%;
    }

    .right_col_home {
        margin-top: 0;
    }

    .new_mess textarea {
        width: 82%;
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        width: 240px;
        margin-top: 7px;
    }

    .updateMenu {
        max-width: 500px
    }

    #bgdiv {
        background-size: cover;
    }
}

@media (min-width: 768px) {

    .maian_mnu ul li {
        background: none;
        float: right;
        margin: 0px 0px 0 10px;
        padding: 0 0 0 10px;
        width: auto
    }

    .navbar-right {
        margin: 15px auto 15px auto !important
    }
}

@media only screen and (max-width : 768px) {

    .profile-popup .row {
        padding: 0;
    }

    .footer-links {
        font-size: 18px
    }

    .emobox {
        right: 10px
    }

    .btn_red_small {
        width: 97%
    }

    .profile-popup .col-md-5 {
        padding: 0
    }

    .searchPageSearchBtn {
        margin: 24px 15px 0 0 !important
    }

    .searchPageSearch {
        margin-right: 0;
        width: 92%;
        max-width: unset;
    }

    .randombox img {
        height: 131px;
        padding: 10px 0 1px 0
    }

    .randombox {
        padding: 0 0 0 9px
    }

        .randombox p {
            font-size: 15px
        }

    .buttonPayment > .buttonPaymentLeft {
        width: 125%
    }

    .mivzaim {
        width: 98%;
        height: 64px;
        margin: 1px 5px 1px 2px;
    }

    .mivzaMsg {
        width: 100%;
        margin-top: 2px;
        display: block
    }

    .buttonPayment {
        width: 96vw;
        height: 125px;
        margin: 9px 4px 13px 0
    }

    .buttonStrip {
        position: absolute !important;
        right: 65px !important;
        top: -3px;
        height: calc(100% + 6px) !important;
        width: auto !important;
    }



    .buttonPayment > div:first-child {
        right: 22px;
        font-size: 20px;
        line-height: 25px
    }

    .buttonPaymentLeft > .btnPayLTop {
        font-size: 22px
    }

    .buttonPaymentLeft > .btnPayLBottom {
        font-size: 17px
    }


    .buttonStrip {
        position: absolute !important;
        right: 65px !important;
        top: -3px;
        height: calc(100% + 6px) !important;
        width: auto !important;
    }

    body, html {
        overflow-x: hidden
    }

    .lastStatus > div:last-child {
        max-width: 13em;
    }

    .lastStatus {
        font-size: 14px;
        top: -11px !important;
        padding: 5px 10px 5px 2px;
        left: 4px
    }

    .tooltip > span {
        bottom: 126px;
        left: 17vw
    }

    .imgPrivate {
        -moz-transform: scale(1.66,1.66);
        -webkit-transform: scale(1.66,1.66);
        transform: scale(1.66,1.66);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        right: 0;
        bottom: 3px;
        position: absolute
    }

    .peulotButton {
        margin-top: 15px;
        width: 98%
    }

    .statusPage .row {
        width: 100%
    }

    .account_set .tooltip > span {
        bottom: 20px;
        left: 20px;
        max-width: 80vw;
        width: 320px;
    }

    div .opt label {
        margin: 0 2.5px 0 0
    }

    .paymentType h2 {
        font-size: 22px;
        margin-top: 10px
    }

    .subscriptionType .subElement {
        padding: 3px 0px 16px 0px;
        margin: 0;
        width: 100%;
    }

    .subscriptionType .subElement2 {
        padding: 0 0 15px 0
    }

    .subscriptionType .subElement3 {
        padding: 5px 0 10px 15px;
        margin-right: -10px;
    }

    .subscriptionType h2 {
        font-size: 22px;
        margin: 10px 10px 10px 0;
        padding: 2px 0px;
        max-width: 95vw
    }

    .subscriptionPageLeft {
        border: 0;
        margin: 0
    }

    .subElement img {
        width: 25px !important;
        height: auto
    }

    .buttonsPayment {
        margin-right: -3px
    }

        .buttonsPayment img {
            width: 357px;
            height: initial;
            margin-bottom: 5px;
            margin-top: -1px;
            max-width: none;
            position: relative;
            right: 0;
            margin: 0 auto;
            image-rendering: -moz-crisp-edges;
            image-rendering: -o-crisp-edges;
            image-rendering: -webkit-crisp-edges;
            image-rendering: crisp-edges;
        }

    .subscriptionPageRight {
        width: auto !important;
        padding: 0 !important;
        margin: 0 5px !important
    }

    .begin-button {
        height: auto
    }

    .row_t3 {
        margin-right: 1px;
    }

    #contentMain_contentMain_btnUpdate, #contentMain_btnSearch {
        width: calc(100% + 5px);
        margin: 20px 10px 60px 0;
        max-width: 89vw
    }

    #contentMain_contentMain_contentMain_cboCampaign {
        width: 85px;
    }

    #contentMain_contentMain_contentMain_txtLink1, #contentMain_contentMain_contentMain_txtLink2, #contentMain_contentMain_contentMain_txtLink3, #contentMain_contentMain_contentMain_txtLink4, #contentMain_contentMain_contentMain_txtLink5, #contentMain_contentMain_contentMain_txtLink6 {
        font-size: 14px
    }

    #contentMain_divDetails {
        margin-right: 5px
    }

    #contentMain_divPayPal {
        text-align: center;
        padding: 0
    }

    .passwordRecovery {
        min-height: 45vh;
        border: 2px solid #eee;
        border-radius: 5px;
        margin: 13px 10px !important
    }

        .passwordRecovery h1 {
            text-align: center
        }

        .passwordRecovery .param {
            text-align: center;
            width: 100%;
            padding-left: 200px
        }

        .passwordRecovery input {
            margin: 0 32.25%
        }

    .adv {
        min-width: unset
    }

    .navbar-brand .navbrandLogo {
        max-width: 160px
    }

    .num_page {
        margin-bottom: 3.25em
    }

    .btn-sendmessage {
        width: 75%
    }

    .profile_left .perek, .new_mess {
        padding-bottom: 10px
    }

    .new_mess {
        margin: 0 7px 0 0;
    }

    .messagesCustomersPage {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 10px;
        min-height: 300px
    }

        .messagesCustomersPage select {
            width: 50%;
        }

    #selectPeulot {
        width: 45%
    }

    .adv {
        height: auto
    }

    .advpic {
        height: 140px
    }

    #contentMain_alert_myModal > .modal-dialog {
        max-width: 100vw
    }

    #contentMain_signin_cboYear, #contentMain_signin_cboMonth, #contentMain_signin_cboDay {
        width: 95px;
        background: transparent;
    }

    #divAllMessages .message:last-child {
        margin-bottom: 2.25em;
    }

    .user-menu-buttons {
        position: relative;
        right: -21px;
        width: 113%
    }

    .user-menu-button {
        padding: 0.5em;
        margin: 0;
        border: 1px solid #fff;
        border-left: 0px solid var(--custom-color-1)
    }

    .modal-sm {
        width: 100%;
        max-width: unset
    }

    .profile_right {
        width: 100%;
        margin-bottom: 5px;
        padding-bottom: 5px
    }

    .partnerLoginPage {
        min-height: 1125px
    }

    .partnerPagePic {
        display: none
    }

    .partnerLoginPage ul {
        margin-top: 10px;
        margin-right: -12px
    }

    .partnerLoginPage .partnerTitle {
        font-size: 25px;
        padding: 20px 0 10px 0;
        margin: 0;
    }

    .partnerLoginPage .leftside {
        max-width: 390px;
        min-height: auto;
        padding: 0 0 15px 0;
        margin-top: 0
    }

    .partnerLoginPage .partnerTitle {
        font-size: 25px
    }

    .partnerLoginPage h3 {
        padding-right: 10px
    }

    #HomepageSignupModal .modal-dialog {
        width: initial
    }

    .maian_mnu .navbar-nav > li > a, .maian_mnu {
        font-weight: normal;
        font-size: 22px;
        padding: 15px 10px 15px 15px
    }

    .nav > li > a > img {
        display: initial;
        margin-left: 5px
    }

    button.close {
        font-weight: 300;
        font-size: 40px
    }

    #navbar {
        margin: 0;
        display: block;
        position: absolute;
        top: 66px;
        z-index: 1000;
        box-shadow: 0 5px 3px #00000044;
        padding: 0
    }

    .navbar {
        margin-bottom: 5px
    }

    .top {
        margin-bottom: 5px
    }

    .navbar-header {
        flex: auto
    }

    .headerMenuButton {
        flex: 0.4
    }

    .frontPageButtons .btn-danger {
        padding: 10px 15vw
    }

    .frontPageButtons {
        width: 85vw;
        margin: 0 auto;
        margin-top: 34vh;
        text-align: center;
        margin-bottom: 0;
    }

    #contentMain_contentMain_divReport > table {
        font-size: 10px
    }

    .partnerInfo {
        width: 99%
    }

    .hide-mobile {
        display: none
    }

    .hide-desktop {
        display: block
    }

    .updateMenuList {
        right: 0px;
        padding: 0
    }

        .updateMenuList li {
            text-align: right;
            height: 35px;
            padding-top: 2px;
            padding: 8px 12px 8px 0;
            font-size: 20px;
            line-height: 0.9;
        }

    .modal-body {
        max-height: calc(100vh - 100px);
        overflow-y: auto;
        padding: 10px
    }

    .searchPage {
        position: relative;
        left: 10px;
    }

    .statusPage {
        left: 0;
    }

    .updateMenuContainer {
        position: relative;
        left: 0;
    }

    .customerInfoPage {
        margin-bottom: 0;
        padding-right: 18px;
        z-index: 998;
    }

    .row {
        margin-right: initial;
    }

    /* update page menu */
    .updateMenu {
        width: 100%;
        max-width: 385px
    }

    .updateMenuItem {
        font-size: 22px;
        padding: 8px 8px 0 0;
        line-height: 17px;
        min-height: 53px;
        text-align: right;
    }
    /* update page menu End*/
    /* Status page */
    .statusPageIcons {
        text-align: right
    }

        .statusPageIcons > img {
            height: 39px
        }

    .statusPageMessage > .statusPageTime {
        text-align: right
    }

    .statusPageTime {
        left: 8px
    }
    /* Status page END */

    .maian_mnu .navbar-nav > li:hover {
        background: #72baf5;
    }

    .container-fluid {
        background-size: 240%;
        background-position: 49% 0;
        margin-top: 0;
    }

    .strip1 {
        height: 125px;
        position: absolute !important;
        padding: 10px 0 0 0;
        margin-top: 1px
    }

    .begin-button {
        position: relative;
        left: 0;
    }

    #contentMain_customerInfo_divNikName {
        display: none !important;
    }

    .send_message_button {
        width: 58px;
        height: 58px;
        vertical-align: top;
        position: relative;
        top: -3px;
        right: 1px;
    }

    .send_message_button2 {
        width: 59px;
        height: 59px;
        vertical-align: top;
        position: relative;
        top: -4px
    }

    html > body .send_message_button2, x:-moz-any-link {
        position: relative;
        top: 6px;
    }

    .perek textarea, .new_mess textarea {
        width: 78%;
    }

    .adv3 {
        max-height: 160px
    }

    .menu_upd ul li {
        font-size: 13px;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .menu_upd ul {
        margin: 0 auto;
    }

        .menu_upd ul li.menu_upd_cur {
            margin-top: 0;
            margin-bottom: 10px;
        }

    .rigth_menu {
        display: none;
    }

    .online {
        margin-top: 0;
    }

    .right_col {
        width: 100%;
        margin: 0 auto;
    }

    .online .rigth_menu {
        height: 200px;
        margin-top: 0;
    }

    .rigth_menu_top {
        margin: 0 0 0 0
    }

        .rigth_menu_top .menu_buttons {
            margin-top: 0;
        }

    .picpage, .map_pic {
        display: none;
    }

        .picpage img {
            width: 350px;
        }

    .picpage_home {
        margin-top: 40px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .footer-copyright {
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 0.5em 0 0 0;
        border-top: 1px solid #ffffff88;
    }

        .footer-copyright p {
            padding-top: 5px
        }

    .partner_enter {
        margin-top: 0
    }

    .reportTable {
        font-size: 10px !important;
        margin: 20px -6px 0 0;
    }

        .reportTable th {
            padding: 5px 5px 5px 0 !important;
        }

    .pr textarea {
        max-width: 300px;
        float: right;
        margin-bottom: 20px;
    }

    .table td.pack {
        width: 300px;
    }

    .table td.pack_cur {
        width: 300px;
    }

    .perek .opt {
        text-align: right;
    }

    .perek2 {
        width: 100%;
        padding-left: 15px;
    }

        .perek2 textarea {
            width: 98%;
            padding-left: 20px;
        }

    .account_set hr {
        width: 330px;
    }

    .account_set1 input {
        width: 230px;
    }

    .partner input {
        width: 223px;
    }

    .partner hr {
        width: 330px;
    }

    .adverttools .menu_upd {
        margin-top: -20px;
    }

    h2 {
        font-size: 22px;
        direction: rtl;
        margin-bottom: -35px;
        float: right;
        width: 100%;
    }

    .cont_home h2 {
        margin-bottom: 2px;
    }

    .gallery2 {
        right: 0
    }

    .maian_mnu ul li {
        border-top: 1px solid var(--custom-color-3)
    }
}


@media only screen and (min-width: 400px) and ( max-width: 479px ) {

    .gallerpic2 {
        max-width: 185px;
    }

    .top_nav_icon {
        margin-right: 25px !important
    }
}

@media only screen and (min-width: 375px) and ( max-width: 399px ) {

    .gallerpic2 {
        max-width: 185px;
    }

    .top_nav_icon {
        margin-right: 17px !important
    }
}


/*--- Extra Small Devices, Phones -*/
@media only screen and (max-width : 480px) {

    .statusPageMain > img {
        top: 6px
    }

    .fp_cont {
        padding: 20px 20px 10px 20px;
        min-height: unset;
        margin: 0px 10px 15px 0;
    }

    .right_col_home2 {
        padding: 15px
    }

    #signin_divLevel2 {
        padding: 0 1.75em;
    }

    #signin_divLevel1 {
        padding: 2px;
    }

    .rankingPages, .subscriberPage {
        padding: 0 !important;
    }

        .subscriberPage h2, .rankingPages h2 {
            font-size: 22px;
            margin: 10px 10px 10px 0;
            padding: 2px 0px;
            max-width: 95vw;
            text-align: right;
            width: 100%;
            background: linear-gradient(83deg, #8cc8f811,#e2f2ff, #8cc8f89c,#178ebf00);
        }

    .partnerMain {
        margin: 0 5px 0 0 !important;
    }

    #contentMain_fraPayment {
        position: relative;
        left: 0
    }

    .regions_container {
    }

    #contentMain_lblMainCaption {
        padding: 0 5px
    }

    #contentMain_lblSubCaption {
        padding: 0 5px
    }

    .contact-inf {
        width: 38vw
    }

    .btn2 {
        width: 100%
    }

    .locationPages {
        margin: 0 10px;
        padding: 0 10px !important;
    }

        .locationPages .locationDenied {
            margin: 5px 10px;
            padding: 5px 0 0 0;
        }


    #divFierFox img, #divSamsung img, #divSafari img, #divChrome img {
        box-shadow: inset 0 0 15px #dedede;
        width: 97%;
        padding: 1px
    }

    .profile_left > .emobox > .valign > .emo1 {
        width: 12.75vw
    }

    .profile_left .emobox {
        right: 2px
    }

    .status_on, .status_off {
        margin: 5px 2px 0 0
    }

    .profile_left {
        max-width: 97%
    }

        .profile_left .perek, .new_mess {
            padding-bottom: 5px
        }

    .new_mess {
        margin: 0 7px 0 0
    }


    .profile-popup .row {
        max-width: 100vw
    }

    .profile-popup .col-md-5 {
        padding: 0;
        max-width: 100vw
    }

    .marg {
        margin-right: 0
    }

    .marg2 {
        margin-top: 6px;
        margin-right: 5px !important
    }

    .frontPageButtons {
        margin-top: 45vh
    }

    .messageRepeater {
        height: 58vh;
        margin: 0px 7px 5px 0;
        padding: 0 5px 0 5px;
    }

    .btnCloseUploadPic {
        width: 97%
    }

    .lastStatus {
        margin-bottom: 10px
    }

    .fire {
        position: relative;
        left: -2px;
        top: -2px
    }

    .modal {
        overflow-y: auto
    }

    .articlesPage ul {
        padding: 10px 0 10px 10px;
        list-style-position: inside;
    }

    .shadow2 {
        width: 90px
    }

    .updatePage .row_t2 {
        margin: 0 0 15px 0
    }

    .passwordRecovery input {
        margin: 0 13.25%
    }

    .navbar-header {
        flex: 0.75
    }

    .container-fluid {
        padding-left: 0;
        padding-right: 0
    }

        .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
            margin-right: 0;
            margin-left: 0;
        }

    .articlesPage {
        padding: 0 10px 0 0;
        margin-top: 0;
    }

    .article-preview h2 {
        margin: 0;
        padding: 0 0 5px 0
    }

    .article-full-image {
        float: none;
        width: 95vw;
        padding: 0 0 20px 0px;
        transform: skewX(0deg)
    }

    .article-full h1 {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 22px;
    }

    .left_col1 {
        height: initial;
        padding: 0;
        width: 100%;
        background: initial;
        border: 0;
        margin: 20px 15px;
    }

    .opt {
        max-width: 100%
    }

    .param {
        width: 99%;
    }

    #contentFooter_hdr2, #contentFooter_hdr3, #contentFooter_hdr4, #contentFooter_hdr5, #contentFooter_hdr6 {
        margin: 15px 13px 3px 0 !important
    }

    .contactFaq {
        margin-right: -10px;
    }

        .contactFaq li {
            padding: 5px
        }

    .emobox {
        width: 97%;
    }

    #emobox1 {
        width: 94.5% !important
    }

    #contentMain_loginInner2_hdrMain1 {
        display: none !important
    }

    .email-approve-warning {
        width: 100%;
        padding: 3px;
        margin: 0px;
    }

        .email-approve-warning img {
            width: 20px;
            height: 17px;
        }

        .email-approve-warning span {
            font-size: 20px;
            margin-top: -4px;
            margin-left: 3px
        }

    .chat-notification {
        font-size: 14px;
        width: 100%;
        float: left;
        margin: 2px 0;
    }

        .chat-notification span {
            margin-top: -4px;
            margin-left: 3px
        }

    .bottomTitles h1, .bottomTitles h2, .bottomTitles h3, .bottomTitles h4, .bottomTitles h5, .bottomTitles h6 {
        margin: 13px 0 3px 0 !important;
        padding: 10px 0px 0 0 !important;
        font-size: 22px !important;
        font-weight: 700 !important
    }

    .cont_home {
        padding-top: 0
    }

    .updateMenuList {
        right: 2px
    }

        .updateMenuList li {
            text-align: right;
            height: 35px;
            padding: 8px 12px 8px 0;
            font-size: 17px;
            line-height: 0.9;
        }

    /* profile modal - profile.ascx */
    .prevpic {
        padding: 0 5px 0 5px
    }

    .lgpic {
        margin-top: -2px
    }

        .lgpic img {
            width: 100%;
            max-height: 100vh;
            height: auto
        }

    .mypics-rightcol {
        position: relative;
        top: 15px;
        width: 370px;
        text-align: center;
        position: relative;
        left: 10px;
    }

    #contentMain_customerInfo_imgCustomer {
        width: 47px;
        height: 36px;
    }

    /* responsive secondary menus */
    .partnerMenu {
        max-width: 735px;
        padding-right: 16px;
    }

        .partnerMenu div {
            border: 1px solid #aaa;
            font-size: 15px;
            padding: 8px 5px;
            line-height: 13px;
            min-height: 45px;
            text-align: center;
            border-radius: 3px;
            box-shadow: 0 0 15px rgba(0,0,0,0.13)
        }

    .updateMenu {
        max-width: 603px
    }

    .updateMenuItem {
        border: 1px solid #aaa;
        font-size: 18px;
        padding: 11px 15px 0 0;
        line-height: 13px;
        min-height: 37px;
        text-align: center;
        margin-top: 0;
        border-radius: 5px;
        box-shadow: 0 0 15px rgba(0,0,0,0.13)
    }

    .container {
        padding: 0;
        margin: 0;
    }

    /* update page menu */
    .updateMenu {
        width: 96%;
        position: relative;
        margin-right: 2%
    }

    .updateMenuItem {
        font-size: 17px;
        padding: 8px 14px 0 0;
        line-height: 13px;
        min-height: 44px;
        text-align: right
    }
    /* update page menu End*/


    .top_nav_icon {
        position: relative;
        left: 3px;
        width: 47px;
        top: -9px;
        margin-right: 7px;
    }

        .top_nav_icon:hover {
            filter: brightness(120%);
            cursor: pointer
        }

    /* hotOrNot Page */
    .hotOrNotPageBottom table {
        position: relative;
        left: 4%
    }

    .hotOrNotPageMain {
        padding: 0
    }

        .hotOrNotPageMain > .imgContainer {
            width: calc(100%);
            padding: 5px;
        }

        .hotOrNotPageMain img {
            max-height: 80vh;
            min-height: 50vh
        }

    .hotOrNotPageIcons img {
        width: 34px;
        top: 2px;
        left: -7px;
    }

    .hotOrNotPageIcons {
        flex: 0.3
    }

    .hotOrNotPageBottom {
    }
    /* hotOrNot Page END*/

    /* Status page */
    .statusPageIcons {
        padding: 2px 3px 0 0;
        border-radius: 9px;
        position: relative;
        left: 6px;
        height: 41px;
        margin: 7px 20px 10px 0;
    }

    .statusPageSearchBox > input {
        width: 75%
    }

    .statusPagePic {
        max-width: 90px
    }

        .statusPagePic p {
            font-size: 12px;
            position: relative;
            top: -15px
        }

    .statusPageTime > span {
        font-size: 12px;
        position: relative;
        top: 1px;
    }

    .statusPageTime > img {
        position: relative;
        right: 3px;
        top: 0;
        width: 18px
    }

    #statusPagePopup {
        right: 1.75vw;
        z-index: 3
    }
    /* Status page END*/

    .hotOrNotPageTopWrap select {
        flex: 0.65
    }

    #HomepageLoginModal .modal-dialog {
        width: auto;
        padding-top: 0vh
    }

    #HomepageLoginModal .modal-body {
        max-height: none
    }

    .headerMenuButton > .btn {
        margin: 25px 35px 0 0;
        font-size: 18px;
        font-weight: bold;
        background: #fff;
        border: 1px solid #0f6696;
        color: #0f6696;
        padding: 1px 11px;
    }

    .btnLogIn {
        width: 240px;
        margin-right: auto;
        margin-top: 5px;
        margin-bottom: 10px;
        padding: 0;
        height: 50px;
        background-size: 100% 100%;
    }

    .container-fluid {
        background-position: 53% -2px;
        background-size: 299%;
    }

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 6px
    }

    .navbar-toggle .icon-bar {
        height: 3px
    }

    .begin-button {
        right: 4px;
        width: 90%;
    }

    .minheightfix {
        min-height: 620px;
        top: -35px;
    }

    .row_t2 {
        max-width: 395px;
        margin-bottom: 5px
    }

    .space33 {
        position: relative;
        left: -10px;
        top: -3px;
    }

    .rashit {
        position: absolute;
        top: 8px;
        right: -5px;
    }


    .about_cat {
        margin-bottom: 5px;
    }

    .send_message_button2 {
        vertical-align: top;
        position: relative;
        top: -11px;
        margin-right: 2px;
    }

    .search-param {
        font-size: 12px !important
    }

    input[type=checkbox], input[type=radio] {
        margin: 0;
        margin-top: 2px;
        line-height: normal;
        width: 15px;
        height: 15px;
        position: relative;
        top: 3px;
    }

    html > body .send_message_button2, x:-moz-any-link {
        position: relative;
        top: 5px;
    }

    .perek textarea, .new_mess textarea {
        width: 80%;
    }

    .emo1 {
        width: 14.45%;
        margin: 1px;
    }

    #subscription2 {
        width: 93vw;
        height: 110px;
        border: 1px solid white;
        box-shadow: 0 0 13px rgba(0,0,0,0.25);
        margin: 2px;
        border-radius: 3px;
        position: relative;
        left: 15px;
    }

    .strip1 {
        position: absolute;
        margin-top: initial;
        bottom: -15vh
    }

    #subscription2a {
        width: 53%;
        float: right;
        height: 110px;
        text-align: center;
        font-size: 17px;
        padding-top: 21px;
    }

    #subscription2b {
        width: 47%;
        float: left;
        height: 110px;
        text-align: center;
        vertical-align: middle;
        font-size: 16px;
        padding-top: 38px;
        text-shadow: 0 0 4px white;
        text-shadow: 0 0 4px white;
        -moz-text-shadow: 0 0 4px white;
        -webkit-text-shadow: 0 0 4px white;
        -o-text-shadow: 0 0 4px white;
    }

    #subscription2c {
        width: 47%;
        float: left;
        height: 110px;
        text-align: center;
        vertical-align: middle;
        font-size: 16px;
        padding-top: 38px;
    }

    #subscription2d {
        width: 47%;
        float: left;
        height: 110px;
        text-align: center;
        vertical-align: middle;
        font-size: 16px;
        padding-top: 38px
    }

    div.pack {
        font-size: 130%
    }

    tr.pack {
        font-size: 100%
    }

    .modal-dialog {
        margin: 0
    }

    .footer-text {
        font-size: 12px;
        padding-top: 4px
    }

    .bottomTitles h1, .bottomTitles h2, .bottomTitles h3, .bottomTitles h4, .bottomTitles h5, .bottomTitles h6 {
        margin: 0px 0 10px 0 !important;
        padding: 0 0 10px 0 !important;
        font-size: 19px !important;
        font-weight: 700 !important;
    }

    .cont_home h1 {
        font-size: 25px
    }

    .cont_home h2 {
        padding-bottom: 10px;
    }

    .table h2 {
        font-size: 100%
    }

    .table h3 {
        position: relative;
        top: 15px
    }

    .table td.pack_cur {
        width: auto
    }

    .navbar-brand {
        max-width: 75%;
    }

    .cont_home p {
        font-size: 18px;
    }

    #hdr2, #hdr3, #hdr4, #hdr5, #hdr6 {
        padding-right: 15px
    }

    .toda {
        height: 250px;
        border: 0;
    }

        .toda p {
            font-size: 14px;
        }

    .adv {
        width: 46.5%;
        margin-left: 3px;
        min-width: 158px;
        margin-right: 4px;
        margin-top: 3px;
    }

    .adv2 {
        width: 47.33%;
        min-height: 60px !important;
        min-height: 181px;
        position: relative;
        right: 0;
        max-height: 145px;
        margin: 3px !important;
    }

        .adv2 p {
            font-size: 13px
        }

    .adv3 {
        max-height: 132px;
        width: 28%;
    }

    .perek .adv {
        width: 26%;
        margin-right: 0;
        padding: 0;
        margin-left: 5px;
    }

    .pr p {
        text-align: right;
    }

    .pr textarea {
        max-width: 257px;
        height: 150px;
        float: right;
        position: relative;
        margin-bottom: 20px;
    }

    .table td.pack {
        width: 200px;
        height: 90px;
    }

    .menu_upd ul li {
        width: 12.5%;
        margin: 1px;
        line-height: 100%;
        min-height: 35px
    }

        .menu_upd ul li.menu_upd_cur {
        }

    #contentMain_liReports {
        padding: 10px 0 11px;
    }

    .table td.pack_cur {
        width: 200px;
        height: 90px;
    }

    .table h2, .table h3 {
        font-size: 20px;
    }

    .param2 {
        width: 80px;
        font-size: 13px;
    }

    .perek .opt {
        text-align: right;
    }

    .sel, .unsel {
        font-size: 18px;
    }

    .account_set .param {
        width: 220px;
    }

    .account_set hr {
        width: 320px;
    }

    .search_set hr {
        width: 320px;
    }

    .reports hr {
        width: 340px;
    }

    .account_set1 input {
        width: 99%;
    }

    .gallery {
        width: 174px;
        height: 174px;
        margin: 3px;
        font-size: 12px;
    }

    .partner .param {
        width: 102px;
    }

    .partner hr {
        width: 325px;
    }

    .right_col1 {
        width: 95%;
        padding-right: 10px;
        max-width: 385px
    }

    h2 {
        font-size: 22px;
        direction: rtl;
        margin-bottom: -15px;
        float: right;
        width: 100%;
    }

    .hotOrNotPageTopWrap {
        position: relative;
        left: 5px;
    }


    .row_t2 {
        max-width: 345px
    }

    .row {
        margin-left: -10px;
    }

    .container-fluid {
        padding-left: 0;
        padding-right: 0
    }

        .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
            margin-right: 0;
            margin-left: 0;
        }

    #divUserInfo {
        flex: 0.4;
        margin-top: 1.35em
    }

    .navbar-brand .navbrandLogo {
        max-width: 130px;
        margin: 5px 0 0 0
    }
    /* Status page */
    .statusPageIcons > img {
        height: 35px;
        position: relative;
        left: 8px
    }

    .statusPageSearchBox > input {
        font-size: 15px
    }

    .statusPageSearchBox {
        padding: 4px 4px 0 0;
        margin: 5px 7px 0 0;
        height: 35px;
    }

    .statusPageIcons img {
        width: 34px;
        height: 34px;
        top: 2px;
        left: -7px;
    }

    .statusPageIcons {
        flex: 0.3
    }

    .statusPageMain {
        padding: 0 5px 0 10px
    }

    .statusPageMessage > .statusPageMain > h3 {
        font-size: 16px
    }

    .statusPageMessage > .statusPageMain > p {
        padding-top: 3px
    }

    #statusPagePopup {
        width: 94%
    }

        #statusPagePopup textarea {
            width: 60%;
            margin-top: 15px
        }

        #statusPagePopup > div span {
            font-size: 18px
        }

        #statusPagePopup > button[type=button] {
            left: -4px
        }

    /* Status page end*/
    .gallerpic2 {
        max-width: 160px;
        height: 145px
    }

    .opt {
        text-align: right;
        display: inline-block;
        padding-right: 0;
        line-height: inherit;
    }

    #contentMain_signin_divLevel1 .opt {
        width: 100% !important
    }

    #contentMain_signin2_divLevel1 .opt {
        width: 100% !important
    }

    #contentMain_signin2_divLevel1 .param {
        width: 100% !important
    }

    .search-param {
        font-size: 16px !important;
    }

    input[type=checkbox], input[type=radio] {
        margin: 2px 0;
        margin-top: 1px;
        line-height: normal;
        width: 20px;
        height: 20px;
        position: relative;
        top: 3px;
    }

    .m_info {
        float: left;
        font-size: 13px;
        margin-left: 3px;
        margin-right: 0;
        margin-top: 4px;
        text-align: left;
    }
}

/*-- Extra Small Devices, Phones */
@media only screen and (max-width: 399px) and (min-width: 375px) {

    .buttonsPayment img {
        width: 100%
    }
}

/*--- Extra Small Devices, Phones */
@media only screen and (max-width : 320px) {

    .messages-bubble1 {
        width: 70px;
        top: 7px
    }

    .footer-text {
        position: relative;
        right: -20px
    }

    html {
        width: 90%;
    }

    .statusPageIcons img {
        width: 30px;
        top: 1px
    }

    .m_pic img {
        width: 47px;
        height: 37px
    }

    .inf2 {
        font-size: 11px
    }

    .perek textarea, .new_mess textarea {
        width: 69%
    }

    .pay_icon {
        margin-left: 0;
        position: relative;
        left: 9px;
    }

    /* responsive secondary menus */
    .partnerMenu {
    }

        .partnerMenu div {
            font-size: 12px
        }

    .updateMenu {
    }

    .updateMenuItem {
    }

    .hotOrNotPageTopWrap select {
        font-size: 12px;
    }

    .hotOrNotPageIcons img {
        width: 29px;
        margin: 3px 0 0 0;
    }

    /* Status page */
    .statusPageIcons > img {
        height: 33px;
    }
    /* Status page END*/
    #subscription2 {
        width: 93vw;
    }

    .gallerpic2 {
        width: 45vw !important;
        height: 132px !important;
    }

    .strip1 {
        width: 110%;
    }

    .minheightfix {
        min-height: 620px;
    }

    .search-param {
        font-size: 12px !important
    }

    .adv {
        width: 47.5%;
        min-width: 165px;
        margin-left: 1px;
        min-width: 140px;
        margin-right: 1px;
        margin-top: 5px;
    }

    .advpic {
        width: 130px;
    }

    .updateMenuItem {
        font-size: 15px;
        padding: 8px 17px 0 0;
    }

    .top_nav_icon {
        margin-right: 0;
    }

    .col-sm-offset-3 {
        margin-left: initial;
    }
}

/*-- Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .maian_mnu {
        float: right;
        display: inline-block !important
    }
}

@media (orientation:landscape) {

    body {
        min-height: 530px;
        margin-bottom: 0;
    }

    #bgdiv {
        background-size: cover;
    }
}

/*--fix for firefox displaying different textbox height */
@-moz-document url-prefix() {
    .fixh {
        height: 50px !important;
        margin-top: 8px;
    }
}

.loading {
    position: absolute;
    background-color: #FAFAFA;
    z-index: 1000 !important;
    opacity: 0.8;
    overflow: hidden;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: 20%;
}

.autocomplete {
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    width: 220px;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        .autocomplete-items div:hover {
            background-color: #e9e9e9;
        }

.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.dropdown-item {
    text-decoration: none;
    color: black;
}

.dropdown-item, a:hover {
    color: black;
}