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

body {
    font-family:RobotoRegular, sans-serif;
    font-size:16px;
    direction:rtl;
    background:#fff;
    min-height: 650px;
    min-width: 320px;
}

html {
    position: relative;
    min-height: 100%;
    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:#fff }
.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)}


p {font-size:16px; direction:rtl}

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

.frontPageTitle { 
    font-size: 22px; font-weight: bold; border-top: 2px solid var(--custom-color-3);  margin: 0;padding: 15px 0 10px 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 }

#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 }

.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-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/header4.jpg);
    background-repeat: no-repeat;
    background-size: 108%;background-position: 0% -20px;
}

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(23vw + 5vh) ; /* calc(20% + 1vh)*/
    text-align: center;
    padding-bottom: 3em; }

.frontPageButtons p { font-size: 20px; margin-top: -10px }

.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:-3px}
.send_message_button2 { width: 58px; vertical-align: top; position: relative; top: -13px}
.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 rgba(0,0,0,0.3);
    padding: 0 7px 2px 7px;
    display: none;
    transition: all .2s ease-in-out;
    position: absolute;
    bottom: 79px;
    z-index: 99; max-width: 640px;
}


.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: 7px;
}

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

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

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

.top { width:100%; background:#fff; border:none;border-radius: 0; padding-bottom:10px;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 { max-width: 200px }
.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 !important}

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

.container_menu_upd { }   /* update page only css fix */

.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; /* background:none repeat scroll 0 0 #fffaed; */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.png) !important }

textarea { outline: none }

textarea.about-field { margin-top:15px;border: 1px solid rgba(0,0,0,0.15); border-radius: 5px }

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

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

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


.updateMenuList { direction: rtl; position: relative; right: -15px; padding: 0px 22.5% 10px 22.5% }
.updateMenuList li { display: table-cell; list-style: none; width: 25vw; 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 4vw;
    margin-bottom: 25px;
    margin-top: 10px;
    outline: 0 !important;
}


.btn_big {
    background:url(../images/btn_big.jpg) 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-size: 16px;
    font-weight: bold;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
    background: var(--custom-color-1);
    width:auto;font-size:15px;
    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;

}

.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% }

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: 17px; 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 }

.landing-header { height: 132px }
 
.landing-logo { width: 220px }

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

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

.koter h1 { font-size:51px }

.mobile-koter {
    /* display: none; */
}


.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;
}

.col_left {
    border:solid;
}

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.cost {
    background:#FF8B00;
    border:solid;
    color:#FF8B00;
    width:212px;
    height:90px;
    border-right-color:#FFF;
    border-width:thin;
    vertical-align: middle;
    text-align: right;
}

.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;
}

.t_cost {
    font-size:20px;
    color:#FFF;
    margin-top:9px;
    float:right;
    margin-right:5px;
}

.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;
}

.packradio {
    padding-right:40px;
    width:50px;
    float:right;
    height:100%;
    padding-top:35px;
}

.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%;
}

.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;
}

.space22 {height:22px;}
.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 }

.gallerpic {
    width:160px;
    height:130px;
    margin-right:auto;
    margin-left:auto;
}

.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}
.noPadding { padding: 0 !important}

.padding1 {
    padding: 5px !important;
}

.padding2 {
    padding: 10px !important;
}
.gallery a {
    font-size:14px;
    text-decoration:underline;
}

.master .gallery {
    background:#FFDD9B;
}

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

.tooltip > span {
    position: absolute;
    bottom: 40px;
    left: 185px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    max-width: 18em;
    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;
}

.tooltip {opacity:1!important}
.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);
}

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

.toptable {
    background:#FF8B00;
    width:175px;
    font-weight:700;
}

.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;
}

#landing_top {
    width:100%;
    background:#cd0000;
    height:132px;
}

#landing_bot p {
    font-size:16px;
}

#landing_bot {
    width:100%;
    height:90px;
    background:#cd0000;
    font-size:16px;
}

.land_left {
    border-radius: 9px;
    position: relative;
    top: -22px;
    width:390px;
    height:auto;
    background:#fff;
    margin-left:30px;
    direction:rtl;
    color:#000;
    padding:10px 10px;
    margin-bottom: 5px;
    animation-name: bounceInUp;
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-out;    
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important; 
    background: transparent;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.land_left select {
    width: 120px;
    text-align: center;
    border: 0;
    border-bottom: 1px solid #ccc;
    height: 30px;
    background: transparent;
}

.land_left input[type='text'], .land_left input[type='password'] , #contentMain_landinglevel2_divLevel2 input[type='text'] , #contentMain_landinglevel2_divLevel2 input[type='password'] { 
    border:0; border-bottom: 1px solid rgba(0,0,0,0.15); background: #f4f4f4; width: 100%; height: 34px 
}

