html, body { height: 100%;}

#topContainer {position: relative; min-height: 100%; font-size: 16px;}
#mainContent { margin-top:0px;padding-top: 5px; /*padding-left: 5px;*/ margin-bottom: 30px;}

/* popups */
#flashesModal #flashes-error.modal-content { font-size: 1.0rem; font-weight: bold; text-align: center;}
#flashes-error #faqs-support {font-size: 0.7rem;}
#flashesModal #flashes-info.modal-content { font-size: 1.0rem; font-weight: bold; text-align: center; background: url('../images/design/bg-popup.png') bottom left no-repeat #fff;}
#flashesModal button { padding-left: 8px; padding-right: 8px;}
#flashesModal #buttonLogin, #flashesModal #buttonReg { padding-left: 28px; padding-right: 4px; position: relative;}
#buttonLogin span { position: absolute; left: 1px; top: 0; background: url('../images/icons/ikonky-front.png') -9px -4px; display: block; float: left; width: 24px; height: 24px;}
#buttonReg span { position: absolute; left: 1px; top: 0; background: url('../images/icons/ikonky-front.png') -9px -40px; display: block; float: left; width: 24px; height: 24px;}
#flashesModal #buttonLogin, #flashesModal #buttonReg, #flashesModal #buttonClose { color: #9c9c9c;}
#flashesModal #buttonLogin:hover, #flashesModal #buttonReg:hover, #flashesModal #buttonClose:hover { background: #dadada; border: solid #9c9c9c 1px; padding-top: 3px; padding-bottom: 1px;}
#flashesModal .submit-storno2:hover { font-weight: bold;}
#flashesModal .modal-dialog { max-width: 400px;}
#flashes { padding-bottom: 1em;}

#fvpp-blackout { display: none; z-index: 499; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.5;}
.blur { filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20'); -webkit-filter: url(#blur-filter); filter: url(#blur-filter); -webkit-filter: blur(20px); filter: blur(20px);}
.blur-svg { display: none;}

#my-welcome-message { display: none; z-index: 900; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 500px; padding: 0px; font-family: Calibri, Arial, sans-serif; background-color:#3f3c3d;;border-radius: 10px;padding-top: 3px}

#my-welcome-message #headerInfo { padding: 0px 3px; height: 55px; min-height: 55px; width: 100%;}
#my-welcome-message #headerInfo .radar1 { left: 10px;}
#my-welcome-message #headerInfo .radar2 { right: 10px;}

#FWPopupContent { border-top: solid #9344b3 4px; background: url('../images/others/popup-18.jpg') left bottom no-repeat; background-size: contain; height: 200px; min-height: 200px;}
#FWPopupContent .right { margin-right: 25px; margin-top: 0px;}
#FVPText{
    margin-top: 50%;
    transform: translateY(-50%);    
}
#FVPLogo {    background-size: 195px 54px; /*float: right;*/ background: url('../images/design/logo.png') no-repeat right; background-size: contain; width: 195px; height: 54px; /*float: left;*/ margin: auto; margin-top: 5px;}
#FWPopupContent #FVPText { clear: both; font-weight: bold; float: right; cursor: pointer;padding: 5px 10px; /*margin-top: 10px;*/ background: #fff; line-height: 1.1rem;width: 200px;color: #00a651; font-size: 0.9rem; border: solid #00a651 3px; border-radius: 5px; }
#FWPopupContent big { text-transform: uppercase; font-size: 1.4rem;}
#FWPopupContent a { color: #34ccaa;}
#FWPopupBottom { background: #3f3c3d; border-bottom-left-radius: 9px; border-bottom-right-radius: 10px;}
#FWPopupBottom .row{
    position: absolute;
    min-height: 50px;
    width: 100%;
    background: #3f3c3d;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 10px;
    margin-right: 0px;
    margin-left: 0px;
}
#FWPopupText { font-size: 0.9rem; }
#FWPopup18 div { margin: 2px 2px 2px 4px; width: 40px; height: 40px; background: url('../images/icons/popup-18.png'); background-size: contain;
    text-align: center;
    margin: 5px auto;
}
#FWPopupExit div {background: #fff; border: solid #960119 3px; border-radius: 3px;float: right; margin: 8px 4px 0 0;}
#FWPopupExit a { font-size: 0.9rem; color: #960119; padding: 2px 8px; text-decoration: none;}

#fvpp-close {display: none;}



#mainContentWrapper { padding: 0px 0px 20px 20px; transition: all 0.3s;width: 100%;}

.wrapper { display: flex; align-items: stretch;}


#sidebar { z-index: 3; min-width: 180px; max-width: 180px; color: #fff;  overflow: visible;padding-top: 0px;}

#sidebar.active { margin-right: 40px; margin-left: -200px;}

#sidebar .navbarButton { display:none;}

