* { margin:0px; padding:0px; }
body{margin:0px;padding:0px;text-align:center;text-align:center;font-weight:normal;font-size:12px;color:black;}
div, p, a, h1, h2, h3, span, ul, li, form, label, input, table, td{margin:0px;padding:0px;}
body, p, a, h1, h2, h3, li, label, input, option, td, textarea {color:black;font-family:Verdana;font-size:12px;line-height:20px; color: #7e7f82; }
a{text-decoration:none; color: #0178cb;}           
a:hover{text-decoration:underline; color: #0178cb;} 
h1{display:inline;font-weight:normal;font-size:12px;}
h2{display:inline;font-weight:normal;font-size:12px;}
h3{display:inline;font-weight:normal;font-size:12px;}
body {background: #efefef;}

.st100 {float:left; width: 100%; clear: both; }
.st100_1 {float:left; width: 100%; clear: both; width: 75px}

.b1 {color: #39393a;} /* cerna */
.b2 {color: #a1a3a6;} /* sediva */
.b3 {color: #0178cb;} /* modra */
.b4 {color: #ca005f;} /* ruzova */

.info-save-bgr-green {background: #b8f3b0;}
.info-save-col-green {color: #376f30;}

.info-save-bgr-red {background: #ffacb4;}
.info-save-col-red {color: #a44f4f;}

/* reklama http://ads.ranky.cz */
div#abb div a { font-weight: normal; color: #0178cb; font-size: 105%; text-decoration: underline; }
div#abb div p { padding: 0px; margin: 0px; color: #7e7f82; font-size: inherit; font-weight: normal; text-decoration: none; }
div#abb div { margin: 0.5em 0.1em 0 0; }
div#abb { border: 1px solid #FFFFFF; background-color: #FFFFFF; font-family: inherit; padding-bottom: 0.7em; }
/* */

.t11 {font-size: 11px; line-height: 13px;}
.t12 {font-size: 12px; }

.l14 {line-height: 14px; }

.icon-admin{
  float: left;
  margin-left: 10px; 
  margin-right: 10px;
  margin-top: 9px;
}

.icon-hr{
  float: left;
  width: 1px;
  height: 35px; 
  background: url('../../fw_data/img/icon2/carka.png'); background-repeat: no-repeat;
}

div.ooo:hover {
    /* Rotate div */
    transform:rotate(10deg);
    -ms-transform:rotate(10deg); /* IE 9 */
    -webkit-transform:rotate(10deg); /* Safari and Chrome */
}

.eu-cookies {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    background-color: black;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 1000;
    font-size: 10px;
    text-align: center;
}

.eu-cookies button {
    background: #cd066b;
    color: white;
    border: 1px #cd066b solid;
    font-size: 10px;
    line-height: 10px;
    cursor:pointer;
    margin: 4px 0px 4px 20px;
    padding: 1px 1px 1px 1px;
}

.table-tab {
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	border-collapse: collapse;
	/* border: 1px solid #d3d3d3; */
}

.th-tab {
  border-bottom: 1px solid #ffffff;
	color: Black;
	font-weight: normal;
  padding: 10px 10px 10px 10px;
  font-weight: bold;
} 

.td-tab {
	border-bottom: 1px solid #ffffff;
  padding: 10px 10px 10px 10px;
	height: 20px; 
}

.td-tab-noborder {
  padding: 10px 10px 0px 10px;
	height: 20px; 
}

.a-small {font-size: 11px; color: #237db9; }
.a-top-menu {font-family:Arial; font-size: 13px; font-weight: bold; color: #ffffff; text-transform:uppercase; text-decoration:none;}
.a-top-menu:hover {font-family:Arial; font-size: 13px; font-weight: bold; color: #eca3c8; text-transform:uppercase; text-decoration:none;}
.a-numbering {color: #39393a; font-size: 12px; text-decoration:none; font-weight: normal;}
.a-numbering:hover {color: #ca005f; font-size: 12px; text-decoration:underline; font-weight: normal;}
.numbering-sel {color: #ca005f; font-size: 12px; font-weight: normal;}



.btn-link {float: left; text-align: center; color: #fefeff;}
.btn-link:hover {color: #c4d1dc;}

.btn-libi-nelibi       {float: left; margin-left: 10px; padding: 1px 7px 1px 7px; text-align: center; color: #ffffff; background: #15b6b8; font-size: 11px;}
.btn-libi-nelibi:hover {float: left; margin-left: 10px; padding: 1px 7px 1px 7px; text-align: center; color: #ffffff; background: #047475; font-size: 11px;}


.btn-link-green {
    float: left;
    text-align: center; 
    color: #fefeff;
    border-radius:5px;
    color:white;
    background: #A0CC3A;
    background: -webkit-linear-gradient(#A0CC3A, #83A730); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#A0CC3A, #83A730); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#A0CC3A, #83A730); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#A0CC3A, #83A730); /* Standard syntax */

}
.btn-link-green:hover {
    background: #CD066B;
}


.b-odeslat-chat { background: #237db9; color: white; font-size: 11px; border: 0px; padding: 4px 10px 4px 10px; cursor: pointer; }
.b-odeslat-chat:hover { background: #cd066b; color: white; }

/* form input submit h35 */

.stat1 {float: left; color: #237db9; font-family: Verdana; font-size: 18px; font-weight: bold; line-height: 18px;}
.stat2 {float: left; clear: both; color: #5d5d5d; font-weight: bold; font-size: 11px; line-height: 17px;}
.stat3 {color: #a9c668; font-family: Verdana; font-size: 12px; font-weight: bold; line-height: 14px;}

div.submit-button { 
    background: transparent url('../img/button/form_button_blue_35px.png') no-repeat 0 0; 
    display: block; 
    float: left; 
    height: 35px; /* total height of the button */ 
    padding-left: 15px; /* end width */ 
} 

span.submit-button-end { 
    background: #fff url('../img/button/form_button_blue_35px.png') no-repeat 100% 0; /* specify bg colour */ 
    display: block; 
    float: left; 
    font-weight: normal; 
    height: 35px; /* total height of the button */ 
} 

input.submit-input { 
    font-size: 13px; 
    background: none; 
    border: none; 
    padding: 0 0 2px 15px; /* end width */ 
    color: #fefeff; 
    cursor: pointer; 
    position: relative; 
    height: 35px; /* total height minus bottom padding */ 
    line-height: 35px; /* same as above */ 
    left: -15px; /* end width */ 
    margin-right: -15px; /* end width */ 
    padding-right: 15px; /* end width */ 
} 

input.submit-input:hover {color: #c6dcec;} 

div.submit-button:hover {background-position: 0 100%;} 

div.submit-button:hover span.submit-button-end {background-position: 100% 100%;}

/* END form input submit h35 */


/* a h35 */

div.submit-input { 
    font-size: 13px; 
    background: none; 
    border: none; 
    padding: 0 0 2px 15px; /* end width */ 
    color: #fefeff; 
    cursor: pointer; 
    position: relative; 
    height: 35px; /* total height minus bottom padding */ 
    line-height: 35px; /* same as above */ 
    left: -15px; /* end width */ 
    margin-right: -15px; /* end width */ 
    padding-right: 15px; /* end width */ 
} 

/* END a h35 */


/* form input submit h26 */

div.submit-button26 { 
    background: transparent url('../img/button/form_button_blue_26px.png') no-repeat 0 0; 
    display: block; 
    float: left; 
    height: 26px; /* total height of the button */ 
    padding-left: 15px; /* end width */ 
} 

span.submit-button-end26 { 
    background: #fff url('../img/button/form_button_blue_26px.png') no-repeat 100% 0; /* specify bg colour */ 
    display: block; 
    float: left; 
    font-weight: normal; 
    height: 26px; /* total height of the button */ 
} 

input.submit-input26 { 
    font-size: 11px; 
    background: none; 
    border: none; 
    padding: 0 0 2px 7px; /* end width */ 
    color: #fefeff; 
    cursor: pointer; 
    position: relative; 
    height: 26px; /* total height minus bottom padding */ 
    line-height: 26px; /* same as above */ 
    left: -10px; /* end width */ 
    margin-right: -10px; /* end width */ 
    padding-right: 10px; /* end width */ 
} 

input.submit-input26:hover {color: #c6dcec;} 

div.submit-button26:hover {background-position: 0 100%;} 

div.submit-button26:hover span.submit-button-end26 {background-position: 100% 100%;}

/* END form input submit h26 */


/* a h26 */

div.submit-input26 { 
    font-size: 11px; 
    background: none; 
    border: none; 
    padding: 0 0 2px 7px; /* end width */ 
    color: #fefeff; 
    cursor: pointer; 
    position: relative; 
    height: 26px; /* total height minus bottom padding */ 
    line-height: 26px; /* same as above */ 
    left: -10px; /* end width */ 
    margin-right: -10px; /* end width */ 
    padding-right: 10px; /* end width */ 
} 

/* END a h26 */



.title {font-size: 18px; font-weight: bold; color: #39393a; line-height: 22px; margin-bottom: 25px;}


.opacity-50 { opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5;} /* filter: alpha(opacity=50);  */
.opacity-90 { opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9;} /* filter: alpha(opacity=90); */



/* desktop */
@media screen and (min-width:1070px) {
  #container-plp{float:left; width:100%;position: relative; text-align:left;}
  .st {float:left; width: 998px;}
  .in {width: 998px; height: auto; margin: 0 auto; position: relative;}     
  /* layout */
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-2-sloupce {width: 42%; margin: 0px 4% 0px 4%;}
  .layout-head {float:left; width:100%; background: #28292b;}
  .layout-head-info {float:left; width:100%; height: 30px; background: #a9c668; color: white;}
  .layout-menu {float:left; width:100%; height: 48px; background: #cd066b;}
  .layout-navigation-white {float:left; width:100%; height: 51px; background: #ffffff;}
  .layout-navigation {float:left; width: 675px; height: 52px;}
  .layout-navigation div.padd {}
  .layout-find {float:right; position: relative; width: 310px; height: 52px;}
  .layout-info-panel {float:left; position: relative; width:100%;}
  .layout-content {float:left; position: relative; width: 998px;background: #ffffff; padding-bottom: 40px; margin-bottom: 40px;}
  .layout-content div.padd {padding: 9px 9px 30px 9px;}
  .layout-video-content {float:left; width: 998px; margin-bottom: 40px;}
  .layout-content-text {float:left; position: relative; width: 998px; background: #ffffff; padding-bottom: 14px; margin-bottom: 40px;}
  .layout-content-text div.padd60 {float: left; width: 878px; padding: 55px 60px 60px 60px;}
  .layout-content-text div.padd9 {float: left; width: 980px; padding: 9px 9px 9px 9px;}
  .layout-content-text div.padd20 {float: left; width: 958px; padding: 20px 20px 20px 20px;}
  .layout-content-grey {float:left; width:100%; background: #efefef; margin-bottom: 40px;}
  .layout-content-grey div.padd {padding: 50px 23px 23px 23px;}
  .layout-homepage-left-column {float:left; width: 660px;}
  .layout-homepage-right-column {float: right; width: 300px;}
  .layout-foot {float:left; width:100%; background: #28292b;}
  .layout-copyright {float:left; width:100%; margin-top: 15px; margin-bottom: 40px; font-size: 10px; line-height: 14px; color: #000000;}
  .layout-copyright p {color: #000000;}
  .layout-section-homepage-left-column {float:left; width: 231px;}
  .layout-section-menu {float: left; width: 231px;}
  .layout-section-left-text {float: left; position: relative; width: 231px; margin-top: 15px; text-align: justify;}
  .layout-section-left-text div.padd {padding: 0px 15px 0px 15px;}
  .layout-section-left-text div.padd p {font-size: 12px; color: #7e7f82;}  
  .layout-section-homepage-middle-column {float:left; width: 468px; margin-top: 14px;}
  .layout-section-homepage-right-column {float:right; width: 250px;}
  .layout-section-right-text {float: left; width: 250px; margin-top: 15px; text-align: justify;}
  .layout-section-right-text did.padd {padding: 0px 15px 0px 15px;}
  .layout-section-next-menu {float: left; width: 231px; margin-top: 15px;}
  .layout-section-middle-column {float:left; width: 461px;}
  .layout-section-video {float:left; width: 729px;}
  .layout-top-menu {float:right; padding: 15px 10px 10px 10px;}
  .layout-top-menu-mobile {display: none;}
  .item-icons {float: left; clear: both; width: 100%; margin-top: 9px;}
  .item_1-icons {float: right; clear: both; width: 100%;padding-top: 5px;margin-top: 9px;border-top: 1px solid #EFEFEF}
  .item-text {float: left; width: 100%; margin-top: 15px;}
  .item-section {float: left; width: 100%; margin-top: 15px;}
  .item-vote {margin: 0 auto; width: 385px;}
  .item-icon-padd {padding-right: 20px; padding-left: 3px;}
  .layout-foot td  p {color: #dcddde; font-size: 11px;}
  .layout-foot a {color: #0178cb; font-size: 12px; line-height: 24px;}
  .profile-title {font-size: 18px; color: #39393a;}
  .profile-head-a {padding-right: 20px; padding-bottom: 3px; font-weight: bold; font-size: 13px;}
  .profile-head-b {font-size: 13px; padding-bottom: 3px;}
  .dat-par1 {color: #39393a; padding-right: 30px;}
  .dat-par2 {color: #ca005f;}
  .dat-par3 {color: #aeaeae; padding-right: 30px;}
  .form-control-title {float: left; margin-bottom: 10px; font-weight: bold;}
  .control-mandatory {font-size: 16px; font-weight: bold; color: #ca005f;}
  .eshop-detail {float: left; width: 75px; height: 24px; background: url('../img/eshop/btn_detail_cz.png'); background-repeat: no-repeat;}
  .nadpis-arno {font-size: 13px; font-weight: bold; color: #39393a;}
  .d-disp {margin-top: 3px; background: #e9f2d5; visibility: hidden; display: none;}
  .quickmsg-content {float: right; width: 614px; height: 38px; display: block;  background-color: #f0efee;} /*  background-image:url('../img/general/bg_quick_news_homepage1.png'); */
  .quickmsg-content div.padd {padding: 8px 0px 5px 10px;}
  .items-home-left {float: left; position: relative; width: 320px; clear: both;}
  .items-home-left div.padd {padding: 1px 0px 0px 12px; font-size: 11px;}
  .items-home-right {float: right; position: relative; width: 320px;}
  .items-home-right div.padd {padding: 1px 0px 0px 12px; font-size: 11px;}
  .top-menu-item {float: right; position: relative; margin-left: 31px;}
  .top-menu-linka {color: #cce4f5;}
  .a-title-item {font-size: 13px; font-weight: bold;}
  .item-img {float: left; width: 81px;}
  .item-right {float: right; width: 330px;}
  .title-item-detail {float: left; clear: both; font-size: 18px; font-weight: bold; color: #39393a; margin-bottom: 10px;}
  .conf-type {float: left; width: 314px; min-height: 660px; margin: 5px 6px 25px 6px;}
  .conf-type div.padd {float: left; padding: 0px 8px 0px 8px;}
  .online-rect {float: left; width: 100%; background: #d4eaa2;}
  .online-rect-in {float: left; position: relative; width: 90%; padding: 8% 5% 8% 5%;}
  .online-rect-in-text {position: absolute; left: 17px; top: 20px; width: 100%; text-align: center; color: #5d7e11; font-size: 14px;}
  /* nove pridane desktop */
  .a-head {color: #64b9f4; font-size: 12px; font-weight: normal;}
  .a-head:hover {color: #b4d0f2; font-size: 12px; font-weight: normal;}
  .a-head-last-item {color: #39393a;font-size: 12px;}
  .a-head-last-item:hover {color: #39393a; font-size: 12px;}
  .google-advert-mobile-invisible {display: block;}
  .mobile-invisible {}
  .tablet-invisible {}
  .desktop-invisible {display: none;}
  .aktuality-karticka {float: left; position: relative; width: 307px; margin: 0px 6px 12px 6px; }
  .head-0 {display: none;}
  .head-1 {float: left; margin: 23px 0px 0px 20px; font-size: 12px; height: 45px;}
  .head-count-ico {float: left; margin: 26px 0px 0px 40px;}
  .head-count-ico-1 {float: left;}
  .head-count-ico-2 {float: left; margin: -5px 0px 0px 15px;}
  .head-count-ico-3 {float: left; margin: -2px 0px 0px 15px;}
  .head-count-ico-4 {float: left; margin: 0px 0px 0px 15px;}
  .head-count-ico-5 {float: left; margin: -3px 0px 0px 15px;}
  .textarea-control {float: left; width: 555px; padding-left: 20px; padding-top: 20px; border: 1px solid #dbd7d7; font-size: 12px; color: #95979b;}
  .input-control    {width: 260px; padding-left: 20px; padding-top: 1px; border: 1px solid #dbd7d7; height: 34px;  font-size: 12px; color: #95979b;}
  .select-control{ float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select{ height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-family: Verdana; font-size: 12px; color: #95979b; }
  .forgot-pass-s1 {float: left; width: 60%;}
  .forgot-pass-s2 {float: right; width: 35%;}
  .table-responsive td {} 
  .profile-s1 {float: left; width: 25%; margin-top: 0px;}
  .profile-s2 {float: left; width: 75%; }
  .profile-s2-padd {float: left; width: 90%; padding: 28px 5% 43px 5%;}
  .post-s1 {float: left; width: 220px;}
  .post-s2 {float: left; width: 501px;}
  .post-s3 {float: right; width: 250px;}
  .post-textarea {width: 440px;}
  .dating-action-s1 {float: left; width: 610px;}
  .dating-action-s2 {float: right; width: 300px; margin-top: 30px;}
  .customer-card-peoplerank {position: absolute; bottom: 0px; right: 0px; width: 347px; height: 155px; background-image:url('../img/general/bg_rank_profile.gif');}
  .customer-card-bublparam {position: relative; width: 48%;}
  .customer-card-profilephoto {margin-right: 55px; border: #e6e6e6 solid 1px; width: 210px;}
  .help-s1 {float: left; width: 40%;}
  .help-s2 {float: right; width: 60%;}
  .help-s1-mobile {display: none;}
  .like-dislike-textarea {width: 860px;}
  .like-dislike-nextimg {border-radius: 50px; width: 100px;}
  .homepage-online {float: left; width: 998px;}
  .homepage-online iframe {width: 998px;}
  .head-last-items-half {width: 320px;}
  .head-last-items-full {width: 643px;}
  .homepage-rank-s1 {width: 100%;}
  .homepage-rank-s2 {width: 100%; padding-top: 20px;}
  .homepage-videa {float: right; width: 300px; background: #dcddde; padding-bottom: 25px;}
  .homepage-videa-male {float: left; margin-top: 15px; width: 258px;}
  .homepage-dating-vstoupit {float: left; padding: 12px 19px 9px 19px; color: #ca005f; font-size: 12px;}
  .homepage-dating-fontdescr {font-size: 11px; line-height: 13px; font-weight: normal;}
  .layout-section-homepage-obsah {float:right; width: 729px;}
  .insert-update-item-s1 {float: left; width: 550px; margin-bottom: 20px;}
  .insert-update-item-s2 {float: right; width: 275px;}
  .head-last-items-thirds {width: 314px;}
  .layout-confessions-s1 {float: left; width: 646px;}
  .layout-confessions-s2 {float: right; width: 314px;}
  .videos-home-s1 {float: left; width: 719px; background: #ffffff;}
  .videos-home-s2 {float: right; width: 270px;}
  .videos-home-advert {float: left; width: 270px; background: #ffffff;}
  .videos-home-add {float: left; width: 270px; height: 251px; background: #ffffff; margin-top: 9px;}
  .fairytale-video-upoutavka-card {width: 320px; height: 357px; margin: 0px 5px 20px 5px;}
  .videos-home-spodni-s1 {float: left; width: 646px; text-align: justify;}
  .videos-home-spodni-s2 {float: right; width: 314px; text-align: justify;}
  .videos-card-video-s1 {float: left; width: 460px;}
  .videos-card-video-s2 {float: right; width: 510px;}
  .item-video-detail-card {width: 220px;  margin: 0px 5px 20px 5px;}
  .item-video-card {width: 220px; margin: 30px 10px 0px 10px;}
  .dating-trailer-detail-s1 {float: left; width: 210px;}
  .dating-trailer-detail-s2 {float: right; width: 730px;}
  .dating-home-holky {float: left; position: relative; width: 480px; background: #fbdfed;}
  .dating-home-kluci {float: right; position: relative; width: 480px; background: #cce4f5;}
  .dating-home-libinelibi-s1 {float: left; margin-left: 210px; margin-top: 73px;}
  .dating-home-libinelibi-s2 {float: left; margin-left: 50px; width: 322px; height: 322px; background-image: url('../img/general/general/libi_nelibi_kruhy.png'); background-repeat: no-repeat;}
  .dating-home-libinelibi-s2 img {border-radius: 191px; margin-left: 30px; margin-top: -27px; width: 262px;}
  .dating-home-libinelibi-s3 {float: left; margin-left: 50px; margin-top: 73px;}
  .dating-home-matrix-img-size {width: 103px;}
  .dating-home-matrix-img {margin: 8px 8px 8px 8px;}
  .dating-home-menu-block {float: left; width: 230px; margin-top: 0px;}
  .dating-home-obsah {float: right; width: 737px;}
  .dating-home-pod {float: right; width: 737px; margin-bottom: 10px;}
  .dating-home-pod1 {float: left; width: 550px; height: 120px; background: #efefef;}
  .dating-home-pod2 {float: right; width: 177px; height: 120px; background: #a9c668;}
  .dating-home-hledej {float: left; width: 424px; height: 250px; background: #efefef;}
  .dating-home-pod-prava-reklama {float: right; width: 300px;}  /*  height: 300px; */
  .dating-home-3-vizitka {float: right; width: 736px; margin-top: 10px;}
  .dating-home-3-vizitka-card {float: left; width: 240px; height: 400px; margin: 2px;}
  .dating-home-3-vizitka-card-s1 {float: left; width: 210px;}
  .dating-home-3-vizitka-card-s2 {float: left; text-align: justify; margin-top: 10px;}
  .dating-card-dating-nickname {font-size: 16px; font-weight: bold; padding-bottom: 15px; padding-top: 5px;}
  .dating-card-dating-gallery {float: left; position: relative; width: 129px; height: 129px; margin: 0px 8px 14px 8px;}
  .dating-card-dating-head1 {float: left; width: 210px; position: relative; padding: 18px 0px 18px 18px;}
  .dating-card-dating-head2 {float: left; position: relative; margin-left: 45px; margin-top: 23px; width: 240px;}
  .dating-card-dating-head3 {position: absolute; z-index: 10; right: 0px; top: 25px;}
  .dating-card-dating-head4 {float: left; clear: both; margin: 0px 0px 30px 20px;}
  .vote-star-img {float: left; width: 87px; margin: 0px 20px 0px 20px;}
  .item-dating-card {width: 230px; height: 380px; margin: 4px 6px 4px 6px;}
  .videos-card-pruh-s1 {float: left; width: 85px;}
  .videos-card-pruh-s2 {float: left; width: 600px; margin-left: 13px;}
  .videos-card-pruh-title {float: left; width: 500px; margin-top: 0px; font-size: 16px; line-height: 18px; font-weight: bold;}
  .quick-msg-scroller {float: left; width: 545px; height: 26px; overflow: hidden;}
  .quick-msg-scroller li {font-size: 12px; line-height: 12px; font-weight: normal;}
  .quick-msg-scroller li span {margin-right: 25px; font-size: 12px; line-height: 12px; font-weight: bold;}
  .customer-card-btn-1 {position: absolute; z-index: 10; right: 210px; top: 45px;}
  .customer-card-btn-2 {position: absolute; z-index: 10; right: 61px; top: 45px;}
  .customer-card-btn-3 {position: absolute; z-index: 10; right: 61px; top: 45px;}
  .part-layout-section-menu {float: left; width: 100%; background: #dcddde;}
  .part-layout-section-menu-in {padding: 24px 14px 24px 18px; margin-bottom: 0px;}
  .homepage-online-top {float: left; padding: 10px;}  
  .responsive-avatar {float: left; width: 19.5%; padding: 11px 11px; box-sizing: border-box;}
  .responsive-avatar-matrix {float: left; width: 25%; padding: 8px 8px; box-sizing: border-box;}
  .top-people-rank-s1 {float: left; width: 70%;} 
  .top-people-rank-s2 {float: right; width: 20%; margin-top: 86px;}
  .customer-card-profilephoto-top {float: left; position: relative; width: 210px; margin-right: 40px;}
  .video-home-top {width: 340px; margin-bottom: 15px;}
  .dating-home-card-column {float: left; width: 341px; margin-bottom: 10px; height: 120px;}
  .filter-dating-dating {float: left; width: 100%; background: #efefef; margin-bottom: 10px;}
  .filter-open-close-dating-dating {display: none;}
  .filter-btn {float: right; margin-top: 30px;}
  .filter-total-items {float: right; margin-top: 37px; margin-right: 20px;}
  .top-item-detail {float: left; width: 100%; margin-top: 25px;}
  .arrow-item-detail {position: absolute; right: 0px; top: 0px;}
  .abc {float: left;}
  .abc a  {cursor: pointer;color: gray ;margin-right: 6px;font-weight: bold;}
  .happy-msg-s1 {float: left; width: 550px;}
  .happy-msg-s2 {float: right; width: 300px;}
  .profile-omne {float: left; width: 75%; position: relative;}
}
/* tablet */                 
@media screen and (min-width:768px) and (max-width:1069px) {
  #container-plp{float:left; width:100%;position: relative; text-align:left;}
  .st {float:left; width: 768px;}
  .in {width: 768px; height: auto; margin: 0 auto; position: relative;}     
  /* layout */
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-2-sloupce {width: 42%; margin: 0px 4% 0px 4%;}
  .layout-head {float:left; width:100%; position: relative; background: #28292b;}
  .layout-head-info {float:left; width:100%; height: 30px; background: #a9c668; color: white;}
  .layout-menu {float:left; width:100%; height: 48px; background: #cd066b;}
  .layout-navigation-white {float:left; width:100%; height: 51px; background: #ffffff;}
  .layout-navigation {float:left; width: 530px; height: 52px;}
  .layout-navigation div.padd {}
  .layout-find {float:right; position: relative; width: 200px; height: 52px;}
  .layout-info-panel {float:left; position: relative; width:100%;}
  .layout-content {float:left; position: relative; width: 100%;background: #ffffff; padding-bottom: 40px; margin-bottom: 40px;}
  .layout-content div.padd {padding: 9px 9px 30px 9px;}
  .layout-video-content {float:left; width: 100%; margin-bottom: 40px;}
  .layout-content-text {float:left; position: relative; width: 100%; background: #ffffff; padding-bottom: 14px; margin-bottom: 40px;}
  .layout-content-text div.padd60 {float: left; width: 648px; padding: 55px 60px 60px 60px;}
  .layout-content-text div.padd9 {float: left; width: 750px; padding: 9px 9px 9px 9px;}
  .layout-content-text div.padd20 {float: left; width: 728px; padding: 20px 20px 20px 20px;}
  .layout-content-grey {float:left; width:100%; background: #efefef; margin-bottom: 40px;}
  .layout-content-grey div.padd {padding: 50px 23px 23px 23px;}
  .layout-homepage-left-column {float:left; width: 100%;}
  .layout-homepage-right-column {float: right; width: 100%;}
  .layout-foot {float:left; width:100%; background: #28292b;}
  .layout-copyright {float:left; width:100%; margin-top: 15px; margin-bottom: 40px; font-size: 10px; line-height: 14px; color: #000000;}
  .layout-copyright p {color: #000000;}
  .layout-section-homepage-left-column {float:left; width: 231px;}
  .layout-section-menu {float: left; width: 231px;}
  .layout-section-left-text {float: left; position: relative; width: 231px; margin-top: 15px; text-align: justify;}
  .layout-section-left-text div.padd {padding: 0px 15px 0px 15px;}
  .layout-section-left-text div.padd p {font-size: 12px; color: #7e7f82;}  
  .layout-section-homepage-middle-column {float:left; width: 100%; margin-top: 14px;}
  .layout-section-homepage-right-column {float:left; clear: both; width: 100%;}
  .layout-section-right-text {float: left; width: 100%; margin-top: 15px; text-align: justify;}
  .layout-section-right-text did.padd {padding: 0px 15px 0px 15px;}
  .layout-section-next-menu {float: left; width: 231px; margin-top: 15px;}
  .layout-section-middle-column {float:left; width: 461px;}
  .layout-section-video {float:left; width: 100%;}
  .layout-top-menu {float:right; padding: 15px 10px 10px 10px;}
  .layout-top-menu-mobile {display: none;}
  .item-icons {float: left; clear: both; width: 100%; margin-top: 9px;}
  .item_1-icons {float: right; clear: both; width: 100%;padding-top: 5px;margin-top: 9px;border-top: 1px solid #EFEFEF}
  .item-text {float: left; width: 100%; margin-top: 15px;}
  .item-section {float: left; width: 100%; margin-top: 15px;}
  .item-vote {margin: 0 auto; width: 385px;}
  .item-icon-padd {padding-right: 20px; padding-left: 3px;}
  .layout-foot td  p {color: #dcddde; font-size: 11px;}
  .layout-foot a {color: #0178cb; font-size: 12px; line-height: 24px;}
  .profile-title {font-size: 18px; color: #39393a;}
  .profile-head-a {padding-right: 20px; padding-bottom: 3px; font-weight: bold; font-size: 13px;}
  .profile-head-b {font-size: 13px; padding-bottom: 3px;}
  .dat-par1 {color: #39393a; padding-right: 30px;}
  .dat-par2 {color: #ca005f;}
  .dat-par3 {color: #aeaeae; padding-right: 30px;}
  .form-control-title {float: left; margin-bottom: 10px; font-weight: bold;}
  .control-mandatory {font-size: 16px; font-weight: bold; color: #ca005f;}
  .eshop-detail {float: left; width: 75px; height: 24px; background: url('../img/eshop/btn_detail_cz.png'); background-repeat: no-repeat;}
  .nadpis-arno {font-size: 13px; font-weight: bold; color: #39393a;}
  .d-disp {margin-top: 3px; background: #e9f2d5; visibility: hidden; display: none;}
  .quickmsg-content {float: right; width: 708px; height: 38px; display: block; background-color: #f0efee;}  /* background-image:url('../img/general/bg_quick_news_homepage1.png'); background-repeat: no-repeat; */
  .quickmsg-content div.padd {padding: 8px 0px 5px 10px;}
  .items-home-left {float: left; position: relative; width: 365px; clear: both;}
  .items-home-left div.padd {padding: 1px 0px 0px 12px; font-size: 11px;}
  .items-home-right {float: right; position: relative; width: 365px;}
  .items-home-right div.padd {padding: 1px 0px 0px 12px; font-size: 11px;}
  .top-menu-item {float: right; position: relative; margin-left: 31px;}
  .top-menu-linka {color: #cce4f5;}
  .a-title-item {font-size: 13px; font-weight: bold;}
  .item-img {float: left; width: 81px;}
  .item-right {float: left; width: 330px; margin-left: 20px;}
  .title-item-detail {float: left; clear: both; font-size: 18px; font-weight: bold; color: #39393a; margin-bottom: 10px;}
  .conf-type {float: left; width: 355px; min-height: 660px; margin: 5px 10px 25px 10px;}
  .conf-type div.padd {float: left; padding: 0px 8px 0px 8px;}
  .online-rect {float: left; width: 100%; position: relative; background: #d4eaa2;}
  .online-rect-in {float: left; position: relative; width: 90%; padding: 8% 5% 10% 5%;}
  .online-rect-in-text {position: absolute; left: 24px; top: 20px; width: 100%; text-align: center; color: #5d7e11; font-size: 14px;}
  /* nove pridane tablet */
  .a-head {color: #64b9f4; font-size: 12px; font-weight: normal;}
  .a-head:hover {color: #b4d0f2; font-size: 12px; font-weight: normal;}
  .a-head-last-item {color: #39393a;font-size: 12px;}
  .a-head-last-item:hover {color: #39393a; font-size: 12px;}
  .google-advert-mobile-invisible {display: block;}
  .mobile-invisible {}
  .tablet-invisible {display: none;}
  .desktop-invisible {}
  .aktuality-karticka {float: left; position: relative; width: 47%; margin: 0px 1.5% 12px 1.5%; }
  .head-0 {float: left; padding: 20px 0px 0px 30px;}
  .head-1 {float: left; margin: 23px 0px 0px 60px; font-size: 12px; height: 45px;}
  .head-count-ico {position: absolute; top: 85px; left: 270px;}
  .head-count-ico-1 {float: left;}
  .head-count-ico-2 {float: left; margin: -5px 0px 0px 15px;}
  .head-count-ico-3 {float: left; margin: -2px 0px 0px 15px;}
  .head-count-ico-4 {float: left; margin: 0px 0px 0px 15px;}
  .head-count-ico-5 {float: left; margin: -3px 0px 0px 15px;}
  .textarea-control {float: left; width: 450px; padding-left: 20px; padding-top: 20px; border: 1px solid #dbd7d7; font-size: 12px; color: #95979b;}
  .input-control    {width: 200px; padding-left: 20px; padding-top: 1px; border: 1px solid #dbd7d7; height: 34px;  font-size: 12px; color: #95979b;}
  .select-control{ float: left; width: 220px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select{ height: 34px; width: 220px; padding: 8px 6px 6px 20px; border: none; font-family: Verdana; font-size: 12px; color: #95979b; }
  .forgot-pass-s1 {float: left; width: 65%;}
  .forgot-pass-s2 {float: right; width: 30%;}
  .table-responsive td {}
  .profile-s1 {float: left; width: 25%; margin-top: 0px;}
  .profile-s2 {float: left; width: 75%; }
  .profile-s2-padd {float: left; width: 90%; padding: 28px 5% 43px 5%;}
  .post-s1 {float: left; width: 220px;}
  .post-s2 {float: left; width: 501px;}
  .post-s3 {float: right; width: 250px;}
  .post-textarea {width: 440px;}
  .dating-action-s1 {float: left; width: 400px;}
  .dating-action-s2 {float: right; width: 300px; margin-top: 30px;}
  .customer-card-peoplerank {float: left; clear: both; width: 100%; height: 155px; background-image:url('../img/general/bg_rank_profile.gif');}
  .customer-card-bublparam {position: relative; width: 48%;}
  .customer-card-profilephoto {margin-right: 55px; border: #e6e6e6 solid 1px; width: 210px;}
  .help-s1 {float: left; width: 40%;}
  .help-s2 {float: right; width: 60%;}
  .help-s1-mobile {display: none;}
  .like-dislike-textarea {width: 620px;}
  .like-dislike-nextimg {border-radius: 50px; width: 100px;}
  .homepage-online {float: left; width: 768px;}
  .homepage-online iframe {width: 768px;}
  .head-last-items-half {width: 365px;}
  .head-last-items-full {width: 730px;}
  .homepage-rank-s1 {float: left; width: 45%;}
  .homepage-rank-s2 {float: right; width: 45%; padding-top: 0px;}
  .homepage-videa {float: left; width: 100%; background: #dcddde; padding-bottom: 25px;}
  .homepage-videa-male {float: left; margin-left: 0px; margin-top: 65px; width: 100%;}
  .homepage-dating-vstoupit {float: left; padding: 12px 19px 9px 19px; color: #ca005f; font-size: 12px;}
  .homepage-dating-fontdescr {font-size: 11px; line-height: 13px; font-weight: normal;}
  .layout-section-homepage-obsah {float:right; width: 500px;}
  .insert-update-item-s1 {float: left; width: 400px; margin-bottom: 20px;}
  .insert-update-item-s2 {float: right; width: 160px;}
  .head-last-items-thirds {width: 355px;}
  .layout-confessions-s1 {float: left; width: 100%;}
  .layout-confessions-s2 {float: right; width: 100%;}
  .videos-home-s1 {float: left; width: 100%; background: #ffffff;}
  .videos-home-s2 {float: right; width: 100%; background: #ffffff; margin-top: 9px;}
  .videos-home-advert {float: left; width: 270px; background: #ffffff; margin: 25px 53px 20px 53px;}
  .videos-home-add {float: left; width: 270px; height: 251px; background: #ffffff; margin-top: 9px; border: 1px solid #efeeee; margin: 30px 53px 20px 53px;}
  .fairytale-video-upoutavka-card {width: 340px; height: 357px; margin: 0px 20px 20px 20px;}
  .videos-home-spodni-s1 {float: left; width: 100%; text-align: justify;}
  .videos-home-spodni-s2 {float: right; width: 100%; text-align: justify;}
  .videos-card-video-s1 {float: left; width: 100%;}
  .videos-card-video-s2 {float: right; width: 100%;}
  .item-video-detail-card {width: 220px;  margin: 0px 17px 20px 17px;}
  .item-video-card {width: 220px; margin: 30px 15px 0px 15px;}
  .dating-trailer-detail-s1 {float: left; width: 210px;}
  .dating-trailer-detail-s2 {float: right; width: 500px;}
  .dating-home-holky {float: left; position: relative; width: 365px; background: #fbdfed;}
  .dating-home-kluci {float: right; position: relative; width: 365px; background: #cce4f5;}
  .dating-home-libinelibi-s1 {float: left; margin-left: 100px; margin-top: 73px;}
  .dating-home-libinelibi-s2 {float: left; margin-left: 50px; width: 322px; height: 322px; background-image: url('../img/general/general/libi_nelibi_kruhy.png'); background-repeat: no-repeat;}
  .dating-home-libinelibi-s2 img {border-radius: 191px; margin-left: 30px; margin-top: -27px; width: 262px;}
  .dating-home-libinelibi-s3 {float: left; margin-left: 50px; margin-top: 73px;}
  .dating-home-matrix-img-size {width: 105px;}
  .dating-home-matrix-img {margin: 10px 8px 5px 8px;}
  .dating-home-menu-block {float: left; width: 230px; margin-top: 0px;}
  .dating-home-obsah {float: right; width: 505px;}
  .dating-home-pod {float: right; width: 505px; margin-bottom: 10px;}
  .dating-home-pod1 {float: left; width: 360px; height: 150px; background: #efefef;}
  .dating-home-pod2 {float: right; width: 140px; height: 150px; background: #a9c668;}
  .dating-home-hledej {float: left; width: 100%; height: 250px; background: #efefef;}
  .dating-home-pod-prava-reklama {float: left; width: 100%; margin-top: 8px;}
  .dating-home-3-vizitka {float: left; width: 100%; margin-top: 10px;}
  .dating-home-3-vizitka-card {float: left; width: 100%; margin: 0px;}
  .dating-home-3-vizitka-card-s1 {float: left; width: 100px;}    /* ZDE POKRACUJ */ 
  .dating-home-3-vizitka-card-s2 {float: left; width: 330px; margin-left: 20px; text-align: justify; margin-top: 10px;}
  .dating-card-dating-nickname {font-size: 14px; font-weight: bold; padding-bottom: 15px; padding-top: 5px;}
  .dating-card-dating-gallery {float: left; position: relative; width: 129px; height: 129px; margin: 0px 18px 14px 18px;}
  .dating-card-dating-head1 {float: left; width: 190px; position: relative; padding: 18px 0px 18px 18px;}
  .dating-card-dating-head2 {float: left; position: relative; margin-left: 15px; margin-top: 23px; width: 255px;}
  .dating-card-dating-head3 {position: absolute; z-index: 10; right: 0px; top: 25px;}
  .dating-card-dating-head4 {float: left; clear: both; margin: 0px 0px 30px 20px;}
  .vote-star-img {float: left; width: 87px; margin: 0px 20px 0px 20px;}
  .item-dating-card {width: 230px; height: 380px; margin: 4px 6px 4px 6px;}
  .videos-card-pruh-s1 {float: left; width: 85px;}
  .videos-card-pruh-s2 {float: left; width: 600px; margin-left: 13px;}
  .videos-card-pruh-title {float: left; width: 500px; margin-top: 0px; font-size: 16px; line-height: 18px; font-weight: bold;}
  .quick-msg-scroller {float: left; width: 635px; height: 22px; overflow: hidden;}
  .quick-msg-scroller li {font-size: 12px; line-height: 12px; font-weight: normal;}
  .quick-msg-scroller li span {margin-right: 25px; font-size: 12px; line-height: 12px; font-weight: bold;}
  .customer-card-btn-1 {position: absolute; z-index: 10; right: 61px; top: 89px;}
  .customer-card-btn-2 {position: absolute; z-index: 10; right: 61px; top: 45px;}
  .customer-card-btn-3 {position: absolute; z-index: 10; right: 61px; top: 45px;}
  .part-layout-section-menu {float: left; width: 100%; background: #dcddde;}
  .part-layout-section-menu-in {padding: 24px 14px 24px 18px; margin-bottom: 0px;}
  .homepage-online-top {float: left; padding: 10px;}
  .responsive-avatar {float: left; width: 16.2%; padding: 8px 8px; box-sizing: border-box;}
  .responsive-avatar-matrix {float: left; width: 33%; padding: 8px 8px; box-sizing: border-box;}
  .top-people-rank-s1 {float: left; width: 100%;} 
  .top-people-rank-s2 {float: right; width: 100%; margin-top: 86px;}
  .customer-card-profilephoto-top {float: left; position: relative; width: 210px; margin-right: 40px;}
  .video-home-top {width: 48%; margin-bottom: 15px;}
  .dating-home-card-column {float: left; width: 341px; margin-bottom: 10px; height: 120px;}
  .filter-dating-dating {float: left; width: 100%; background: #efefef; margin-bottom: 10px;}
  .filter-open-close-dating-dating {display: none;}
  .filter-btn {float: right; margin-top: 30px;}
  .filter-total-items {float: left; clear: both; margin-top: -10px;}
  .top-item-detail {float: left; width: 100%; margin-top: 25px;}
  .arrow-item-detail {position: absolute; right: 0px; top: 0px;}
  .abc {float: left; width: 34px; height: 28px; cursor: pointer; color: grey; margin: 0px 3px 6px 3px; font-weight: bold; border: 1px solid grey; padding: 8px 0px 0px 0px; text-align: center; font-size: 20px; line-height: 20px;}
  .abc a {cursor: pointer;color: gray ; font-weight: bold; font-size: 20px; line-height: 20px;}
  .happy-msg-s1 {float: left; width: 100%;}
  .happy-msg-s2 {float: left; width: 100%; clear: both; margin-top: 25px;}
  .profile-omne {float: left; width: 100%; position: relative;}
}
/* mobile */
@media screen and (min-width:0px) and (max-width:767px) {
  #container-plp{float:left; width:100%;position: relative; text-align:left;}
  .st {float:left; width:100%; max-width: 414px;}
  .in {width:100%; max-width: 414px; height: auto; margin: 0 auto; position: relative;}     
  /* layout */
  .table-3-sloupce {width: 90%; margin: 0px 5% 0px 5%;}
  .table-2-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .layout-head {float:left; width:100%; background: #28292b;}
  .layout-head-info {float:left; width:100%; height: 30px; background: #a9c668; color: white;}
  .layout-menu {float:left; width:100%; height: 48px; background: #cd066b;}
  .layout-navigation-white {float:left; width:100%; height: 51px; background: #ffffff;}
  .layout-navigation {float:left; width: 100%;}
  .layout-navigation div.padd {}
  .layout-find {display: none;} /* float:right; position: relative; width: 5px; min-height: 52px; */
  .layout-info-panel {float:left; position: relative; width:100%;}
  .layout-content {float:left; position: relative; width: 100%;background: #ffffff; padding-bottom: 40px; margin-bottom: 40px;}
  .layout-content div.padd {padding: 9px 9px 30px 9px;}
  .layout-video-content {float:left; width: 100%; margin-bottom: 40px;}
  .layout-content-text {float:left; position: relative; width: 100%; background: #ffffff; padding-bottom: 14px; margin-bottom: 40px;}
  .layout-content-text div.padd60 {float: left; width: 90%; padding: 10% 5% 10% 5%;}
  .layout-content-text div.padd9 {float: left; width: 96%; padding: 10% 2% 10% 2%;}
  .layout-content-text div.padd20 {float: left; width: 92%; padding: 10% 4% 10% 4%;}
  .layout-content-grey {float:left; width:100%; background: #efefef; margin-bottom: 40px;}
  .layout-content-grey div.padd {padding: 50px 23px 23px 23px;}
  .layout-homepage-left-column {float:left; width: 100%;}
  .layout-homepage-right-column {float: left; width: 100%;}
  .layout-foot {float:left; width:100%; background: #28292b;}
  .layout-copyright {float:left; width: 90%; margin-top: 15px; margin-bottom: 40px; padding: 0% 5% 0% 5%; font-size: 10px; line-height: 14px; color: #000000; text-align: center;}
  .layout-copyright p {color: #000000;}
  .layout-section-homepage-left-column {float:left; width: 100%;}
  .layout-section-menu {float: left; width: 100%;}
  .layout-section-left-text {float: left; position: relative; width: 231px; margin-top: 15px; text-align: justify;}
  .layout-section-left-text div.padd {padding: 0px 15px 0px 15px;}
  .layout-section-left-text div.padd p {font-size: 12px; color: #7e7f82;}  
  .layout-section-homepage-middle-column {float:left; width: 100%; margin-top: 14px;}
  .layout-section-homepage-right-column {float:right; width: 100%;}
  .layout-section-right-text {float: left; width: 100%; margin-top: 15px; text-align: justify;}
  .layout-section-right-text did.padd {padding: 0px 15px 0px 15px;}
  .layout-section-next-menu {float: left; width: 231px; margin-top: 15px;}
  .layout-section-middle-column {float:left; width: 100%;}
  .layout-section-video {float:left; width: 100%;}
  .layout-top-menu {display: none;}
  .layout-top-menu-mobile {float:right; padding: 15px 10px 10px 10px;}
  .item-icons {float: left; clear: both; width: 100%; margin-top: 9px;}
  .item_1-icons {float: right; clear: both; width: 100%;padding-top: 5px;margin-top: 9px; border-top: 1px solid #efefef;}
  .item-text {float: left; width: 100%; margin-top: 15px;}
  .item-section {float: left; width: 100%; margin-top: 15px;}
  .item-vote {margin: 0 auto; width: 280px;}
  .item-icon-padd {padding-right: 20px; padding-left: 3px;}
  .layout-foot td  p {color: #dcddde; font-size: 11px;}
  .layout-foot a {color: #0178cb; font-size: 12px; line-height: 24px;}
  .profile-title {font-size: 18px; color: #39393a;}
  .profile-head-a {padding-right: 20px; padding-bottom: 3px; font-weight: bold; font-size: 13px;}
  .profile-head-b {font-size: 13px; padding-bottom: 3px;}
  .dat-par1 {color: #39393a; padding-right: 30px;}
  .dat-par2 {color: #ca005f;}
  .dat-par3 {color: #aeaeae; padding-right: 30px;}
  .form-control-title {float: left; margin-bottom: 10px; font-weight: bold;}
  .control-mandatory {font-size: 16px; font-weight: bold; color: #ca005f;}
  .eshop-detail {float: left; width: 75px; height: 24px; background: url('../img/eshop/btn_detail_cz.png'); background-repeat: no-repeat;}
  .nadpis-arno {font-size: 13px; font-weight: bold; color: #39393a;}
  .d-disp {margin-top: 3px; background: #e9f2d5; visibility: hidden; display: none;}
  .quickmsg-content {float: right; width: 85%; height: 38px; display: block; background-color: #f0efee;}
  .quickmsg-content div.padd {padding: 8px 0px 5px 5px;}
  .items-home-left {float: left; position: relative; width: 100%; clear: both; margin-bottom: 15px;}
  .items-home-left div.padd {padding: 1px 0px 0px 12px; font-size: 11px;}
  .items-home-right {float: right; position: relative; width: 100%; margin-bottom: 15px;}
  .items-home-right div.padd {padding: 1px 0px 0px 12px; font-size: 11px;}
  .top-menu-item {float: right; position: relative; margin-left: 31px;}
  .top-menu-linka {color: #cce4f5;}
  .a-title-item {font-size: 13px; font-weight: bold;}
  .item-img {float: left; width: 20%;} /* 81px */
  .item-right {float: right; width: 76%;} /* 220px */
  .title-item-detail {float: left; clear: both; font-size: 18px; font-weight: bold; color: #39393a; margin-bottom: 10px;}
  .conf-type {float: left; width: 100%; margin-bottom: 15px;}
  .conf-type div.padd {float: left; padding: 0px 8px 0px 8px;}
  .online-rect {float: left; width: 100%; background: #d4eaa2;}
  .online-rect-in {float: left; position: relative; width: 92%; height: 44px; padding: 5% 4% 4% 4%;}
  .online-rect-in-text {position: absolute; left: 0px; top: 20px; width: 100%; text-align: center; color: #5d7e11; font-size: 14px;}
  /* nove pridane mobil */
  .a-head {color: #64b9f4; font-size: 11px; font-weight: normal;}
  .a-head:hover {color: #b4d0f2; font-size: 11px; font-weight: normal;}
  .a-head-last-item {color: #39393a;font-size: 12px;}
  .a-head-last-item:hover {color: #39393a; font-size: 12px;}
  .google-advert-mobile-invisible {display: none;}
  .mobile-invisible {display: none;}
  .tablet-invisible {}
  .desktop-invisible {}
  .aktuality-karticka {float: left; position: relative; width: 100%; margin: 0px 0px 12px 0px; }
  .head-0 {display: none;}
  .head-1 {float: left; margin: 23px 0px 0px 20px; font-size: 12px; height: 45px;}
  .head-count-ico {position: absolute; top: 85px; left: 20px;}
  .head-count-ico-1 {float: left;}
  .head-count-ico-2 {float: left; margin: -5px 0px 0px 15px;}
  .head-count-ico-3 {float: left; margin: -2px 0px 0px 15px;}
  .head-count-ico-4 {float: left; margin: 0px 0px 0px 15px;}
  .head-count-ico-5 {float: left; margin: -3px 0px 0px 15px;}
  .textarea-control {float: left; width: 250px; padding-left: 20px; padding-top: 20px; border: 1px solid #dbd7d7; font-size: 12px; color: #95979b;}
  .input-control    {width: 240px; padding-left: 20px; padding-top: 1px; border: 1px solid #dbd7d7; height: 34px;  font-size: 12px; color: #95979b;}
  .select-control{ float: left; width: 260px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select{ height: 34px; width: 260px; padding: 8px 6px 6px 20px; border: none; font-family: Verdana; font-size: 12px; color: #95979b; }
  .forgot-pass-s1 {float: left; clear: both; width: 100%;}
  .forgot-pass-s2 {float: left; clear: both; width: 100%; margin-top: 40px;}
  .table-responsive td {display:block;}  
  .profile-s1 {display: none;}
  .profile-s2 {float: left; width: 100%; }
  .profile-s2-padd {float: left; width: 90%; padding: 28px 5% 43px 5%;}
  .post-s1 {float: left; width: 100%; }
  .post-s2 {float: left; width: 100%; }
  .post-s3 {float: right; width: 100%; }
  .post-textarea {width: 250px;}
  .dating-action-s1 {float: left; width: 100%; }
  .dating-action-s2 {float: left; width: 100%; margin-top: 38px;}
  .customer-card-peoplerank {float: left; clear: both; width: 100%; margin-top: 25px; height: 155px; background-image:url('../img/general/bg_rank_profile.gif');}
  .customer-card-bublparam {position: relative; width: 100%;}
  .customer-card-profilephoto {margin: 20px 0px 30px 0px;}
  .help-s1 {display: none;}
  .help-s2 {float: left; width: 100%;}
  .help-s1-mobile {float: left; width: 100%; margin-bottom: 30px;}
  .like-dislike-textarea {width: 210px;}
  .like-dislike-nextimg {border-radius: 42px; width: 84px;}
  .homepage-online {float: left; width: 100%;}
  .homepage-online iframe {width: 100%;}
  .head-last-items-half {width: 100%;}
  .head-last-items-full {width: 100%;}
  .homepage-rank-s1 {width: 100%;}
  .homepage-rank-s2 {width: 100%; padding-top: 20px;}
  .homepage-videa {float: left; width: 100%; background: #dcddde; padding-bottom: 25px;}
  .homepage-videa-male {float: left; margin-top: 15px; width: 100%;}
  .homepage-dating-vstoupit {float: left; padding: 9px 4px 9px 4px; color: #ca005f; font-size: 12px; width: 105px; text-align: center; line-height: 13px;}
  .homepage-dating-fontdescr {font-size: 11px; line-height: 13px; font-weight: normal;}
  .layout-section-homepage-obsah {float:left; width: 100%;}
  .insert-update-item-s1 {float: left; width: 100%; margin-bottom: 20px;}
  .insert-update-item-s2 {float: right; width: 100%;}
  .head-last-items-thirds {width: 100%;}
  .layout-confessions-s1 {float: left; width: 100%;}
  .layout-confessions-s2 {float: right; width: 100%;}
  .videos-home-s1 {float: left; width: 100%; background: #ffffff;}
  .videos-home-s2 {float: left; width: 100%; background: #ffffff; margin-top: 9px;}
  .videos-home-advert {margin: 0 auto; width: 270px; background: #ffffff;}
  .videos-home-add {margin: 0 auto; width: 270px; height: 251px; background: #ffffff; margin-top: 9px; border: 1px solid #efeeee;}
  .fairytale-video-upoutavka-card {width: 90%; height: 357px; margin: 0% 5% 5% 5%;}
  .videos-home-spodni-s1 {float: left; width: 100%; text-align: justify;}
  .videos-home-spodni-s2 {float: right; width: 100%; text-align: justify;}
  .videos-card-video-s1 {float: left; width: 100%;}
  .videos-card-video-s2 {float: right; width: 100%;}  
  .item-video-detail-card {width: 100%;  margin: 0px 0px 20px 0px;}
  .item-video-card {width: 90%; margin: 10% 5% 10% 5%;}
  .dating-trailer-detail-s1 {float: left; width: 100%;}
  .dating-trailer-detail-s2 {float: left; width: 100%; margin-top: 25px;}
  .dating-home-holky {float: left; position: relative; width: 100%; background: #fbdfed; margin-bottom: 10px;}
  .dating-home-kluci {float: right; position: relative; width: 100%; background: #cce4f5;}
  .dating-home-libinelibi-s1 {float: left; width: 27%; margin-top: 73px;}
  .dating-home-libinelibi-s2 {float: left; width: 46%; height: 322px; position:relative;}
  .dating-home-libinelibi-s2 img {border-radius: 50%; width: 100%; vertical-align: middle; margin-top: 25px;}
  .dating-home-libinelibi-s3 {float: left; width: 27%; margin-top: 73px;}
  .dating-home-matrix-img-size {width: 102px;}
  .dating-home-matrix-img {margin: 10px 6px 5px 6px;}
  .dating-home-menu-block {float: left; width: 100%; margin-top: 0px;}
  .dating-home-obsah {float: left; width: 100%;}
  .dating-home-pod {float: left; width: 100%; margin-bottom: 10px;}
  .dating-home-pod1 {float: left; width: 100%; background: #efefef; margin-bottom: 10px;}
  .dating-home-pod2 {float: right; width: 100%; height: 120px; background: #a9c668;}
  .dating-home-hledej {float: left; width: 100%; height: 250px; background: #efefef; margin-bottom: 10px;}
  .dating-home-pod-prava-reklama {float: left; width: 100%;}
  .dating-home-3-vizitka {float: left; width: 100%; margin-top: 10px;}
  .dating-home-3-vizitka-card {float: left; width: 100%; margin: 0px;}
  .dating-home-3-vizitka-card-s1 {float: left; width: 15%;}    /* ZDE POKRACUJ */ 
  .dating-home-3-vizitka-card-s2 {float: right; width: 75%; text-align: justify; margin-top: 10px;}
  .dating-card-dating-nickname {font-size: 14px; font-weight: bold; padding-bottom: 15px; padding-top: 5px;}
  .dating-card-dating-gallery {float: left; position: relative; width: 129px; height: 129px; margin: 0px 20px 14px 20px;}
  .dating-card-dating-head1 {margin: 0 auto; width: 100%; position: relative; padding: 0px 0px 18px 0px;}
  .dating-card-dating-head2 {float: left; position: relative; margin-left: 20px; margin-top: 0px; margin-bottom: 23px; width: 100%;}
  .dating-card-dating-head3 {position: absolute; z-index: 10; right: 0px; top: 25px;}
  .dating-card-dating-head4 {float: left; clear: both; margin: 0px 0px 30px 20px;}
  .vote-star-img {float: left; width: 53px; margin: 0px 20px 0px 20px;}
  .item-dating-card {width: 100%; height: 380px; margin: 3% 0% 3% 0%;}
  .videos-card-pruh-s1 {float: left; width: 15%;}
  .videos-card-pruh-s2 {float: right; width: 80%;}
  .videos-card-pruh-title {float: left; width: 200px; margin-top: 0px; font-size: 13px; line-height: 15px; font-weight: bold;}
  .quick-msg-scroller {float: left; width: 85%; height: 22px; overflow: hidden;}
  .quick-msg-scroller li {font-size: 10px; line-height: 10px; font-weight: normal;}
  .quick-msg-scroller li span {margin-right: 5px; font-size: 10px; line-height: 10px; font-weight: normal; color: black;}
  .customer-card-btn-1 {position: absolute; z-index: 10; left: 10px; top: 20px;}
  .customer-card-btn-2 {position: absolute; z-index: 10; right: 16px; top: 10px;}
  .customer-card-btn-3 {position: absolute; z-index: 10; right: 10px; top: 20px;}
  .part-layout-section-menu {float: left; width: 100%; background: #dcddde;}
  .part-layout-section-menu-in {padding: 10px 10px 0px 10px; margin-bottom: 0px;}
  .homepage-online-top {float: left; width: 100%; margin: 2% 0% 2% 0%;}
  .responsive-avatar {float: left; width: 23.7%; padding: 4px 4px; box-sizing: border-box;}
  .responsive-avatar-matrix {float: left; width: 33%; padding: 8px 8px; box-sizing: border-box;}
  .top-people-rank-s1 {float: left; width: 100%; clear: both;} 
  .top-people-rank-s2 {float: right; width: 100%; clear: both; margin-top: 86px;}
  .customer-card-profilephoto-top {float: left; position: relative; width: 100%; text-align: center;}
  .video-home-top {width: 100%; margin-bottom: 15px;}
  .dating-home-card-column {float: left; width: 100%; margin-bottom: 10px; margin-bottom: 25px;}
  .filter-dating-dating {float: left; width: 100%; display: none; background: #efefef; margin-bottom: 10px;}
  .filter-open-close-dating-dating {float: left; width: 100%; display: block; background: #efefef;}
  .filter-btn {float: left; clear: both;}
  .filter-total-items {float: right; margin-top: 7px;}
  .top-item-detail {float: left; width: 100%; margin-top: 0px;}
  .arrow-item-detail {position: absolute; right: 0px; top: 0px;}
  .abc {float: left; width: 34px; height: 28px; cursor: pointer; color: grey; margin: 0px 3px 6px 3px; font-weight: bold; border: 1px solid grey; padding: 8px 0px 0px 0px; text-align: center; font-size: 20px; line-height: 20px;}
  .abc a {cursor: pointer;color: gray ; font-weight: bold; font-size: 20px; line-height: 20px;}
  .happy-msg-s1 {float: left; width: 100%;}
  .happy-msg-s2 {float: left; width: 100%; clear: both; margin-top: 25px;}
  .profile-omne {float: left; width: 100%; position: relative;}
}

.gallery-avatar .gallery-avatar-img {width: 100%; height: auto;}


/* mobilni menu */
.topnav { overflow: hidden; background-color: #cd066b; width: 100%; clear: both;}
.topnav a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; border-top: 1px dashed #ff2c97; text-decoration: none; font-size: 17px; display: none;}
.topnav a:hover { background-color: #ddd; color: black;}
.topnav a:not(:first-child) {display: none;}
.topnav.responsive {position: relative;}
.topnav.responsive a { float: none; display: block; text-align: left; }
/* */




/* form css */


.warning { border: 1px solid #ca005f; }
.warning-text { float: left; clear: both; font-size: 11px; color: #ca005f; }


/* END form css */

.submit-button-a { 
    text-decoration: none;
    height: 26px; /* total height of the button */ 
    border-radius:3px;
    display: block; 
    line-height: 26px;
    float: left; 
    color:white;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    background: -webkit-linear-gradient(#247EBA, #358EC9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#247EBA, #358EC9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#247EBA, #358EC9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#247EBA, #358EC9); /* Standard syntax */
    /* filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#247EBA', endColorstr='#358EC9'); */
} 
.submit-button-a:hover {
    color: white;
    text-decoration: none;
    background: #CD066B;
}

.submit-button-a-green { 
    text-decoration: none;
    height: 26px; /* total height of the button */ 
    border-radius:3px;
    display: block; 
    line-height: 26px;
    float: left; 
    color:white;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;                    
    background: -webkit-linear-gradient(#27a60e, #27a60e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#27a60e, #27a60e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#27a60e, #27a60e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#27a60e, #27a60e); /* Standard syntax */
    /* filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#247EBA', endColorstr='#358EC9'); */
} 
.submit-button-a-green:hover {
    color: white;
    text-decoration: none;
    background: #CD066B;
}

span.span-button-a
{
    font-size: 11px; 
    background: none; 
    border: none; 
    cursor: pointer; 
    position: relative; 
    text-align:center;
    height: 26px; /* total height minus bottom padding */ 
    line-height: 26px; /* same as above */ 
    text-decoration: none;
}

.submit-button-a-disabled { 
    text-decoration: none;
    height: 26px; /* total height of the button */ 
    border-radius:3px;
    display: block; 
    line-height: 26px;
    float: left; 
    color:white;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;                   
    background: -webkit-linear-gradient(#9d9c9c, #9d9c9c); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#9d9c9c, #9d9c9c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#9d9c9c, #9d9c9c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#9d9c9c, #9d9c9c); /* Standard syntax */
    /* filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#247EBA', endColorstr='#358EC9'); */
} 


input.submit-button-a {
    width: 100%;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border-radius:5px;
    font-size: 13px; 
    background: none; 
    color:white;
    border: none;
    cursor: pointer; 
    position: relative; 

} 
.submit-button-b { 

    height: 36px; /* total height of the button */ 
    border-radius:3px;
    line-height: 36px;
    text-align: center;
    display: block; 
    float: left; 
    color:white;
    background: -webkit-linear-gradient(#247EBA, #358EC9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#247EBA, #358EC9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#247EBA, #358EC9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#247EBA, #358EC9); /* Standard syntax */
    /* filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#247EBA', endColorstr='#358EC9'); */
} 
input.submit-button-b {
    width: 100%;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border-radius:5px;
    font-size: 13px; 
    background: none; 
    color:white;
    border: none;
    cursor: pointer; 
    position: relative; 

} 

span.span-button-b
{
    font-size: 11px; 
    background: none; 
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer; 
    position: relative; 
    text-align:center;
    height: 36px; /* total height minus bottom padding */ 
    line-height: 36px; /* same as above */ 
}
.submit-button-b:hover {
    color: white;
    background: #CD066B;
    text-decoration: none;
}

.submit-button-seznamka { 
    width: 100px;
    height: 30px; /* total height of the button */ 
    margin-bottom:30px;
    padding-right: 15px; 
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    line-height: 30px;
    text-align: center;
    display: block; 
    float: left; 
    color:white;
    background: #A0CC3A;
    background: -webkit-linear-gradient(#A0CC3A, #83A730); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#A0CC3A, #83A730); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#A0CC3A, #83A730); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#A0CC3A, #83A730); /* Standard syntax */
    text-decoration: none;


} 
div.submit-button-seznamka-image { 
    margin-left: 15px;
    padding-left: 20px;
    background-image: url("../img/button/profil_ikona.png");
    background-position: left;
    background-repeat: no-repeat;
} 

span.span-button-seznamka
{
    font-size: 11px; 
    background: none; 
    border: none; 
    cursor: pointer; 
    position: relative; 
    text-align:center;
    height: 26px; /* total height minus bottom padding */ 
    line-height: 26px; /* same as above */ 
}

div.submit-button-seznamka-image-nahlasit { 
    margin-left: 12px;
    padding-left: 20px;
    background-image: url("../img/button/nahlasit_ikona.png");
    background-position: left;
    background-repeat: no-repeat;
} 
 
.submit-button-seznamka-image-napsat { 
    margin-left: 0px;
    padding-left: 30px; 
    background-image: url("../img/button/napsat_ikona.png");
    background-position: left;
    background-repeat: no-repeat;
} 

span.span-button-seznamka-a
{
    font-size: 11px; 
    background: none; 
    border: none; 
    cursor: pointer; 
    position: relative; 
    text-align:center;
    height: 26px; /* total height minus bottom padding */ 
    line-height: 26px; /* same as above */ 
}

.submit-button-seznamka-a { 
    width: 115px;
    height: 30px; /* total height of the button */ 
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: left;
    float: left; 
    color:white;
    background: #247EBA;
    background: -webkit-linear-gradient(#247EBA, #358EC9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#247EBA, #358EC9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#247EBA, #358EC9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#247EBA, #358EC9); /* Standard syntax */
    text-decoration: none;

} 

.submit-button-seznamka:hover {
    color: white;
    background: #CD066B;
    text-decoration: none;
}
.submit-button-seznamka-a:hover {
    color: white;
    background: #CD066B;
    text-decoration: none;
}

.submit-button-seznamka-a-disabled { 
    width: 115px;
    height: 30px; /* total height of the button */ 
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: left;
    float: left; 
    color:white;
    background: gray;
} 

div.arrow-left-modra
{
    float:left;
    width: 50px;
    height :50px;
    background-image: url("../img/button/sipka_modra_l.png");
    background-repeat: no-repeat;
}
div.arrow-right-modra
{         
    width: 50px;
    height :50px;
    float:left; 
    margin-left: 10px;
    background-image: url("../img/button/sipka_modra_p.png");
    background-repeat: no-repeat;
}

.arrow-left-modra:hover {

    background-image: url("../img/button/sipka_ruzova_l.png");
    background-repeat: no-repeat;
}
.arrow-right-modra:hover {
    background-image: url("../img/button/sipka_ruzova_p.png");
    background-repeat: no-repeat;
}

.item-navig-disabled
{
    float:left;
    width: 20px;
    height :20px;
    background: transparent;
}

.item-navig
{
    float:left;
    width: 12px;
    height :14px;
    background: #dcddde;
    font-size: 9px;
    font-weight: bold;
    line-height: 9px;
    text-decoration: none;
    padding: 6px 3px 3px 8px;
    color: black;
}

.item-navig:hover
{
    float:left;
    width: 12px;
    height :14px;
    background: #ce076c;
    font-size: 9px;
    font-weight: bold;
    line-height: 9px;
    text-decoration: none;
    padding: 6px 3px 3px 8px;
    color: white;
}


.fast_message
{
    float:left;
    width: 25px;
    height: 25px;
    background-image: url("../img/button/btn_msg_prehover.png");
    background-repeat: no-repeat;
}
.fast_message:hover{
    background-image: url("../img/button/btn_msg_girl.png");

}    

.detail_profile
{
    margin-left:5px;
    float:left;
    width: 25px;
    height: 25px;
    background-image: url("../img/button/btn_dating_detail_prehover.png");
    background-repeat: no-repeat;
}
.detail_profile:hover{
    background-image: url("../img/button/btn_dating_detail_girl.png");

}   
div.update_profile
{
    float: right;
    width: 35px;
    height: 35px;
    background-image: url("../img/button/btn_update_profile_mod.png");
    background-repeat: no-repeat;
}
.update_profile:hover{
    background-image: url("../img/button/btn_update_profile_ruz.png");

}   

.find_profile
{
    float:left;
    width: 35px;
    display: block; 
    height: 35px;
    background-image: url("../img/button/find_btn_mod.png");
    background-repeat: no-repeat;
}
.find_profile:hover{
    background-image: url("../img/button/find_btn_ruz.png");

} 


 
 

#ABECEDA
{
    float: left; padding: 11px 19px 19px 19px;width: 90%;overflow: hidden;font-weight: bold;text-transform: uppercase;
}
.author_right
{
    float: left;width : 200px;color : gray;margin-top: 0px;text-transform: capitalize;
}
.author_left
{
    float:left;width : 200px;color : gray;margin-top: 0px;text-transform: capitalize;
}

button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 8px 18px 8px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin-bottom: 3px;
    border-radius: 6px;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd; 
}

button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 12px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

div.panel-help {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    
}

div.panel-help.show {
    opacity: 1;
    max-height: 500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}