#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); }
}

.pic_land {
    margin-left:30px;
    margin-top:0;
}

#logo_land {
    float:right;
    margin-right:0;
    margin-top:10px;
    width:220px;
}

#logo_land h1 {
    color:#FFF;
    font-size:20px;
    text-align:right;
    margin:0;
}

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

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

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

.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:#666;opacity:1;}

.btn-landing1 {  
    background: rgb(255,48,25); 
    background: -moz-linear-gradient(to bottom, rgb(55, 132, 194) 0%,rgb(82, 159, 221) 55%,rgb(82, 159, 221) 98%);
    background: -webkit-linear-gradient(to bottom, rgb(55, 132, 194) 0%,rgb(82, 159, 221) 55%,rgb(82, 159, 221) 98%);
    background: linear-gradient(to bottom, rgb(55, 132, 194) 0%,rgb(82, 159, 221) 55%,rgb(82, 159, 221) 98%);
    font-size:25px;
    height:50px;
    width:85%;
    margin: 0 auto;
    border-radius:9px;
    padding:5px;
    border: 2px solid rgba(1,25,25,0.16);
    font-weight: bold;
    text-shadow: 0 0 6px rgba(0,0,0,1);    
    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;
}
  
.btn-landing1:hover { filter: brightness(108%);border:0 }

.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% }

.btnLogIn2 { width: 65%; margin-right:auto; margin-top: 0; margin-bottom:10px; padding-bottom: 0; background:url(../images/btn_big2.jpg) repeat-x !important; }


.btnRed {
	background: rgb(255,48,25);
    background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%) !important;
    background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%)!important;
    background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%) !important; 
}

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

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

.row_t p { font-size: 14px }

#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-landing2 {
    background: rgb(255,212,175);
    background: -moz-linear-gradient(to bottom, rgb(255, 176, 208) 0%,#f56398 55%,rgb(232, 117, 166) 98%);
    background: -webkit-linear-gradient(to bottom, rgb(255, 176, 208) 0%,#f56398 55%,rgb(232, 117, 166) 98%);
    background: linear-gradient(to bottom, rgb(255, 176, 208) 0%,#f56398 55%,rgb(232, 117, 166) 98%);
    font-size:25px; height:70px; width:66%; margin: 0 auto; border-radius:9px;
    padding:5px; border: 2px solid rgba(1,25,25,0.16); font-weight: bold; text-shadow: 0 0 6px rgba(0,0,0,1);
    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;
}
 
.btn-landing2:hover {
    filter: brightness(108%);
}

.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.jpg) 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);
}

.right_col_home2{
    direction: rtl;
    margin-top: 0;
    padding-top: 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.jpg) 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;font-size: 16px;margin-top: -7px;
    margin-bottom: 10px;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; }

.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:url(../images/btn_red.jpg) repeat-x;
    height:32px;
    border-radius:5px;
    border:none;
    color:#FFF;
    font-size:16px;
    font-weight:bold;
    margin-right:auto;
    margin-left:auto;
    width:140px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}

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

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

#lblMe { max-width:99% !important }

#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;
}
   
.margin1 {
    margin: 0 15px 0 15px;
}

.margin2 {
    margin: 10px;
}

.koter h1{
    font-size:2em;
}

.koter{
    margin-top: -25px;
    text-align: center;
}

p { direction:rtl }

.clear { clear: both }

.otstup { height: 0; clear: both }

.col_left { border:solid }