#sidebar.active .navbarButton { display: block; position: absolute;right: -45px; cursor:pointer; color:#fff; z-index: 20;top: 3px;}
.navbar-toggler-line { background: #fff; display:block; float: none; width: 22px; height: 3px; overflow: hidden; margin: 4px 0;}


#sidebar li { position: relative; text-decoration: none; color: #818181; display: block; ttransition: 0.3s;}
#sidebar li > a,#sidebar li > span a { text-decoration: none; display: block; ttransition: 0.3s;}

#main-menu { margin-top: 30px; padding-top: 0px; margin-top: 0px;clear: both}

#main-menu li { margin: 4px 0px; font-weight:bold; text-transform: uppercase; position: relative;}
#main-menu li ul {margin-left: 8px;margin-bottom: 8px;}
#main-menu > li > ul > li > ul { margin-left: 0;}
#main-menu li a { border-radius: 3px; padding: 4px 8px 2px 8px; font-size: 0.8rem;position: relative;}
#main-menu > li {margin-right: 5px;}

.menu-l0 > a.collapsed,.menu-l0 > span > a.collapsed {background: #ff3399; color: #fff;}

.menu-l0 > span.collapsed {color: #fff;}
.menu-l0.active > a,
.menu-l0 > a { background: #ffff19;color: #000;}
.menu-l0.active span,
.menu-l0 > span{ color: #000;}
.menu-l0:hover > a,
.menu-l0:hover > span,
.menu-l0.active:hover > a > span,
.menu-l0.active:hover > span { background: #ffff19; color: #000;}

.zdibec {display: none;}
.menu-l1 a { background: #ffff19; color: #000;}
.menu-l1 span  {color: #000;}

.menu-l1 > ul { padding-top: 5px; background: url('../images/icons/zdibec-zluty.png') no-repeat top center;}
.menu-l1.active > ul,
.menu-l1:hover > ul { background: url('../images/icons/zdibec-fialovy.png') no-repeat top center;}
#main-menu .menu-l1:hover > a,
#main-menu .menu-l1:hover > a > span,
#main-menu .menu-l1:hover > span,
#main-menu .menu-l1.active > a,
#main-menu .menu-l1.active > a > span,
#main-menu .menu-l1.active > span,
#main-menu .menu-l0.active > a,#main-menu .menu-l0.active > span,#main-menu .menu-l0.active > a span,#main-menu .menu-l1.active.menu-top > a{ background: #964EB5; color: #fff  !important;}




#main-menu .menu-l2 > a { background: none; color: #fff;text-transform: none; text-align: right}
#main-menu .menu-l2 > a > span, #main-menu .menu-l2 > span  {color: #fff;text-transform: none;}
#main-menu .menu-l2:hover > a{ background: #fff; color: #000;}
#main-menu .menu-l2:hover > a > span,
#main-menu .menu-l2:hover > span { color: #000;}

#main-menu .menu-l2.active > a,
#main-menu .menu-l2.active:hover > a { background: #FF4D4D; color: #000;}

#main-menu .menu-l2:hover > a > .zdibec { display: block; width: 6px; height: 100%;position: absolute; right: -5px; top: 0; background: url('../images/icons/zdibec-bily.png') no-repeat right center;}
#main-menu .menu-l2.active:hover > a > .zdibec,
#main-menu .menu-l2.active > a >.zdibec{ display: block; width: 6px; height: 100%;position: absolute; right: -5px; top: 0; background: url('../images/icons/zdibec-ruzovy.png') no-repeat right center;}

#main-menu .menu-l3 > a > span, #main-menu .menu-l3 > span { font-size: 0.7rem;}
#main-menu .menu-l3 > a { background: none; color: #fff;text-transform: none; text-align: right}
#main-menu .menu-l3 > a > span, #main-menu .menu-l2 > span  {color: #fff;text-transform: none;}
#main-menu .menu-l3:hover > a { background: #fff; color: #000;}
#main-menu .menu-l3:hover > a > span,
#main-menu .menu-l3:hover > span { color: #000;}

#main-menu .menu-l3.active > a,
#main-menu .menu-l3.active:hover > a { background: #FF4D4D; color: #000;}

#main-menu .menu-l3:hover > a > .zdibec { display: block; width: 6px; height: 100%;position: absolute; right: -5px; top: 0; background: url('../images/icons/zdibec-bily.png') no-repeat right center;}
#main-menu .menu-l3.active:hover > a > .zdibec,
#main-menu .menu-l3.active > a >.zdibec{ display: block; width: 6px; height: 100%;position: absolute; right: -5px; top: 0; background: url('../images/icons/zdibec-ruzovy.png') no-repeat right center;}



#main-menu .menu-top { padding-left: 32px; background: url('../images/icons/icon-top.png') no-repeat left center;}
#main-menu .menu-ad { margin-bottom: 4px;}
#main-menu .menu-ad > a { background: #50B44D; border: solid #ffff19 2px; color: #fff;}
#main-menu .menu-ad > a > span { color: #fff;}
#main-menu .menu-ad > a > .zdibec { display: block; width: 6px; height: 100%;position: absolute; right: -6px; top: 0; background: url('../images/icons/zdibec-zeleny.png') no-repeat right center;}
#main-menu .menu-ad > a:hover span { margin-right: 6px;}

#main-menu .menu-gay span { position: relative;}
#main-menu .menu-gay > a > span span,
#main-menu .menu-gay.active > a > span span,#breadcrumb .ui-icon-heart{ position: absolute; background: url('../images/icons/srdce.png') no-repeat right center; width: 25px; height: 19px; display: inline-block;}
#breadcrumb .ui-icon-heart{
    position:relative;
    top:3px;
}
#main-menu .menu-gay > a.collapsed > span span { display: none;}
.menu-all a { background: #E87B7E; color: #fff;}

#main-menu .menu-gay a:hover .ui-icon-heart,#main-menu .menu-gay.active a .ui-icon-heart,#breadcrumb .ui-icon-heart{
    display: inline-block !important;
}



.icon { width: 27px; height: 27px; background: url('../images/icons/ikonky-front.png'); margin: 0px 5px;}


.plusMinus { display: inline-block; position:relative;font-size: 1.4rem; float: right; margin: 0 2px; vertical-align: middle; line-height: 1.55rem;; z-index: 5;}
.plusMinus i { padding-right: 5px; width: 1.5rem; text-align: center; cursor: pointer;}
.icon-plus { display: none;}
.icon-minus { display: inline-block;}
li.active > .plusMinus.collapsed .icon-plus { display: inline-block;}
li.active > .plusMinus.collapsed .icon-minus { display: none;}
.plusMinus.collapsed .icon-plus { display: inline-block;}
.plusMinus.collapsed .icon-minus { display: none;}



/* socialni ikony pod menu */
#soc-icons { text-align: center;}
#soc-icons a { display: inline-block; width: 22px; height: 23px; margin: 0px 4px; background-repeat: no-repeat; background-size: cover;}
#soc-icons a span { display: none;}
#soc-icons a.o-mini { background-image: url('../images/icons/logo-orgasm-mini.png'); }
#soc-icons a.fb-mini { background-image: url('../images/icons/logo-fb-mini.png'); }
#soc-icons a.t-mini { background-image: url('../images/icons/instagram.png'); background-size: contain; background-position:  center center;}
#soc-icons a.tw-mini { background-image: url('../images/icons/logo-tw-mini.png'); }
#soc-icons a.yt-mini { background-image: url('../images/icons/logo-yt-mini.png'); }

/* ====== profiles, ads ========================*/

.items a,.items a:hover { text-decoration: none; color: #fff;}
.items { margin-bottom: 20px;}

span.arr_status {height: 14px; width: 14px; border-radius: 9px; margin: 4px 3px; display: block; float: left;}
.online { background: #00FF00;}
.offline { background: #ff0000;}
.relative { position: relative;}

.item-icons { position: absolute; top: 5px; right: 11px;}
.item-icons span { float: none;}

@media (max-width: 576px) {
    .item-icons{
        right:  1px !important;
    }
}

.item-verified { width: 30px; height: 30px; background-position: -205px -54px;}
.item-top { width: 30px; height: 30px; background-position: -205px -83px;}
.item-recommended { width: 30px; height: 30px; background-position: -205px -114px;}
.item-new { width: 30px; height: 30px; background-position: -205px -146px;}
.item-orgasm { width: 30px; height: 30px; background-position: -205px -177px;}

.item-locality {width: 24px; height: 24px; background-position: -179px -56px;}
.item-orientation {width: 24px; height: 24px; background-position: -157px -128px;}
.item-phone {width: 24px; height: 24px; background-position: -179px -80px;}
.item-email {width: 24px; height: 24px; background-position: -180px -106px;}
.item-age {width: 24px; height: 24px; background-position: -157px -105px;}
.item-open {width: 24px; height: 24px; background-position: -179px -128px;}



/* ====== preview ========================*/
.lbg_inner_div { margin-right: 10%;}
.bannerscollection_zoominout_text_line { width: 90%;}

#mainContent .thumbsHolder_ThumbOFF { max-width: auto !important;}
#mainContent .thumbsHolder_ThumbOFF img,#mainContent .thumbsHolder_ThumbON img { width:auto !important; max-height: 110px !important;margin-top:0px !important;padding:3px;}

#mainContent .thumbsHolder,#mainContent .thumbsHolder .thumbsHolder_ThumbOFF,#mainContent .thumbsHolder .thumbsHolder_ThumbOFF img{
    height:100% !important;
    width:auto !important;
}
.thumbsHolder_ThumbOFF,.thumbsHolder_ThumbON{
    margin-top: 5px !important;
    margin-left:5px !important;
}
    

#mainContent .thumbsHolder .thumbsHolder_ThumbOFF img{
    width:auto !important;
}

.item-header { position: relative; padding-left: 20px; height: 24px; line-height: 24px;border-top-right-radius: 3px; border-top-left-radius: 3px; font-size: 14px;}
.item-text { height: 40px; background: #ffff19; padding: 2px 10px; font-size: 14px;line-height: 19px;}


.infoBox { display: none; position: absolute; width: calc(100% - 20px); background: rgba(164,78,204, 0.6);float: left; font-size: 10px; bottom:0px; left: 0; border-top-right-radius: 0px;bottom:10px; }
.infoBox div {clear: both;}
.infoBox span { line-height: 24px; padding-right: 10px;font-size:15px;}
.infoBox .upper {padding-left: 34px;  display: block;line-height: 1.0rem !important}


.itemHeaderInner { position: relative;width: 100%; overflow: hidden; padding-left: 15px;}
.arr_status { position: absolute; top: 0; left: 0;}
/* person */
.preview-person { position: relative; float: left; height: 294px; padding: 10px 20px 10px 0;margin-top:10px}
.preview-person > a { width: 180px; height: 284px; overflow: hidden; display: block;}
.preview-person .item-header { background:#a44ecc;width: 180px; overflow: hidden;}
.preview-person .item-photo { width: 180px; height: 250px;}




.preview-business:hover .infoBox,
.preview-person:hover .infoBox,
.ad-preview-business:hover .infoBox,
.ad-preview-person:hover .infoBox{ display: block;}

.users-ads { margin-bottom: 14px;}
.users-ads td { padding: 1px 5px; vertical-align: top;}
.users-ads td a { color: #000; text-decoration: none;}
.users-ads td img { width: 52px;}
.detail-ads { color: #000; font-size: 0.8rem; padding: 2px 10px;}
.detail-ads a {color: #000; }

.paginator-wrapper { position: absolute; top: -28px; width: 100%; height: 18px;}
.paginator-wrapper .paginator { height: 18px;}
#detail .paginator-wrapper .paginator li { font-size: 14px; line-height: 14px; background:#ffff19; margin: 0; padding: 2px 0; color: gray;}
#detail .paginator-wrapper .paginator li a {color: #a44ecc; line-height: 14px;}
.pagi-first { border-top-left-radius: 3px;}
.pagi-last { border-top-right-radius: 3px;}
#detail .paginator-wrapper .paginator li.paginatorActive span { border: none;color:#3db8eb;}
#detail .paginator-wrapper .paginator li.paginatorLink a { border: none;}

/* business */
.preview-business { position: relative; width: 280px; height: 204px; overflow: hidden; float: left; padding: 10px 20px 10px 0;}
.preview-business > a {width: 260px; height: 194px;display: block;overflow: hidden; }
.preview-business .item-header { background:#ffff19;width: 260px; overflow: hidden;color:#000}
.preview-business .item-photo { width: 260px; height: 180px;}


/* ad business */
.ad-preview-business { position: relative; width: 280px; height: 254px; overflow: hidden; float: left; padding: 10px 20px 10px 0;}
.ad-preview-business > a {width: 260px; height: 244px;display: block;overflow: hidden;}
.ad-preview-business .item-header { background:#3db8eb;width: 260px; overflow: hidden;}
.ad-preview-business .item-photo { width: 260px; height: 180px;}

/* person */
.ad-preview-person { position: relative; width: 200px; height: 334px; float: left; padding: 10px 20px 10px 0;}
.ad-preview-person > a { width: 180px; height: 324px; display:block;overflow: hidden; }
.ad-preview-person .item-header { background:#3db8eb;width: 180px; overflow: hidden;}
.ad-preview-person .item-photo { width: 180px; height: 249px;}

.modal form { font-size: 1rem;}

/* ====== detail ========================*/
.photo-map-wrapper, .profile-info, .detail-about, .detail-more { margin-bottom: 30px;}
.photo-map-wrapper, .profile-info { min-width: 250px; max-width: 250px;}
.detail-about { max-width:700px;}
.detail-more { max-width:500px;}

.detail-header { background: #3db8eb; height: 32px; padding: 0 10px; border-top-right-radius: 3px; border-top-left-radius: 3px; }
.detail-header h2 { color: #fff;}
.photo-map {width: 100%; overflow: hidden; text-align: center;}
.photo-map img { min-height: 140px; }
.photo-map .detail-header {line-height: 32px;}
.detail-map {height: 140px;}
.photo-map-wrapper { position: relative; }
.photo-map-wrapper .item-icons { top: 27px; right: -8px; z-index: 10;}

.profile-info { width: 100%; }
.detail-header .line-1 { line-height: 32px; font-weight: bold; font-size: 14px;}
.detail-header .lines-2 { line-height: 16px; font-weight: bold; font-size: 14px;}
.detail-header h2 > a { color: #fff;}
.detail-info { background:#a44ecc; color: #fff; font-size: 0.8em;ppadding: 5px 0 5px 5px;}
.detail-info .div-info { padding: 10px 0px 10px 10px;}
.detail-info .div-wh { max-width: 120px; float: right; padding-left: 0;padding: 10px 5px; background: #ffff19; color: #000; border-bottom-left-radius: 5px;}
#detail .detail-info p {margin: 0 8px;}

#detail-news .img-news { float: left; margin: 0 10px 10px 0;width: 90px;}

#detail .icon-lang {border-radius: 5px;}
.detail-orgasm { border: solid #ffff19 2px; border-left: none; background: #fff;border-right: none; height: 32px; line-height: 32px; padding-left: 0px;}
.detail-orgasm > a { color: #000; display: block; margin-left: 40px; line-height: 28px;}

.link-gallery { font-weight: bold; color: #ffff19;}
#detail p { margin: 0px; line-height: 16px;}
.detail-orgasm-header { width: 100%; font-size: 13px; line-height: 15px; color: #fff;background: url('../images/icons/orgasm-det-logo.png') #43405f -1px 0 no-repeat; text-align: justify;  border-top-right-radius: 3px; border-top-left-radius: 3px; height: 32px; display: block; width: 100%; margin-bottom: -1px; border-bottom: solid #ffff19 2px;}
.detail-orgasm-header > span { height: 29px; font-weight: bold; text-transform: uppercase; text-align: center;}
.detail-orgasm-header .o-status { display: inline-block; padding: 0 10px 0 175px;}
.detail-orgasm-header:hover {text-decoration: none;}
.o-status-online { color: #40bf2f;}
.o-status-offline { color: #e78081;}
.detail-orgasm-header .o-text { display: inline-block;}
.detail-orgasm-header .o-i { display: inline-block; width: 26px;height:27px; background: url('../images/icons/orgasm-det-i.png') center center no-repeat;}

.detail-about { ddisplay: block;}
.detail-inner { background: #fff; color: #000; padding: 10px 10px 1.5em 10px; }
.detail-about h2 { font-size: 1.4em; color:#000; margin-top: 0px; font-weight: bold;}

#prevNextContainer { width:100%; text-align:center;}
#prevNextLeft { float:left; width:130px; height: 20px; }
#prevNextCenter { display: inline-block; margin:0 auto; width:90px; text-align: center;background:#ffff19; padding-top: 1px; height: 27px;  border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
#prevNextRight { float:right; width:130px; height: 20px; }


.detail-bottom { position: relative; background: #3db8eb; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top: solid #ffff19 2px;height: 25px; line-height: 23px; font-size: 18px;}
#detail .detail-bottom a {color: #000; line-height: 25px; cursor: pointer;}


.detail-nav-prev .icon { margin-right: 5px; width: 28px; height: 28px; background: url('../images/icons/ikonky-front.png') -45px -71px;}
.detail-nav-next .icon { margin-left: 5px; float: right; width: 28px; height: 28px; background: url('../images/icons/ikonky-front.png') -49px -100px;}
.detail-nav-back .icon { display: inline-block;margin-left: 5px; width: 21px; height: 20px; margin-top: 2px; background: url('../images/icons/ikonky-front.png') -74px -44px #3f3c3d;}

.detail-wrapper { position: relative; height: 360px; overflow-x: hidden;background: #fff;}
.detail-about .detail-wrapper, .detail-more .detail-wrapper { height: 336px;hoverflow-y: auto;hpadding: 10px;}
.photo-map .detail-wrapper {overflow: hidden;}

.tagsHeading { margin: 5px 0 5px -15px; display: block; float: left; padding: 5px 10px; background:#a44ecc; color: #fff; border-radius: 6px; font-size: 0.8em; text-transform: uppercase}
.detail-tags { clear: left;}
#detail #share { padding: 5px 10px;}

.detail-more { min-width: 315px; color: #000;}
.detail-more .detail-bottom { position: relative; background: #9c9c9c; font-size: 14px; text-align: right;border-top: solid #ffff19 2px}


.carousel-inner { height: 320px; overflow-y: auto;padding: 0px;overflow-x: hidden;}
.carousel-item { padding: 10px;}
.carousel-indicators { bottom: -20px;background: #fff; margin-right: 0; margin-left: 0;}
.carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #a44ecc;}
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; cursor: pointer; background-color: rgba(0,0,0,0); border: 1px solid #a44ecc; border-radius: 10px;}
.detail-wrapper .carousel-item.active { padding-bottom: 20px;}
.more { margin-right: 5px; width: 30px; height: 30px; background: url('../images/icons/ikonky-front.png') -373px -156px;}

#detail .gallery-preview { max-width: 260px; min-width: 200px; margin: 5px; float: left;}
#detail .gallery-preview a { display: block;}

#wrapper { position: relative;}

/*.sidenav { height: 100%; width: 0; position: absolute; z-index: 1; top: 0; left: 0; overflow-x: hidden; transition: 0.5s;}*/
.sidenav { height: 100%; width: 0; position: relative; z-index: 1; top: 0; left: 0; overflow-x: hidden;  float: left;}


.sidenav a { text-decoration: none; }

.sidenav > a:hover, .offcanvas a:focus{ color: #f1f1f1;}

.homeLink { float: left; width: 15px; height: 23px;line-height: 23px; background: url('../images/icons/home-icon.png') 5px 2px no-repeat; padding-left: 35px; font-size: 18px; color: #fff; text-transform: uppercase;}







    /* Forms */
label { margin-bottom: 1px;margin-top: 1px; text-align: right;}
span.required { display: inline}
.optional { display: none;}
input.form-control, select.form-control, textarea.form-control  { font-size: 0.8rem; padding: 1px 10px 1px 10px; line-height: 1rem;}
.form-control.number { padding-right: 1px;}
label { text-transform: uppercase; font-size: 0.75rem;}
.radio label { margin-right: 6px;}
.radio label input { margin-right: 2px; margin-top: 2px;}
.full { width: 100%;}

.form-control { background: #ffff19; color: #000;}

.form-group {margin-bottom: 5px;}
.form-control.left.left { width: auto;}


/* HEADER */

#headerContainer { width: 100%;}



#headerOne { width: auto; float: left;}

#headerTwo { width:auto; min-width:100%;}
.headerInfoText a { line-height: 0.9rem; display: block;}


    /**/







.short { min-width: 4rem;width: 4rem;}

input[type=checkbox].css-checkbox {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:0px; width:0px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left:20px;
    height:17px;
    display:inline-block;
    line-height:17px;
    background-repeat:no-repeat;
    vertical-align:middle;
    cursor:pointer;

}


label.css-label {
    background-image:url('../images/icons/csscheckbox.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}






/* homepage */
#homepage { background: url('../images/others/hp-background.jpg') no-repeat center top; background-size: cover;}










#hp h1 { display: none;}
#hp #mainContent {  margin-bottom: 0px;}
#hp-features { float: left; width: 360px; margin: 39px 10px 20px 20px;}
.hp-feature { float:left; position: relative; width: 360px; height: 50px; background: url('../images/icons/ikonky-homepage.png') 0px -38px; oveflow: hidden; margin-top: 10px;}
.hp-feature-icon { width: 40px; height: 39px; margin: 8px 4px; float: left;}
#hp-services .hp-feature-icon {background: url('../images/icons/ikonky-homepage.png') 0px 0px;}
#hp-dating .hp-feature-icon {background: url('../images/icons/ikonky-homepage.png') -36px 0px;}
#hp-gallery .hp-feature-icon {background: url('../images/icons/ikonky-homepage.png') -108px 0px;}
#hp-videochat .hp-feature-icon {background: url('../images/icons/ikonky-homepage.png') -146px 0px;}
#hp-porno .hp-feature-icon {background: url('../images/icons/ikonky-homepage.png') -182px 0px;}
#hp-services-verified.hp-feature-icon { position: absolute; left: 149px; top: -20px; background: url('../images/icons/ikonky-homepage.png') -73px 0px;}
.hp-orange { float: left; width: 126px; line-height: 52px;text-align: center; }
.hp-orange span { padding: 5px 0px; font-weight: bold; font-size: 15px; line-height: 20px; vertical-align: center;  display: inline-block; vertical-align: middle;}
.hp-blue {float: left; width: 186px;text-align: center;}
.hp-blue span { padding: 5px; font-size: 11px; line-height: 14px; vertical-align: center;  display: inline-block; vertical-align: middle;}

.hp-help {}

#registration-login { width: 380px; margin-top: 50px; margin-right: 20px; margin-bottom: 250px;float: right;}
#registration-login .nav-item {width: 50%; padding: 0;}

#registration-login .nav-link { text-transform: uppercase; font-size: 14px; border: none; font-weight: bold; padding: 0 0 0 0 ; display: block;}
#registration-login .nav-link.active { padding: 1px 0 0 0;margin-bottom: -1px;}
#registration-login .navitem-register .nav-link.active { background: #964EB5;}
#registration-login .navitem-login .nav-link.active { background: #ffff19;}

#registration-login .navitem-login a.active .navlink-inner { background: none;}
#registration-login .navitem-register a.active .navlink-inner { background: none;}
#registration-login .navitem-login a .navlink-inner { margin-top: 0.5rem; padding-bottom: 1px;line-height: 25px; padding-top: 0.2rem; background: url('../images/design/hp-stin-zluta.png') repeat-y top left;}
#registration-login .navitem-register a .navlink-inner { margin-top: 0.5rem;padding-bottom: 1px;line-height: 25px; padding-top: 0.2rem;background: url('../images/design/hp-stin-modra.png') repeat-y top right;}



#register-tab { background: #964EB5; color: #fff; border-top-right-radius: 0; border-top: solid #ffff19 4px;}
#login-tab { background: #ffff19; color: #9344b3; border-top-left-radius: 0;}
#register-icon { width: 25px; height: 30px;background: url('../images/icons/ikonky-front.png') -9px 0px; margin-top: -6px; margin-left: 8px;}
#login-icon { width: 25px; height: 30px;background: url('../images/icons/ikonky-front.png') -10px -34px; margin-top: -6px; margin-left: 8px;}

#registration-login .tab-pane { min-height: 180px;}
.tab-text { width: 265px; float: right; color: #000; font-weight: bold; text-align: center; padding: 10px 10px 0 10px;}
.tab-text h2 { font-size: 2em;}
.tab-text p {margin: 0.5em 0;}
.tab-text .submit { font-size: 0.9em; line-height: 1.4em; font-weight: bold; display: inline-block;}


#registration-content { background: #fff url('../images/others/foto-registrace.jpg') no-repeat 23px bottom; background-size: auto 90%;border-top: ##964EB5 solid 4px;}

#login-content { background: #fff url('../images/others/foto-prihlaseni.jpg') no-repeat 23px bottom;}

#login-content { background: #fff url('../images/others/foto-prihlaseni.jpg') no-repeat 20px bottom; background-size: auto 90%;border-top: #ffff19 solid 4px; }
#login-content form div { margin-bottom: 2px;}
#login-content label { text-align: left; color: #a93166; width: 100%;}
#login-content input.text { width: 100%; border: solid #dadada 1px;font-size: 0.9em;line-height: 1.4em;}
#login-content .forgotten-password { color: #61afb0;}
#login-content .remeber  { width: auto;}
#login-content .remeber label { width: auto;}
#login-content .tab-text { width: 180px; margin-right: 20px;}

#faqs-support { padding-top: 2px;font-weight: bold; border-top: #ffcc3e solid 4px; background: #964EB5; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px}
#faqs-support > span { text-align: center;display: block; float: left;width: 50%; text-transform: uppercase; font-size: 1.0rem; color: #fff;}
#faqs-support a { display: inline-block; color: #fff;}
#faqs-support a span { display: inline-block; line-height: 2em;}
#faqs-support .icon { display: inline-block; width: 28px; height: 32px; margin-right: 5px;}
#support-icon {background: url('../images/icons/ikonky-front.png') no-repeat -36px -33px;}
#faqs-icon {background: url('../images/icons/ikonky-front.png') no-repeat -37px -2px;}




.green-big { color: #5bb12f; font-weight: bold; font-size: 1.3em;}

.upper { text-transform: uppercase;}

.visible-sm { display: none;}







    /* registrace */
#registration form label { font-size: 1.0em;}
#registration form input, #registration form select { max-width: 200px; font-size: 1em; line-height: 1.5em; }

#registration input.form-control,
#registration select.form-control,
#registration textarea.form-control,
#registration .submit{ font-size: 1rem; padding: 1px 10px 1px 10px; line-height: 1.6rem;}
#registration select.form-control {padding: 3px 10px 3px 10px;}

#registration h2 { color: #ff3399;    font-size: 17px;}
#registration h3 { color: #ffff19; margin-top: 1em;font-size:17px;}
.registration-numbering { color: #ff3399;}
.registration-group { color: #a357c0;}

#registration .selectTypeBox { float: left; width: 20%; min-width: 200px; font-size: 0.8rem; margin-top: 1rem;}
@media (min-width: 430px) {
#registration .selectTypeBox {  min-width: 400px; }
}
#registration .header { color: #fff; display: block; font-weight: bold; text-align: center;}
a.selectType { text-decoration: none; display: block; color: #fff; text-align: center; padding: 20px; background: #3eb7e9; margin: 5px; border: solid #ff3399 2px; border-radius: 6px; /*text-transform: uppercase;*/}

a.selectType:hover, a.selectType:active, a.selectType:focus, a.selectType.activeType { border: solid #28a745 7px;}
 a.selectType.activeType{
    background-color:#ff3399;
}
/* contact*/
#frm-contactForm-subject { padding-top: 0px; padding-bottom: 0px; margin-bottom: 2px;}
#frm-contactForm-text { margin-bottom: 2px;}

/*
 * Breakpoints


@media (min-width: 1200px) {
    .container { width: 100%; max-width: 100%;}
}*/

@media (min-width: 1100px) {
    .container { width: 100%; max-width: 100%;}
    #detail2 > .row{float: left;}
    #registration-login {width: 450px;}
    #registration-login  .tab-pane {min-height: 220px;font-size: 1.0rem}
    .tab-text {width: 65%;}
    #login-content .tab-text {width: 55%;}
    #detail2 .detail-about {max-width: 490px;}

}

@media (min-width: 1300px) {
    #detail1 { max-width: 560px;}
}
#detail1{
    position:relative;
}
@media (max-width: 992px) {
    #header-top .HTMain, HTMain1 {clear: both; padding: 1px;}
}

    #registration .selectTypeBox{
        font-size:17px;
    }   

@media (max-width: 576px) {
    .closebtn {z-index: 10; float: right;font-size: 50px !important;color: #fff;line-height: 23px;cursor: pointer;margin-right: 20px; background: black;position: fixed;margin-left: 155px; margin-top: 0px;    width: 35px;    font-size: 65px !important;
    height: 38px;}
    @-moz-document url-prefix() { 
  .closebtn {
     
    display:block;
  }
  
  .sidenav.active .closebtn{
      
       display:none;
  }
  
  
  
}
    label {text-align: left;}
    #prevNextLeft, #prevNextRight { width: 30px;}
    .detail-nav-next span.label, .detail-nav-prev span.label { display: none;}
    .o-text { display: none;}

    /*#body #sidebar { position: relative; max-width: 100% !important; float: none;clear: both;}
    #sidebar.active { margin: 0;}
    #sidebar .closebtn { display: none;}

    #wrapper #mainContentWrapper { clear: both;width: 100%; float: none; margin-left: 0;}*/
    /*
        #body .wrapper { display: block;}
      /*#body #sidebar { width: 100%; max-width: 100% !important; float: none;clear: both;}
        #body #mainContentWrapper { clear: both; padding-left: 0;}*/

    #flashesModal .modal-dialog { max-width: 300px;}
    #my-welcome-message { max-width: 300px;}
    #my-welcome-message .headerInfoText { min-width: auto;}
    #my-welcome-message #headerInfo { height: auto;}


    body #detail-about { padding-right: 0;}
    body #detail-news { width: 100%;padding-right: 0;}
    body .detail-more {min-width: 290px;}
    body #mainContentWrapper {padding: 10px 4px 20px 2px;}

    #sidebar.active .navbarButton { top: 14px;}

    .visible-sm { display: block;}
    
    
    #registration .selectTypeBox{
        width:100%;
        font-size:20px;
    }    
    #bottom-menu > li{
        width:49%;
        padding-left:5px;
        padding-right:0px;
    } 
    
    #sidebar{
        padding-top:12px;
    }
    
    #registration-login{
    margin: 0 auto !important;
    float: none !important;
    }    

}

 

@media (min-width: 577px){
    #detail{
        margin-top:16px;
    }    
    .closebtn { float: right; font-size: 50px !important; color: #fff;line-height: 12px; cursor: pointer;margin-right: 3px;}
    


    .radio.langs label{
        
    }
    .reg-bg{
        height:350px;
    }

    #sidebar,#headerContainer{
        margin-top:-9px !important;
    }    

    
}
    


@media (max-width: 400px) {
    #mainContentWrapper { min-width: 100px;}
    .navlink-inner { font-size: 0.7rem;}
    #faqs-support a {font-size: 0.9rem;}
    #mainContent #registration-login, #hp-features, .hp-feature { width: 100%; }

    .hp-feature { background: none; height: auto; text-align: left;}
    .hp-blue span, .hp-orange span, .hp-blue, .hp-orange { text-align: left; padding: 0;}

}
#arrowchat_base {display: none;}

#registration .selectTypeBox a{
    color:#f9f9f9;
}

.profile-info .detail-wrapper p{
    line-height:14px !important;
}
#frm-newsletter-text::placeholder {
    font-weight:bold;
}


#frm-loginForm-signInForm-remember{
    vertical-align: bottom;
    position: relative;
    top: -3px;
}

.preview-person,.preview-business,.ad-preview-person,.ad-preview-person a,.ad-preview-person > a,.ad-preview-person .item-header,.ad-preview-person .item-photo{
    height:auto;
}

@media (max-width: 576px) {
    .preview-person a,.preview-person > a,.preview-person .item-header,.preview-person .item-photo,.preview-business a,.preview-business > a,.preview-business .item-header,.preview-business .item-photo,
    .ad-preview-person,.ad-preview-person a,.ad-preview-person > a,.ad-preview-person .item-header,.ad-preview-person .item-photo{
        width:100%;
    }
    
    .preview-person,.preview-person a,.preview-person > a,.preview-person .item-header,.preview-person .item-photo,.preview-business,.preview-business a,.preview-business > a,.preview-business .item-header,.preview-business .item-photo,
    .ad-preview-person a,.ad-preview-person > a,.ad-preview-person .item-header,.ad-preview-person .item-photo{
        height:auto;
            width: 100%;
    }
    .preview-person img,.preview-business img,.ad-preview-person img{
        width:100%;
        
    }
    .preview-person,.preview-business,.ad-preview-person{
        width:24%;
        padding-left:1px;
        padding-right:1px;
        height: auto;
    }
    
    .ad-preview-person .icon{
        margin-right:0px;
    }
    .infoBox{
        /*
    left: -5px;
    z-index: 10;
    right: -5px;
    */
    display:none !important;
    } 
}

@media (max-width: 766px) and (min-width: 577px) {
    #sidebar, #headerContainer{
        margin-top:0px !important;
    }
}
#mainContent{
    line-height: 1.2em;
}


.videoCategory img{
    width:100%;
  
}
.videoCategory{
    margin:5px;
    
}

.videoImageContainer{
    position:relative;
    
}

.videoLink{
    color: #fff;
    background-color: #8B0000;
    display: block;
    padding: 5px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.videoCategory:hover .videoLink{
    background-color:#00a651;

}

.videoCategory:hover a{
    text-decoration: none;  
}

.videoCategory .duration{
    position: absolute;
    background: #222;
    opacity: 0.8;
    bottom: 0px;
    right: 0px;
    padding: 5px;
}
#videoContent iframe{
    max-width:100%;
}

@media (max-width: 766px){
    #videoContent iframe{
        max-height:300px;
    }
}

.share_profile{
    position:absolute;
    float:right;
    right:0px;
    bottom:0px;
    z-index:10;
}

.share_profile .share_profile{
    margin: 1px;
    width: 35px;    
    transform: scale(0.8);
}
.share_profile .jssocials-share{
        margin: 2px;
}
.share_profile .jssocials-share a{
    padding: 0.3em;
}
#sidebar{
    transition: all 0.3s;
    z-index:90;
}
#frm-profileForm label{
    line-height:1.6rem;
}
h1{
    font-weight:bold;
    font-size: 2rem;
    color:#00ccff;
}



#breadcrumb {
  list-style: none;
  display: inline-block;
}
#breadcrumb .icon {
  font-size: 14px;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #000;
  display: block;
  background: #ffff19;
  text-decoration: none;
  position: relative;
  height: 30px;
  line-height: 30px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
  font-weight: bold;

}
#breadcrumb li:nth-child(even) a {
  background-color: #36dcff;
}
#breadcrumb li:nth-child(even) a:before {
  border-color: #36dcff;
  border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
  border-left-color: #36dcff;
}
#breadcrumb li:first-child a {
  padding-left: 7px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;

}
#breadcrumb li:first-child a:before {
  border: none;
  
}



#breadcrumb li:last-child a {
padding-right: 20px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
  background-color:#FF4D4D ;  
    color:#fff;
}
#breadcrumb li:last-child a:after {
  border: none;
  background-color:#FF4D4D;
}

#breadcrumb li:last-child a:before{
  border-color:#FF4D4D;
  border-left-color: transparent;
}

#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #ffff19;
  border-width: 15px 11px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #ffff19;
}
#breadcrumb li a:hover {
    color:#fff;
  background-color: #964EB5;
}
#breadcrumb li a:hover:before {
  border-color: #964EB5;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #964EB5;
}
#breadcrumb li a:active {
  background-color: #964EB5;
}
#breadcrumb li a:active:before {
  border-color: #964EB5;
  border-left-color: transparent;
}
#breadcrumb li a:active:after {
  border-left-color: #964EB5;
}

#breadcrumb {
    padding-left:16px;
}

#breadcrumb li:first-child{
    margin-left:-17px;
}
#FWPopupContent{
        background-color: #fff;
}
.profile-hours{
    color:red;text-align:center;font-weight: bold;position:relative;font-size:20px;
        line-height: 1.3;
    	background-color: #d5d5d5;
	border-bottom: 2px solid #ffff19;
}

.profile-hours img{
    width: auto!important;
    height: 100%!important;
    margin-left: auto!important;
    margin-right: auto!important;
    transform: none!important;
}

.profile-hours span,.profile-hours a{
    display:inline-block;
}
.profile-hours span{
    float:left;
    padding-left:17px;
}

.profile-hours a{
    float:right;
    padding-right:5px;
}
.lbg_inner_div.tinLeftIn,.lbg1_MediumLargeRegular{  
    text-shadow: 2px 2px #000;
}

.profile-hour .bannerscollection_container{
height:146px!important;
}