.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(-60deg, #e2f2ff, #178ebf6d ,#178ebf00) }



.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(-60deg, #e2f2ff, #178ebf6d ,#178ebf00) }


/*
#subscription2 {
    width: 185%; height: 110px; border: 1px solid white;
    box-shadow: 0 0 13px rgba(0,0,0,0.33);
    margin: 5px; border-radius: 7px;
    transition: all 1s;
    max-width: 550px;
}

#subscription2 :hover {
    filter: brightness(107%);
}


#subscription2a {
    width: 58%;  float: right; height: 110px; 
    text-align: center; border-radius: 5px;
    font-size: 22px;
    padding-top: 21px;
    background: #ffffff; 
    background: -moz-linear-gradient(-45deg,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); 
    background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); 
    background: linear-gradient(135deg,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); 
    border-left: 1px solid rgba(0,0,0,0.1); 
}

#subscription2a img { margin-top: -5px}


#subscription2a h3 {
    font-size:1.17em
}

#subscription2b {
	width: 42%;
    float: left;
    height: 110px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    vertical-align: middle;
    font-size: 21px;
    padding-top: 38px;
    background: #32c386;
}

#subscription2c {
	width: 42%;
    float: left;
    height: 110px;
    text-align: center;
    border-radius: 3px;
    vertical-align: middle;
    font-size: 21px;
    padding-top: 38px;
    color: #fff;
    background: #ed618dee;
}

#subscription2d {
    width: 42%;  float: left;  height: 110px;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    font-size: 21px;
    padding-top: 38px;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(135deg,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*}*/

.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;
}


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

.contactFaq {
	text-align: right;
    border-radius: 12px;
    padding: 5px 15px 0 10px;
    min-height: 190px;
    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:#cd0000 } 
.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: 3px; 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 }

.ribbon { display:none;position: absolute;top: 59px;right: 464px;z-index: 100;width: 103px; }
.ribbon2 { display:none;position: absolute;top: 174px;right: 464px;z-index: 100;width: 103px; }

.status_on { width: 20px; height: 20px; background-image: url(../images/online.png);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: 20px; height: 20px; background-image: url(../images/offline.png); position: absolute; top: 0; margin: 4px 2px; padding: 0px 3px 0px 0px; z-index: 2; color: #aaa; text-shadow: 0 0 2px white }

.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: 5px; 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 }

.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 }


.m1 {
    margin-top:5px;
}

.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 }

.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;
    margin-right: 8px !important;
    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:10px }
#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;
}


.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: 17px; 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: 17px; padding: 0 0 2px 0; margin: 5px -5px 10px 0; line-height: 1.4; background: linear-gradient(-60deg, #e2f2ff, #178ebf6d ,#178ebf00);border:0 }


.pr textarea { max-width: 303px }

.new_mess textarea {
    width:87%;
}

.perek p { padding-right: 0; line-height: 1em; padding-left: 0px; font-size: 16px }   

.perek .param{
    width:60px;
}

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

.sel1{
    background: var(--tags-color-1);
    border-radius: 4px;
    padding: 2px 4px;
    margin: 2px;
}

.lgpic{ text-align: center; margin-top: 10px; border-radius: 5px; position: relative }
.lgpic img { width: 100%; border-radius: 5px }   

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

.prevpic { position: relative; margin-top: -45px; margin-bottom: 60px; 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 } 
      
.pack_curr {
    width:365px;
    height:90px;
    background:#FFDD9B;
    float:right;
    border:solid thin;
    color:#FF8B00;
    }

.pack_cost {
    width:215px;
    height:90px;
    background:#FF8B00;
    float:right;
    border:solid thin;
    color:#FFF;
}

.message img { width:25px }

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

.messagesCustomersPage {  }
.messagesCustomersPage .message { border-bottom: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 }



.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: right; position: relative }

.m_pic img { width:59px;height:47px;position: relative; left: 2px;border-radius: 5px; }

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

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

.modal-sm { width: 25%; 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;
}

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

.mess{ margin: 10px 0 20px 0 }

.mess hr {
    float:right;
    width:38%;
}

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

.mess_in { background:#327fbd33; min-height:50px; width:98%; float:right; margin-right:0; border-radius:10px }

.mess_out { background: #f0f0f0; min-height: 50px; width: 98%; 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;
}

.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:var(--tags-color-1);
    width:auto;
    padding-right:4px;
    padding-left:4px;
    border-radius:4px;
    }
    
.unsel{
    background: rgba(0,0,0,0.08);
    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; }


.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 { max-width: 550px;
    height: 200px;
    background: #FFF;
    margin: auto;
    border: 2px solid #eee;
    color: #017001;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;}

.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;
}

 .chkbox label
 {
     margin-right:5px;
     margin-left:5px;
 }
 
 .checkbox_nowrap label
{
    display:inline !important;
    margin-right:5px;
}

/*landing page fixes */

.landing-spacer1 {
    height: 16vh;
}

.landing-spacer2 {
    display: block;margin-bottom: -35px;
}

.landing-spacer3 {
    height: 27vh;
}


/* articles page*/
    .articlesPage {padding: 0; margin-top: 0; }
    
    .article-preview { display: inline-block;margin: 0;padding: 0;}
    .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: 26px; margin:0 ; padding: 0 0 5px 0; text-align:right; float:none}
    .article-full h3 { padding : 0 0 5px 0; font-size:17px }
    .article-full-image { float: left; width: 45%; padding: 0px 25px;/*transform: skewX(2deg)*/ }
    .articlesPage ul li a { color: #000 !important}
    
    .articlesPage ul { padding:0 0 25px 10px;list-style-position: inside; }
    .articlesPage p { padding-left: 10px}
    .article-image img { border-radius: 5px }
    
/* 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;
            box-shadow: 0 0 3px var(--custom-color-2); }
							
		.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: #f4f4f4; }
			.hotOrNotPageMain img { margin:0;max-height: 350px; 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: 40px;
            padding: 8px 4px 0 0;
            max-width: 92vw;
            margin-top: 3px;
            border-radius: 5px;
            box-shadow: 0 0 3px var(--custom-color-2); }

		.statusPageSearchBox > input {border: 0; margin-top: 1px; width: 83%; outline: none;color:#333}
		
		.statusPageIcons { flex: 0.2;
            margin: 7px 40px 10px 0;
            max-width: 90px;
            padding: 5px 5px 0px 0;
            border-radius: 9px;
            position: relative;
            left: 6px;
            top: -5px;
            box-shadow: 0 0 3px var(--custom-color-2); }

		.statusPageIcons img { width: 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;float:right;position:relative;top:6px;left:3px }
		.statusPageMain > p { width:100% }
			
			.statusPageTime { position: absolute; left: 0; top:8px; text-align:left }
			.statusPageTime > span { font-size: 13px;color:#626262}		
			.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;box-shadow: 0 0 2px #529fdd;}
		#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 */


/* 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: 5px; border: 1px solid #aaa }


#contentMain_txtTransferAmount, #contentMain_cboPaymentMethod { width:200px }

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

.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 }

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

.user-menu-buttons { position: relative; right: 5px; width: 106%;  }
.user-menu-buttons a { color: #000 } 

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

.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 { color: #000; font-size: 17px; padding: 0 0 2px 0; margin: 5px -5px 10px 0; line-height: 1.4; background:linear-gradient(-60deg, #e2f2ff, #178ebf6d ,#178ebf00)}

.partner { margin-bottom: 20px }

.phoneAuthenticationPage , .emailAuthenticationPage { min-height: 65vh }
.phoneAuthenticationPage .perek h2 { font-size: 22px; padding-top: 18px }
#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: #347ebb1b;
    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;
    display: block; margin-left:0.25em}

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

.statusTemp { padding: 0 3px; border-radius: 5px; box-shadow: 0 0 3px rgb(82 159 221); }


/* 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) {
    
    #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 { padding: 15px;font-size: 19px;font-weight: normal;margin: 0 -3px }
    
	.statusPageTime {left: 0}
	.statusPageSearchBox {flex: 0.725}

    .send_message_button {
        width: 16%;
        vertical-align: top;
        position: relative; top: -2px;
    }
    
    .send_message_button2 {
        width: 18%;
        vertical-align: top;
        position: relative;
        top: -1px;
    }
    
    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:90%;
    }
    .koter h1{
        font-size:43px;
    }
    
    .koter{
        margin-top:10px;
        display: none;
    }
    .mobile-koter{
        display: block;
        }
    .right_col_home {
        margin-top:0;
    }
    .koter h1{
        font-size:38px;
        margin-top: 0;
      margin-bottom: 20px;
    }
    textarea.about-field {
       max-width: 416px; 
       width:100%;
    }

    .new_mess textarea {
      width: 82%;
    
    }
    
    .pic_land {
      margin-top: 50px;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
      width: 240px;
      margin-top: 7px;
    }

	.updateMenu {max-width: 500px}
 
    
}

/*--------------------------------------------------------------------------------------------*/
@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 }
}

/*-------------------------------------------------------------------- Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    
    body,html { overflow-x: hidden }
    .emobox { margin-right: -7px }

    .lastStatus > div:last-child { max-width: 13em; }
    
    .lastStatus { font-size: 14px;top: -11px !important;padding: 5px 10px 5px 2px; left:4px}
    
    .tooltip > span { bottom: 30px; left: 15vw }  
    .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: 88vw }
    
    #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: 15px }
    .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: initial} .advpic { height: 140px }      
     #contentMain_alert_myModal > .modal-dialog { max-width: 100vw }
     #contentMain_signin_cboYear, #contentMain_signin_cboMonth, #contentMain_signin_cboDay { width:95px;background: transparent; }
    
    .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: 97%; margin-bottom: 15px; padding-bottom: 15px }
    
    .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: 19px }
    
    .nav > li > a > img { display: initial; margin-left: 5px }
    
    button.close { font-weight: 300; font-size:30px }

    #navbar { margin: 0; display: block; position: absolute; top: 74px; z-index: 1000; box-shadow: 0 5px 3px #00000044; padding: 0 }
    .navbar { margin-bottom: 5px } .top { padding-bottom:0 }
    .navbar-header { flex: auto } .headerMenuButton { flex: 0.4 }
    
    .frontPageButtons .btn-danger { padding: 10px 15vw }
        
    .frontPageButtons { width: 85vw; margin: 0 auto; margin-top: calc(45vh); 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-position: 10%;
    }
    
    .strip1 { height: 110px; position: absolute !important; padding: 10px 0 0 0;}
    
    .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: -2px }

    .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{
        display:none;
    }
    
    .picpage img{
        width:350px;
    }

    .picpage_home{
        margin-top:40px;
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }
    
    .koter{
        text-align:center;
        padding:0;
        margin-top:-20px;
    }
   
    .footer-copyright { color: #fff; text-align: center; font-size: 14px; padding: 0.5em 0 0 0;
    margin-top: 1em; border-top: 1px solid #ffffff88;}
    
    .footer-copyright p { padding-top: 5px }
    
    .strip1 { margin-top:1px }
    
    .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; 
    }
    
    .pic_land {
      width: 450px;
      height: 266px;
      margin: auto;
      margin-bottom: 30px;
    }
    
    .land_left {
        background: -moz-linear-gradient(top, rgba(255,255,255,0.55) 0%, rgba(255,250,247,1) 51%, rgba(255,250,237,0.55) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,0.55) 0%,rgba(255,250,247,1) 51%,rgba(255,250,237,0.55) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,0.55) 0%,rgba(255,250,247,1) 51%,rgba(255,250,237,0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        width: 88%; min-height: 355px;
        padding: 0; margin: auto;
        font-size:80%;
        padding-top: 10px; padding-right: 5px;
        animation-name: fadeInUp;
        animation-duration: 2s; 
        -webkit-animation-duration: 2s;
        animation-timing-function: ease-out;    
        -webkit-animation-timing-function: ease-out;
        visibility: visible !important; 
    }

    #logo_land {
      float: none;
      margin: auto;
      margin-top: 10px;
    }
    .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%;
    }

	.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) {
    
    .lastStatus { margin-bottom: 10px }
    
    .fire { position: relative; left: -2px; top:-2px }
    
    .modal { overflow-y: auto }
    .articlesPage ul { padding:10px 0 35px 10px;list-style-position: inside; }
    
    .btn-landing1 { border-radius:50px}
    
    .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;}

	.ribbon { top: -2px;right: inherit; left: -3px; z-index: 100;width: 90px; }
	.ribbon2 { top: -2px;right: inherit; left: -3px; z-index: 100;width: 90px; }


    .opt{ max-width:100% }
    
    .param { width: 99% ;  }
    
	.row_t { }


	#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 img { width: 100% }
	
    .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 { max-height: 235px }
		.hotOrNotPageMain img { max-height: 215px;min-height:215px }
		.hotOrNotPageIcons img { width: 34px; top: 2px; left: -7px; }
		.hotOrNotPageIcons { flex: 0.3 }		
		.hotOrNotPageBottom { margin-top: 7px }
	/* 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:11px}
		.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 }
    
    .headerMenuButton > .btn { margin:25px 15px 0 0;font-size: 18px;font-weight: bold;
    background: none;border: 1px solid var(--custom-color-2);color: var(--custom-color-2);
    padding: 1px 11px;}
    
    
    .btnLogIn {
        width: 240px;
        margin-right: auto;
        margin-top: 5px;
        margin-bottom: 10px;
        padding: 0;
        height: 50px;
        background-size: 100% 100%;
    }
    
    btnLogIn2 {
        width: 240px; margin-right:auto; margin-top: 0; margin-bottom:10px; padding-bottom: 3px; height:40px ; background-size: 100% 100%;	
	}
    
    .container-fluid { background-position: 43% 0;background-size: 287% }
    
    .navbar-toggle .icon-bar + .icon-bar { margin-top: 6px }
    .navbar-toggle .icon-bar { height: 3px }
    
    .landing-logo {
        width: 160px;
    }
    
    .landing-spacer {
        height: 300px;
    }
    
    .textLanding {
        margin: -9px 10px 20px 10px;
    }
    
    .landing-header {
        height: 90px;
        position: relative;
        top: 0;
        z-index: 10;
    }
    
    #logo_land h1 {
        font-size: 15px;
    }
    
    .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;
    }
    
    .land_left {
        height:445px;
    }
    
    .send_message_button2 { vertical-align: top; position: relative; top: -13px; margin-right: -2px }
    
    .search-param { font-size: 12px !important }
    
    input[type=checkbox], input[type=radio] {
        margin: 2px 0 0;
        margin-top: 1px \9;
        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; 
     bottom: 0;
     
    }
    
    #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;
        -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 }   
    

    
    .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:15px; }
    
    #hdr2 , #hdr3 , #hdr4 , #hdr5 , #hdr6 { padding-right:15px }
    
    .koter h1{
        font-size: 28px;
        position: relative;
        top: 9px;
    }
    
    .koter{
        padding-top:0;
     
    }
    .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;
    }
    
    .strip1 { margin-top: initial; bottom: -15vh }
     
    .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;
    }
    
    .pic_land {
      width: 350px;
      height: 207px;
      margin: auto;
      margin-bottom: 30px;
    }
    
    .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 td.cost {
        width:140px;
        height:90px;
        vertical-align: middle;
    }
     
    .packradio{
        padding-right:20px;
        width:30px;
        float:right;
        height:100%;
        padding-top:20px;
    }
    
    .table h2, .table h3 {
        font-size:20px;
    }
    
    .cost h2{
        color: #FFF;
        margin: 0;
        float: right;
        width: 65px;
        text-align: left;
    }
    
    .t_cost{
        font-size: 16px;
        color: #FFF;
        margin-top: 4px;
        float: right;
        margin-right: 5px;
    }
    
    .param2{
        width:80px;
        font-size:13px;
    }
    
    .perek .opt{
        text-align:right;
    }
    
    .sel, .unsel{
        font-size:16px;
    }
    
    .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;
    }
    
    .gallerpic{
        width:160px;
        height:130px;
        margin-right: auto;
        margin-left: auto;
    }
    
    .space22{
        height:18px;
        font-size:12px;
        }
        
    .toptable{
        width:170px;
    }   
    
    .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:335px }
		
		.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 -10px  } 
	  	/* Status page */
	   	.statusPageIcons > img { height: 35px; position: relative; left: 8px }
		.statusPageSearchBox > input { font-size: 16px }
		.statusPageSearchBox { padding: 7px 4px 0 0;margin-right:1px }
		.statusPageIcons img { width: 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 }
    
    .landing-spacer1 { height: 52vh }
    
    .minheightfix { min-height: 620px }
    
    .opt { text-align:right; display: inline-block; font-size: 17px; 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 0;
    margin-top: 1px;
    line-height: normal;
    width: 18px;
    height: 18px;
    position: relative;
    top: 3px;
    }
    
    .m_info{
        float:left;
        font-size:10px;
        margin-left:0; 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%; /*movie 320px width screen footer bug fix */
    }
    
    .minheightfix {
        min-height: 620px; /*(regular for landing(*/
    }
    
    .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;
        }
        

/*        .col-sm-offset-3 {
		    margin-left: 32% !important; 
		}
*/
}

 
/* ------------------------------------------------------------------------Handheld Landscape */
@media handheld and (orientation:landscape) {

    #bgdiv {
        min-height: 125vh ;
    }
}

/*--------------------------------------------------------------------------------------------*/

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
    #bgdiv {
        min-height: 115vh ;
        background-size: 125% !important;
        background-position: 30% 10%;       
    }   
}

/*--------------------------------------------------------------------------------------------*/
@media (orientation:landscape) {
  /* Styles for Landscape screen */
    
    body {
        min-height: 530px;
        margin-bottom: 0;
    }
    
    .landing-spacer1 {
        height:5vh
    }
    
    #bgdiv {
        background-size: cover;
    }
}

/*--------------------------------------------------------------------------------------------
@media max-width 20em {
    .tooltip > span {
        max-width:100vw;
        box-sizing:border-box;
    }
}*/

/*--------------------------------------------------------------------------------------------
@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;
    }
    
    .modal-backdrop.in {
        filter: alpha(opacity=80) !important;
        opacity: .82 !important;
    }
        
    .toda {
        max-width:550px;
        height:200px;
        background:#FFF;
        margin-top:15%;
        margin-bottom:15%;
        position:relative;
        border:solid thin;
        color:#F90;
        }
}*/

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