/* main.css */ *,:after,:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } @media (max-width: 576px){ .item-grid .item { width: 50%!important; } } .display-h1{ margin-top: 10px; font-size: 12pt; font-family: Ubuntu, ubuntumedium, Arial, Helvetica, sans-serif; text-align: center; } .display-h2{ font-size: 12pt; font-family: Ubuntu, ubuntumedium, Arial, Helvetica, sans-serif; } .samename{ position: absolute; top: 4pt; right: 39px; } body { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; /*background-color: #000;*/ /*background-color: #EDC8D7;*/ background-color: pink; } .page-content{padding:15px;}.page-head{font-size:13px;color:#717171}.page-title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-title h1{margin-bottom:10px;padding-bottom:0;color:#000;font-size:28px}.item-grid{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:-6px;margin-right:-6px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.item-grid.small .item{width:14.28%}.item-grid.medium .item{width:20%}.item-grid.large .item{width:25%}.item-grid .item{width:20%;padding-left:6px;padding-right:6px;overflow:hidden;margin-bottom:12px}.item-grid .item .preview img{width:100%}.item-grid .item .item-wrapper{position:relative}.item-grid .item .item-wrapper .preview a{display:block}.item-grid .item .item-wrapper .preview a:after{-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;content:"";display:block;left:0;top:0;width:100%;height:100%;background-color:rgba(35,35,35,.4);position:absolute;z-index:9;opacity:0}.item-grid .item:active .item-wrapper .preview a:after,.item-grid .item:focus .item-wrapper .preview a:after,.item-grid .item:hover .item-wrapper .preview a:after{opacity:1;left:0}.item-grid .item .left-top-corner{position:absolute;left:5px;top:5px;z-index:3}.item-grid .item .left-top-corner svg{width:15px;fill:#fff}.item-grid .item .right-top-corner{position:absolute;top:5px;right:5px;z-index:3}.item-grid .item .bottom-left-corner{z-index:3;position:absolute;bottom:5px;left:5px;color:#fff;text-shadow:.292px .956px .99px rgba(35,35,35,.4);font-size:11px;font-weight:800}.item-grid .item .bottom-right-corner{position:absolute;right:5px;bottom:-2px;z-index:3}.item-grid .item .bottom-right-corner svg{width:20px}.item-grid .live-tag{background-color:#242424;color:#fff;border-radius:12px;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 6px}.item-grid .live-tag:before{width:10px;height:10px;border-radius:10px;background-color:#00ff7e;content:"";display:block;margin-right:5px}.item-more{text-align:center;padding-top:13px;padding-bottom:13px}.item-more .btn{background-color:#000;color:#fc0;width:100px;max-width:100%}.item-more .btn:hover{background-color:#fc0;color:#000}.footer-top{background-color:#191629;padding-top:30px;padding-bottom:30px;color:#fff;font-size:13px}.footer-title{font-size:15px;color:#fc0}.foo-top-columns{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.foo-top-columns .foo-top-column{width:14.28%;padding-right:15px}.foo-top-columns ul{padding-left:15px}.foo-top-columns a{font-size:13px;-webkit-transition:all .3s ease;-o-transition:.3s ease all;transition:all .3s ease;color:#fff;display:block;padding-top:4px;padding-bottom:4px}.foo-top-columns a:hover{color:#fc0}.footer-wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer-wrapper .footer-logo{margin-bottom:30px}.footer-wrapper .footer-logo img{width:250px}.footer-wrapper .footer-column{width:190px;border-right:1px solid #414141;padding:0 33px}.footer-wrapper .footer-column .footer-title{margin-bottom:20px}.footer-wrapper .footer-column:last-child{border-right:0}.footer-wrapper .footer-column.left-column{width:45%;padding-left:0}.footer-wrapper .footer-column.left-column p{font-size:11px;color:#fff;line-height:1.455;text-transform:uppercase}.footer-wrapper .footer-column.right-column{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.footer-wrapper .footer-column a{font-size:11px;color:#fff;-webkit-transition:all .4s ease;-o-transition:.4s ease all;transition:all .4s ease;display:block;padding-top:4px;padding-bottom:4px}.footer-wrapper .footer-column a:active,.footer-wrapper .footer-column a:focus,.footer-wrapper .footer-column a:hover{color:#fc0}.footer-wrapper .copyrights{color:#fff;font-size:11px}.footer-wrapper .approval-logo{margin-bottom:20px}.tag-head{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-head a{margin-right:10px;font-weight:800;color:#000;font-size:15px}.tag-list{padding-top:20px;border-top:1px solid #ccc;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}.tag-list .col-tagname{width:70px;font-weight:800}.tag-list .columns-tags{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-list .columns-tags .column-tag{width:20%;padding-right:15px}.tag-list .columns-tags .column-tag>a{display:block;color:#717171;margin-bottom:8px}.tag-list .columns-tags .column-tag>a>span{color:#bcbcbc;margin-left:5px}.country-content .col-tagname{width:150px;text-transform:uppercase}.page-action{margin-right:auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-left:30px;margin-bottom:10px}.page-action span{color:#000;font-size:15px;font-weight:800;margin-right:10px}.page-action .thumb-btn{background-color:#000;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:5px 10px;border-radius:2px;-webkit-transition:all .4s ease;-o-transition:.4s ease all;transition:all .4s ease}.page-action .thumb-btn:focus,.page-action .thumb-btn:hover{background-color:#fc0}.page-action .thumb-btn:focus svg,.page-action .thumb-btn:hover svg{fill:#000}.page-action .thumb-btn svg{fill:#fc0;width:16px;height:13px}.page-action .thumb-btn.thumb-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.page-action .thumb-btn+.thumb-btn{margin-left:3px}.model-box{padding:20px;background-color:#EDC8D7}.model-wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:15px}.model-wrapper .model-preview{height:651px;width:100%;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;background-color:#202020;margin-right:15px}.model-wrapper .model-chat{width:340px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background-color:#59566c;padding:42px}.model-wrapper .model-chat .chat-logo{margin-bottom:15px}.model-wrapper .model-chat p{color:#fff;font-size:13px;margin-bottom:15px}.model-wrapper .model-chat .form-control{display:block;height:40px;background-color:#fff;color:#59566c;font-size:11px;border-radius:2px;border:none;width:100%;padding:5px 10px}.model-wrapper .model-chat .form-group{margin-bottom:10px}.model-wrapper .model-chat .btn{width:100%}.model-desc{font-size:15px;padding:20px 0}.model-tab{background-color:#000;padding:20px}.model-tab .tab-content{display:none}.model-tab .tab-content.active{display:block}.model-tab .tab-nav{padding:0;list-style:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.model-tab .tab-nav>li+li a{margin-left:5px}.model-tab .tab-nav>li.active a{background-color:#fc0}.model-tab .tab-nav>li>a{-webkit-transition:all .4s ease;-o-transition:.4s ease all;transition:all .4s ease;background-color:#696969;border-radius:3px;font-size:15px;color:#000;font-weight:800;display:block;min-width:140px;text-align:center;padding:7px 10px}.model-tab .tab-nav>li>a:active,.model-tab .tab-nav>li>a:focus,.model-tab .tab-nav>li>a:hover{background-color:#fc0}#tab-comments textarea{padding:10px;border-radius:3px}#tab-bio .tab-wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}#tab-bio .model-details{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#tab-bio .model-details .detail-item{padding-left:20px;margin-bottom:15px;width:33.3333%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}#tab-bio .model-details .detail-item a{color:#fc0}.section-title{font-size:22px;color:#000;margin-top:15px;margin-bottom:15px;font-weight:800}.comment-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}.comment-wrap .btn{margin-left:10px}.comment-wrap textarea{min-width:430px}.bottom-right-corner a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.bottom-right-corner a span{font-size:11px;font-weight:800;text-shadow:.292px .956px .99px rgba(35,35,35,.4);color:#fff;margin-left:5px;text-transform:uppercase}@media (max-width:1300px){.primary-header .search-group{width:95%}.primary-header .col-action .btn-account{font-size:13px;padding:10px 15px}.primary-header .col-logo .online-status{font-size:13px}.lang-chooser .btn{font-size:13px;width:130px}}@media (max-width:1200px){.footer-wrapper .footer-column.left-column{width:35%}.model-tab .tab-nav>li>a{min-width:105px}}@media (max-width:1024px){.primary-header .col-logo .online-status{font-size:10px}.primary-header .col-logo .logo{margin-left:5px}.foo-top-columns .foo-top-column{width:20%}.sidebar{position:fixed;left:0;width:237px;height:100%;overflow:auto;z-index:10}.primary-header .col-logo .online-status:before{margin-right:4px}.primary-header .col-search{display:none;position:absolute;left:0;width:100%;top:100%;height:49px}.primary-header .search-group .search-txt{height:49px}.primary-header .search-group .search-submit{width:49px;height:49px}.primary-header .search-group{width:100%}.lang-chooser .btn{width:auto}.lang-chooser .btn .lang{display:none}.lang-chooser ul li a{text-align:center}.lang-chooser ul li a img{margin-right:0}.lang-chooser ul li a>span{display:none}.primary-header .btn-search-mobile{display:block}.footer-wrapper .footer-column.right-column{min-width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px}.footer-wrapper .footer-column.left-column{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;width:100%}.footer-wrapper .footer-column{width:160px;padding:0 20px}footer{padding-top:30px;padding-bottom:30px}.item-grid.small .item{width:16.66%}.tag-list .columns-tags .column-tag{width:25%}}@media (max-width:767px){#tab-comments textarea{width:100%}.comment-wrap .btn{margin-left:0;margin-top:15px}.lang-chooser ul li a>span{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:10px;margin-left:5px}.lang-chooser ul li a{text-align:left}.model-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.model-wrapper .model-preview{height:400px;min-width:100%}.model-wrapper .model-chat{width:100%;margin-top:15px}#tab-bio .model-details .detail-item{width:50%}.tag-list .columns-tags .column-tag{width:33.333%}.lang-chooser .btn .lang{display:block;margin-right:10px}.lang-chooser .btn>span{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.primary-header{padding:0}.thumb-nav{display:none}.item-grid .item{width:33.3333%!important}.footer-wrapper .footer-column.left-column{min-width:100%;border-right:0}.footer-wrapper .footer-column.right-column{min-width:auto}.footer-wrapper .footer-logo{margin-bottom:10px}.primary-header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.primary-header .ph-col{min-width:100%}.primary-header .col-logo{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px}.primary-header .col-action{padding:15px;background-color:#000;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.primary-header .col-logo .logo{margin-left:5px}.foo-top-columns .foo-top-column{width:33.33%}}@media (max-width:576px){.page-title h1{font-size:24px}#tab-bio .model-details .detail-item{padding-left:15px}#tab-bio .model-details{margin-left:-15px}#tab-bio .tab-wrapper .model-preview{width:100%}#tab-bio .tab-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.model-preview{margin-bottom:15px}.model-preview img{width:100%}.tag-list .columns-tags .column-tag{width:50%}.tag-list .col-tagname{width:50px}.item-grid .item{width:50%!important}.footer-wrapper .footer-column{width:50%}.footer-wrapper .footer-column:nth-child(2){padding-left:0}.footer-wrapper .footer-column:nth-child(3){border-right:0}.primary-header .col-logo .logo img{max-width:160px}.mobile-menu svg{width:25px;height:25px}.primary-header .btn{height:34px}.primary-header .btn-search-mobile svg{width:16px;height:16px}.menu-header .main-nav li a{font-size:13px}.foo-top-columns .foo-top-column{width:50%}.country-content .col-tagname{width:100%;margin-bottom:15px}.model-wrapper .model-chat{width:100%;padding:15px}.model-wrapper .model-preview{margin-right:0}.model-box .full-width.btn{font-size:25px}.model-tab .tab-nav>li>a{min-width:auto}}@media (max-width:380px){.tag-list .col-tagname{width:30px}.primary-header .col-logo .logo img{max-width:150px}.lang-chooser .btn{padding-right:7px;padding-left:7px}.lang-chooser .btn .arrow svg,.primary-header .btn-search-mobile svg{width:15px;height:15px}.lang-chooser,.primary-header .btn-search-mobile{margin-right:5px}.lang-chooser .btn>span,.primary-header .col-action .btn-account{font-size:10px}.primary-header .col-action{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.primary-header .col-action .btn-account{padding:10px}.primary-header .col-logo .online-status{font-size:9px}.primary-header .col-logo .online-status:before{margin-right:2px;width:7px;height:7px;margin-top:-2px}.mobile-menu svg{width:20px;height:20px}.lang-chooser .btn .lang{margin-right:0}} /* resize.css */ main { display: block; } h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } ul.no-bullet { list-style: none; margin: 0; padding: 0; color: #98dcd5; } dl,ol,ul { margin-top: 0; margin-bottom: 1rem; } ol ol,ol ul,ul ol,ul ul { margin-bottom: 0; } a { text-decoration: none; background-color: rgba(0,0,0,0); -webkit-text-decoration-skip: objects; cursor: pointer; } img { vertical-align: middle; /*max-width: 100%;*/ } .text-center { text-align: center; } table { border-collapse: collapse; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: 'Boogaloo', cursive; font-size: 1em; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; -moz-text-decoration: underline dotted; text-decoration: underline dotted; } b,strong { font-weight: bolder; } code,kbd,samp { font-family: 'Boogaloo', cursive; font-size: 1em; } small { font-size: 80%; } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } img { border-style: none; } button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,input { overflow: visible; } button,select { text-transform: none; } [type=button],[type=reset],[type=submit],button { -webkit-appearance: button; } [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none; padding: 0; } [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: .35em .75em .625em; } legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox],[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } [hidden],template { display: none; } .text-uppercase { } .bold { font-weight: 800; } .text-white { color: #fff; } .text-dark { color: #000; } .container { width: 1610px; padding-left: 15px; padding-right: 15px; max-width: 100%; margin: 0 auto; } .btn { border: none; background-color: black; color: #000; font-size: 20px; font-weight: 800; text-align: center; border-radius: 3px; padding: 5px 25px; -webkit-transition: all .5s ease; -o-transition: .5s ease all; transition: all .5s ease; border: 1px solid rgba(0,0,0,0); cursor: pointer; display: inline-block; } .btn:active,.btn:focus,.btn:hover { background-color: #a2262e; color: black; border-color: black; } .top-header { padding: 9px 15px; background-color: #ffe0ed; } .top-header ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-header ul a { font-size: 10px; color: #a8a4bc; margin-right: 10px; -webkit-transition: all .4s ease; -o-transition: .4s ease all; transition: all .4s ease; } .top-header ul a:active,.top-header ul a:focus,.top-header ul a:hover { color: black; } .primary-header { position: relative; background-color: #4c4c4c; padding: 23px 15px; } .primary-header,.primary-header .col-logo,.primary-header .logo-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .primary-header .col-logo .mobile-menu svg { fill: #dedede; } .primary-header .col-logo .logo { margin-left: 15px; } .primary-header .col-logo .logo img { max-width: 200px; } .primary-header .col-logo .online-status { white-space: nowrap; font-size: 15px; margin-left: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .primary-header .col-logo .online-status:before { width: 11px; height: 11px; background-color: #00ff7e; content: ""; display: block; border-radius: 11px; margin-right: 10px; } .primary-header .ph-col { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .primary-header .col-search { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .primary-header .search-group { position: relative; width: 405px; max-width: 100%; } .primary-header .search-group .search-txt { top:0px; background-color: white; border-radius: 19px; color: #939393; border: none; height: 39px; width: 50%; font-size: 11px; padding: 15px; } .primary-header .search-group .search-submit { position: absolute; right: 0; top: 0; width: 39px; height: 39px; background-color: rgba(0,0,0,0); border: none; z-index: 1; cursor: pointer; } .primary-header .search-group .search-submit svg { fill: black; width: 20px; height: 20px; } #search_models_top { float:right; } .primary-header .col-action { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .primary-header .col-action .btn-account { white-space: nowrap; display:none; } .primary-header .btn-search-mobile { background-color: rgba(0,0,0,0); border: 1px solid #696969; border-radius: 3px; padding: 7.5px 10px; margin-right: 10px; display: none; } .primary-header .btn-search-mobile svg { width: 20px; height: 20px; fill: #696969; } .lang-chooser { margin-right: 10px; position: relative; } .lang-chooser .btn { border: 1px solid #696969; background: rgba(0,0,0,0); color: #696969; font-weight: 800; border-radius: 3px; padding: 7.5px 10px; width: 155px; position: relative; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .lang-chooser .btn,.lang-chooser .btn .arrow { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .lang-chooser .btn .arrow { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .lang-chooser .btn .arrow svg { width: 19px; fill: #696969; height: 19px; } .lang-chooser .btn .flags { margin-right: 8px; } .lang-chooser .btn .flags img { max-width: 18px; min-width: 18px; margin-bottom: 2px; } .lang-chooser ul { display: none; position: absolute; left: 0; width: 100%; top: 100%; padding: 0; list-style: none; border: 1px solid #696969; margin-top: 5px; border-radius: 3px; } .lang-chooser ul li a { display: block; padding: 5px 10px; color: black; font-weight: 800; } .lang-chooser ul li a:active,.lang-chooser ul li a:hover { background-color: #a2262e; } .lang-chooser ul img { margin-right: 10px; width: 16px; } .thumb-nav a svg { fill: #b5b5b5; } .thumb-nav a.active svg { fill: #4a446d; } .menu-header { padding: 16px 15px 16px 8px; background-color: #aee3de; } .menu-header .main-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .menu-header .main-nav li.active a,.menu-header .main-nav li:active a,.menu-header .main-nav li:hover a { border-bottom-color: black; } .menu-header .main-nav li a { border-bottom: 8px solid rgba(0,0,0,0); color: black; font-size: 25px; font-weight: 800; padding-left: 7px; padding-right: 7px; padding-bottom: 5px; } .menu-header li.has-items { z-index: 201; } .menu-header li.has-items ul { border:solid 1px #444; border-style: none solid solid; } .menu-header li.image { margin-right: -10px !important; z-index: 1; margin-top: -20px !important; } .ad-mobile { display:none!important; } /* .menu-header .main-nav li a,.sidebar { -webkit-transition: all .4s ease; -o-transition: .4s ease all; transition: all .4s ease; } */ /* .sidebar { width: 237px; background-color: #4c4c4c; } .sidebar.collapse { margin-left: -237px; } */ .sidebar .widget { padding-top: 20px; padding-bottom: 20px; position: relative; } .sidebar .widget:not(.no-divider):after { content: ""; display: block; position: absolute; left: 15px; width: calc(100% - 30px); height: 1px; background-color: #4a446d; bottom: 0; } .sidebar .widget .widget-title { padding: 0 15px; } .sidebar .widget .widget-title h5 { font-size: 15px; font-weight: 800; color: black; } .sidebar .placement-rect { padding-top: 30px; padding-bottom: 30px; } .widget-filter li { padding: 5px 15px; } .widget-filter li a { color: #fff; -webkit-transition: all .4s ease; -o-transition: .4s ease all; transition: all .4s ease; } .widget-filter li a:active,.widget-filter li a:focus,.widget-filter li a:hover { color: black; } .widget-filter .counter-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .widget-filter .counter-item .count { color: #4a446d; } .widget-accordian ul li .item { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; /*padding: 7px 15px;*/ } .widget-accordian ul li .item:active>a,.widget-accordian ul li .item:focus>a,.widget-accordian ul li .item:hover>a { color: black; } .widget-accordian ul li .item:active>a>svg,.widget-accordian ul li .item:focus>a>svg,.widget-accordian ul li .item:hover>a>svg { fill: black; } .widget-accordian ul li .item a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; color: #98dcd5; } .widget-accordian ul li .item a,.widget-accordian ul li .item a svg { -webkit-transition: all .4s ease; -o-transition: .4s ease all; transition: all .4s ease; } .widget-accordian ul li .item a svg { fill: #98dcd5; width: 20px; height: 20px; margin-right: 10px; } .widget-accordian ul li .item a img { margin-right: 10px; } .widget-accordian ul li .sub-items { margin-left: 20px; padding-left: 0; display: none; } .widget-accordian ul li .sub-items a { color: black; display: block; padding-top: 5px; padding-bottom: 5px; } .widget-accordian ul li .toggle svg { width: 10px; height: 10px; fill: #98dcd5; -webkit-transition: all .5s ease; -o-transition: .5s ease all; transition: all .5s ease; } .widget-accordian ul li.active .toggle svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .widget-tabs { padding: 0 15px; } .widget-tabs .tab-nav { margin-bottom: 10px; } .widget-tabs .tab-nav a { font-size: 15px; background-color: #FFE0ED; color: #000; -webkit-transition: all .4s ease; -o-transition: .4s ease all; transition: all .4s ease; display: inline-block; padding: 5px 15px; font-weight: 800; border-radius: 4px; } .widget-tabs .tab-nav a+a { margin-left: 10px; } .widget-tabs .tab-nav a.active { background-color: #FFE0ED; color: #000; } .widget-tabs .tab-block { display: none; } .widget-tabs .tab-block a { display: block; color: #98dcd5; font-size: 18px; /*padding: 5px 0;*/ } .widget-tabs .tab-block.active { display: block; } /* fish */ .main { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .main .content { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .top-placement { padding: 10px; text-align: center; } .top-placement .placement-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .top-placement .close-ads { margin-left: 5px; fill: #a8a4bc; } .top-placement { padding-left: 25px; padding-right: 20px; } .page-content { padding: 15px; /* background-color: #4b4b4b;*/ } .page-head { font-size: 13px; color: #717171; } .page-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-title h1 { margin-bottom: 10px; padding-bottom: 0; color: #ffffff; font-size: 18px; } .item-grid { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-left: -6px; margin-right: -6px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .item-grid.small .item { width: 16.6%; } .item-grid.medium .item { width: 20%; } .item-grid.large .item { width: 25%; } .item-grid .item { width: 20%; padding-left: 6px; padding-right: 6px; overflow: hidden; margin-bottom: 12px; } .item-grid .item .preview img { width: 100%; } .item-grid .item .item-wrapper { position: relative; } .item-grid .item .item-wrapper .preview a { display: block; } .item-grid .item .item-wrapper .preview a:after { -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; content: ""; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(35,35,35,.4); position: absolute; z-index: 9; opacity: 0; } .item-grid .item:active .item-wrapper .preview a:after,.item-grid .item:focus .item-wrapper .preview a:after,.item-grid .item:hover .item-wrapper .preview a:after { opacity: 1; left: 0; } .item-grid .item .left-top-corner { position: absolute; left: 5px; top: 5px; z-index: 3; } .item-grid .item .left-top-corner svg { width: 15px; fill: #fff; } .item-grid .item .right-top-corner { position: absolute; top: 5px; right: 5px; z-index: 3; } .item-grid .item .bottom-left-corner { z-index: 3; position: absolute; bottom: 5px; left: 5px; color: #fff; text-shadow: .292px .956px .99px rgba(35,35,35,.4); font-size: 11px; font-weight: 800; } .item-grid .item .bottom-right-corner { position: absolute; right: 5px; bottom: -2px; z-index: 3; } .item-grid .item .bottom-right-corner svg { width: 20px; } .item-grid .live-tag { background-color: #242424; color: #fff; border-radius: 12px; font-size: 12px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 4px 6px; } .item-grid .live-tag:before { width: 10px; height: 10px; border-radius: 10px; background-color: #00ff7e; content: ""; display: block; margin-right: 5px; } .item-more { text-align: center; padding-top: 13px; padding-bottom: 13px; } .item-more .btn { background-color: #98dcd5; color: black; width: 100px; max-width: 100%; } .item-more .btn:hover { /*background-color: black;*/ color: #000; } .footer-top { background-color: #191629; padding-top: 20px; padding-bottom: 20px; color: #fff; font-size: 13px; } .footer-title { font-size: 15px; color: white; } .foo-top-columns { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .foo-top-columns .foo-top-column { width: 14.28%; padding-right: 15px; } .foo-top-columns ul { padding-left: 15px; } .foo-top-columns a { font-size: 13px; -webkit-transition: all .3s ease; -o-transition: .3s ease all; transition: all .3s ease; color: #fff; display: block; padding-top: 4px; padding-bottom: 4px; } .foo-top-columns a:hover { color: black; } footer { padding-top: 20px; padding-bottom: 20px; } .footer-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-wrapper .footer-logo { margin-bottom: 30px; } .footer-wrapper .footer-logo img { width: 250px; } .footer-wrapper .footer-column { /*width: 190px;*/ /*border-right: 1px solid #414141;*/ border: none; padding: 0 10px; } .footer-wrapper .footer-column .footer-title { margin-bottom: 20px; } .footer-wrapper .footer-column:last-child { border-right: 0; } .footer-wrapper .footer-column.left-column { /*width: 45%;*/ padding-left: 0; } .footer-wrapper .footer-column.left-column p { font-size: 11px; color: #fff; line-height: 1.455; } .footer-wrapper .footer-column.right-column { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .footer-wrapper .footer-column a { font-size: 11px; color: #fff; -webkit-transition: all .4s ease; -o-transition: .4s ease all; transition: all .4s ease; display: block; padding-top: 4px; padding-bottom: 4px; } .footer-wrapper .footer-column a:active,.footer-wrapper .footer-column a:focus,.footer-wrapper .footer-column a:hover { color: black; } .footer-wrapper .copyrights { color: #fff; font-size: 11px; } .footer-wrapper .approval-logo { margin-bottom: 20px; } .tag-head { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tag-head a { margin-right: 10px; font-weight: 800; color: #000; font-size: 15px; } .tag-list { padding-top: 20px; border-top: 1px solid #ccc; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; } .tag-list .col-tagname { width: 70px; font-weight: 800; } .tag-list .columns-tags { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tag-list .columns-tags .column-tag { width: 20%; padding-right: 15px; } .tag-list .columns-tags .column-tag>a { display: block; color: #717171; margin-bottom: 8px; } .tag-list .columns-tags .column-tag>a>span { color: #bcbcbc; margin-left: 5px; } .country-content .col-tagname { width: 150px; } .page-action { margin-right: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 30px; margin-bottom: 10px; } .page-action span { color: #000; font-size: 15px; font-weight: 800; margin-right: 10px; } .page-action .thumb-btn { background-color: #000; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 5px 10px; border-radius: 2px; -webkit-transition: all .4s ease; -o-transition: .4s ease all; transition: all .4s ease; } .page-action .thumb-btn:focus,.page-action .thumb-btn:hover { background-color: black; } .page-action .thumb-btn:focus svg,.page-action .thumb-btn:hover svg { fill: #000; } .page-action .thumb-btn svg { fill: black; width: 16px; height: 13px; } .page-action .thumb-btn.thumb-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .page-action .thumb-btn+.thumb-btn { margin-left: 3px; } .model-box { padding: 0!important; background-color: #4b4b4b; } .model-box .full-width.btn { background-color: #f75017; height: auto; } .model-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 15px; } .model-wrapper .model-preview { height: 651px; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; background-color: #4b4b4b; margin-right: 15px; } .model-wrapper .model-chat { width: 340px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #59566c; padding: 42px; } .model-wrapper .model-chat .chat-logo { margin-bottom: 15px; } .model-wrapper .model-chat p { color: #fff; font-size: 13px; margin-bottom: 15px; } .model-wrapper .model-chat .form-control { display: block; height: 40px; background-color: #fff; color: #59566c; font-size: 11px; border-radius: 2px; border: none; width: 100%; padding: 5px 10px; } .model-wrapper .model-chat .form-group { margin-bottom: 10px; } .model-wrapper .model-chat .btn { width: 100%; } .model-desc { font-size: 15px; padding: 0px 0; } .model-tab { background-color: #4b4b4b; padding: 20px; } .model-tab .tab-content { display: none; } .model-tab .tab-content.active { display: block; } .model-tab .tab-details { display: none; } .model-tab .tab-details.active { display: block; } .model-tab .tab-nav { padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .model-tab .tab-nav>li+li a { margin-left: 5px; } .model-tab .tab-nav>li.active a { background-color: #ffffff; } .model-tab .tab-nav>li>a { -webkit-transition: all .4s ease; -o-transition: .4s ease all; transition: all .4s ease; background-color: #ffffff; border-radius: 3px; font-size: 15px; color: #000; font-weight: 800; display: block; min-width: 140px; text-align: center; padding: 7px 10px; } .model-tab .tab-nav>li>a:active,.model-tab .tab-nav>li>a:focus,.model-tab .tab-nav>li>a:hover { background-color: #98dcd5; } #tab-comments textarea { padding: 10px; border-radius: 3px; } #tab-bio .tab-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } #tab-bio .tab-wrapper .model-preview { /*min-width: 430px;*/ } #tab-bio .model-details { display: -webkit-box; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 14px; } #tab-bio .model-details .detail-item { padding-left: 20px; margin-bottom: 15px; width: 33.3333%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; } #tab-bio .model-details .detail-item-wide { width: 100%; } #tab-bio .model-details .detail-item a { color: white; } .section-title { font-size: 22px; color: #ffffff; margin-top: 15px; margin-bottom: 15px; font-weight: 800; } .comment-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .comment-wrap .btn { margin-left: 10px; } .comment-wrap textarea { min-width: 430px; } .bottom-right-corner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-right-corner span { font-size: 11px; font-weight: 800; text-shadow: .292px .956px .99px rgba(35,35,35,.4); color: #fff; margin-left: 5px; } @media (max-width:1300px) { .primary-header .search-group { width: 95%; } .primary-header .col-action .btn-account { font-size: 13px; padding: 10px 15px; } .primary-header .col-logo .online-status { font-size: 13px; } .lang-chooser .btn { font-size: 13px; width: 130px; } } @media (max-width:1200px) { .footer-wrapper .footer-column.left-column { width: 35%; } .model-tab .tab-nav>li>a { min-width: 105px; } } @media (max-width:1024px) { .primary-header .col-logo .online-status { font-size: 10px; } .primary-header .col-logo .logo { margin-left: 5px; } .foo-top-columns .foo-top-column { width: 20%; } .primary-header .col-logo .online-status:before { margin-right: 4px; } .primary-header .col-search { display: none; position: absolute; left: 0; width: 100%; top: 100%; height: 49px; } .primary-header .search-group .search-txt { height: 49px; } .primary-header .search-group .search-submit { width: 49px; height: 49px; } .primary-header .search-group { width: 100%; } .lang-chooser .btn { width: auto; } .lang-chooser .btn .lang { display: none; } .lang-chooser ul li a { text-align: center; } .lang-chooser ul li a img { margin-right: 0; } .lang-chooser ul li a>span { display: none; } .primary-header .btn-search-mobile { display: block; } .footer-wrapper .footer-column.right-column { min-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; } .footer-wrapper .footer-column.left-column { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; } .footer-wrapper .footer-column { width: 160px; padding: 0 20px; } footer { padding-top: 30px; padding-bottom: 30px; } .item-grid.small .item { width: 16.66%; } .tag-list .columns-tags .column-tag { width: 25%; } } @media (max-width:767px) { #tab-comments textarea { width: 100%; } .comment-wrap .btn { margin-left: 0; margin-top: 15px; } .lang-chooser ul li a>span { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 10px; margin-left: 5px; } .lang-chooser ul li a { text-align: left; } .model-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .model-wrapper .model-preview { height: 400px; min-width: 100%; } .model-wrapper .model-chat { width: 100%; margin-top: 15px; } #tab-bio .model-details .detail-item { width: 50%; } .tag-list .columns-tags .column-tag { width: 33.333%; } .lang-chooser .btn .lang { display: block; margin-right: 10px; } .lang-chooser .btn>span { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .primary-header { padding: 0; } .thumb-nav { display: none; } .item-grid .item { width: 33.3333%!important; } .footer-wrapper .footer-column.left-column { min-width: 100%; border-right: 0; } .footer-wrapper .footer-column.right-column { min-width: auto; } .footer-wrapper .footer-logo { margin-bottom: 10px; } .primary-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .primary-header .ph-col { min-width: 100%; } .primary-header .col-logo { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px; } .primary-header .col-action { padding: 15px; background-color: #000; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .primary-header .col-logo .logo { margin-left: 5px; } .foo-top-columns .foo-top-column { width: 33.33%; } } /*add 374*/ @media (max-width:374px) { .page-title h1 { font-size: 24px; } #tab-bio .model-details .detail-item { padding-left: 15px; } #tab-bio .model-details { margin-left: -15px; } #tab-bio .tab-wrapper .model-preview { width: 100%; } #tab-bio .tab-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .model-preview { margin-bottom: 15px; } .model-preview img { width: 100%; } .tag-list .columns-tags .column-tag { width: 50%; } .tag-list .col-tagname { width: 50px; } .item-grid .item { width: 50%!important; } .footer-wrapper .footer-column { width: 50%; } .footer-wrapper .footer-column:nth-child(2) { padding-left: 0; } .footer-wrapper .footer-column:nth-child(3) { border-right: 0; } .primary-header .col-logo .logo img { max-width: 160px; } .mobile-menu svg { width: 25px; height: 25px; } .primary-header .btn { height: 34px; } .primary-header .btn-search-mobile svg { width: 16px; height: 16px; } .menu-header .main-nav li a { font-size: 13px; } .foo-top-columns .foo-top-column { width: 50%; } .country-content .col-tagname { width: 100%; margin-bottom: 15px; } .model-wrapper .model-chat { width: 100%; padding: 15px; } .model-wrapper .model-preview { margin-right: 0; } .model-box .full-width.btn { font-size: 15px; } .model-tab .tab-nav>li>a { min-width: auto; } } @media (max-width:576px) { .page-title h1 { font-size: 16px; } #tab-bio .model-details .detail-item { padding-left: 15px; } #tab-bio .model-details { margin-left: -15px; } #tab-bio .tab-wrapper .model-preview { width: 100%; } #tab-bio .tab-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .model-preview { margin-bottom: 15px; } .model-preview img { width: 100%; } .tag-list .columns-tags .column-tag { width: 50%; } .tag-list .col-tagname { width: 50px; } .item-grid .item { width: 50%!important; } .footer-wrapper .footer-column { width: 50%; } .footer-wrapper .footer-column:nth-child(2) { padding-left: 0; } .footer-wrapper .footer-column:nth-child(3) { border-right: 0; } .primary-header .col-logo .logo img { max-width: 160px; } .mobile-menu svg { width: 25px; height: 25px; } .primary-header .btn { height: 34px; } .primary-header .btn-search-mobile svg { width: 16px; height: 16px; } .menu-header .main-nav li a { font-size: 13px; } .foo-top-columns .foo-top-column { width: 50%; } .country-content .col-tagname { width: 100%; margin-bottom: 15px; } .model-wrapper .model-chat { width: 100%; padding: 15px; } .model-wrapper .model-preview { margin-right: 0; } .model-box .full-width.btn { font-size: 18px; } .model-tab .tab-nav>li>a { min-width: auto; } } @media (max-width:380px) { .tag-list .col-tagname { width: 30px; } .primary-header .col-logo .logo img { max-width: 150px; } .lang-chooser .btn { padding-right: 7px; padding-left: 7px; } .lang-chooser .btn .arrow svg,.primary-header .btn-search-mobile svg { width: 15px; height: 15px; } .lang-chooser,.primary-header .btn-search-mobile { margin-right: 5px; } .lang-chooser .btn>span,.primary-header .col-action .btn-account { font-size: 10px; } .primary-header .col-action { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .primary-header .col-action .btn-account { padding: 10px; } .primary-header .col-logo .online-status { font-size: 9px; } .primary-header .col-logo .online-status:before { margin-right: 2px; width: 7px; height: 7px; margin-top: -2px; } .mobile-menu svg { width: 20px; height: 20px; } .lang-chooser .btn .lang { margin-right: 0; } } /* resize.css */ #wrapper-cams { margin: 20px auto 0 auto; display: block; max-width: 850px; text-align: center; } #cb_iframe { background: 0 0; border: 0; overflow: hidden; width: 100%; height: 100%; min-width: 800px; min-height: 520px; } #sm_iframe { background: 0 0; border: 0; overflow: hidden; width: 100%; height: 100%; min-width: 800px; min-height: 490px; } #cb_imlive { background: 0 0; border: 0; overflow: hidden; width: 100%; height: 100%; min-width: 800px; min-height: 420px; } #xlove { background: 0 0; border: 0; overflow: hidden; width: 100%; height: 100%; min-width: 650px; min-height: 300px; } #wrapper-cams-xc { margin: 20px auto 0 auto; display: block; max-width: 650px; text-align: center; } .caminner { position: absolute; width: 100%; box-sizing: border-box; transform-origin: 0 0; left: 0; top: 0; float: left; height: 100%; } .camblock_cb { padding: 0!important; position: relative!important; height: 491px; overflow: hidden margin-left: 5px; margin-right: 5px; } .camblock_bc { padding: 0!important; position: relative!important; height: 491px; overflow: hidden margin-left: 5px; margin-right: 5px; } .camblock_il { padding: 0!important; position: relative!important; height: 526px; overflow: hidden margin-left: 5px; margin-right: 5px; } .camblock_ili { padding: 0!important; position: relative!important; height: 421px; overflow: hidden margin-left: 5px; margin-right: 5px; } .camblock_sm { padding: 0!important; position: relative!important; height: 465px; overflow: hidden margin-left: 5px; margin-right: 5px; } .camblock_xc { padding: 0!important; position: relative!important; height: 300px; overflow: hidden margin-left: 5px; margin-right: 5px; } .camblock_cs { padding: 0!important; position: relative!important; height: 660px; overflow: hidden margin-left: 5px; margin-right: 5px; } /* slider.css */ #slider-wrap { background: #181818; height: 242px; overflow: hidden; padding: 1px 40px 1px 40px; margin-bottom: 0; border-radius: 8px; border: 1px solid #720609; border: 1px solid #111; } .multiple-items img { float: left; min-width: 320px; max-width: 320px; min-height: 240px; max-height: 240px; padding: 0; } .slide { position: relative; } .slide .bio-box { padding: 32px 0 0 0; position: absolute; bottom: 0; width: 100%; left: 0; background-color: rgba(0,0,0,.5); font-size: 14px; color: black; font-family: 'Boogaloo', cursive; font-weight: 800; } .slide .bio-box h2 { position: absolute; bottom: 0; left: 15px; font-size: 14px; color: black; font-family: 'Boogaloo', cursive; font-weight: 800; -webkit-transition: all .3s ease; transition: all .3s ease; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list,.slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:after,.slick-track:before { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* slider-theme.css */ @charset 'UTF-8'; .slick-loading .slick-list { background: #fff url(../images/ajax-loader.gif) center center no-repeat; } @font-face { font-family:slick;font-weight:400;font-style:normal;src:url(../fonts/slick.eot);src:url(../fonts/slick.eot?#iefix) format('embedded-opentype'),url(../fonts/slick.woff) format('woff'),url(../fonts/slick.ttf) format('truetype'),url(../fonts/slick.svg#slick) format('svg');font-display:swap; } .slick-next,.slick-prev { font-size: 0; line-height: 0; position: absolute; top: 115px; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; color: transparent; border: none; outline: 0; background: 0 0; background: #181818; } .slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover { color: transparent; outline: 0; background: 0 0; background: #181818; } .slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before { opacity: 1; } .slick-next.slick-disabled:before,.slick-prev.slick-disabled:before { opacity: .25; } .slick-next:before,.slick-prev:before { font-family: slick; font-size: 20px; line-height: 1; opacity: .75; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -30px; } [dir=rtl] .slick-prev { right: -30px; left: auto; } .slick-prev:before { content: '←'; } [dir=rtl] .slick-prev:before { content: '→'; } .slick-next { right: -30px; } [dir=rtl] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir=rtl] .slick-next:before { content: '←'; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0; } .slick-dots li button:focus,.slick-dots li button:hover { outline: 0; } .slick-dots li button:focus:before,.slick-dots li button:hover:before { opacity: 1; } .slick-dots li button:before { font-family: slick; font-size: 6px; line-height: 10px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: #000; } @media screen and (max-width:359px) { #slider-wrap { height: 162px; } .multiple-items img { min-width: 210px; max-width: 210px; min-height: 160px; max-height: 160px; border: 1px solid #000; } .slick-next,.slick-prev { top: 80px; } } @media (min-width :360px) and (max-width:373px) { #slider-wrap { height: 192px; } .multiple-items img { min-width: 250px; max-width: 250px; min-height: 190px; max-height: 190px; border: 1px solid #000; } .slick-next,.slick-prev { top: 95px; } } @media (min-width :374px) and (max-width:409px) { #slider-wrap { height: 192px; } .multiple-items img { min-width: 250px; max-width: 250px; min-height: 190px; max-height: 190px; border: 1px solid #000; } .slick-next,.slick-prev { top: 95px; } } @media (min-width :410px) and (max-width:434px) { #slider-wrap { height: 222px; } .multiple-items img { min-width: 300px; max-width: 300px; min-height: 220px; max-height: 220px; border: 1px solid #000; } .slick-next,.slick-prev { top: 110px; } } @media (min-width :435px) and (max-width:567px) { #slider-wrap { height: 222px; } .multiple-items img { float: none; min-width: 320px; max-width: 320px; min-height: 220px; max-height: 220px; border: 1px solid #000; text-align: center; } .slick-next,.slick-prev { top: 110px; } } @media (min-width :768px) and (max-width:1023px) { #slider-wrap { height: 242px; } .multiple-items img { float: none; min-width: 320px; max-width: 320px; min-height: 240px; max-height: 240px; border: 1px solid #000; text-align: center; } .slick-next,.slick-prev { top: 110px; } } @media (min-width :1280px) { .slick-next,.slick-prev { top: 120px; } } /* flags.css */ .flag { display: inline-block; position: relative; width: 16px; height: 11px; margon-top: 5px; background: url(../images/flags.png) no-repeat; } .flag.flag-gu { background-position: -96px -55px; } .flag.flag-mn { background-position: -208px -88px; } .flag.flag-va { background-position: -48px -154px; } .flag.flag-tibet { background-position: -32px -143px; } .flag.flag-fo { background-position: -64px -44px; } .flag.flag-th { background-position: -16px -143px; } .flag.flag-tr { background-position: -144px -143px; } .flag.flag-tl { background-position: -80px -143px; } .flag.flag-kz { background-position: -144px -77px; } .flag.flag-zm { background-position: -16px -165px; } .flag.flag-uz { background-position: -32px -154px; } .flag.flag-dk { background-position: -64px -33px; } .flag.flag-scotland { background-position: -176px -121px; } .flag.flag-gi { background-position: -224px -44px; } .flag.flag-gy { background-position: -128px -55px; } .flag.flag-bj { background-position: -112px -11px; } .flag.flag-fr { background-position: -80px -44px; } .flag.flag-mo { background-position: -224px -88px; } .flag.flag-ir { background-position: -112px -66px; } .flag.flag-io { background-position: -80px -66px; } .flag.flag-tm { background-position: -96px -143px; } .flag.flag-ch { background-position: -96px -22px; } .flag.flag-mt { background-position: -32px -99px; } .flag.flag-nl { background-position: -240px -99px; } .flag.flag-gp { background-position: -16px -55px; } .flag.flag-im { background-position: -48px -66px; } .flag.flag-tv { background-position: -176px -143px; } .flag.flag-mu { background-position: -48px -99px; } .flag.flag-pe { background-position: -96px -110px; } .flag.flag-vi { background-position: -112px -154px; } .flag.flag-hn { background-position: -176px -55px; } .flag.flag-ss { background-position: -128px -132px; } .flag.flag-ae { background-position: -16px 0; } .flag.flag-td { background-position: -240px -132px; } .flag.flag-pw { background-position: 0 -121px; } .flag.flag-nu { background-position: -32px -110px; } .flag.flag-bt { background-position: -208px -11px; } .flag.flag-ms { background-position: -16px -99px; } .flag.flag-cv { background-position: -240px -22px; } .flag.flag-es { background-position: -224px -33px; } .flag.flag-mh { background-position: -144px -88px; } .flag.flag-la { background-position: -160px -77px; } .flag.flag-vn { background-position: -128px -154px; } .flag.flag-py { background-position: -16px -121px; } .flag.flag-br { background-position: -176px -11px; } .flag.flag-ye { background-position: -224px -154px; } .flag.flag-ie { background-position: 0 -66px; } .flag.flag-gh { background-position: -208px -44px; } .flag.flag-cg { background-position: -80px -22px; } .flag.flag-cu { background-position: -224px -22px; } .flag.flag-hu { background-position: -224px -55px; } .flag.flag-sg { background-position: -224px -121px; } .flag.flag-at { background-position: -176px 0; } .flag.flag-lk { background-position: -224px -77px; } .flag.flag-vu { background-position: -144px -154px; } .flag.flag-bo { background-position: -160px -11px; } .flag.flag-jo { background-position: -208px -66px; } .flag.flag-er { background-position: -208px -33px; } .flag.flag-za { background-position: -256px -154px; } .flag.flag-rs { background-position: -80px -121px; } .flag.flag-nr { background-position: -16px -110px; } .flag.flag-ls { background-position: -256px -77px; } .flag.flag-jm { background-position: -192px -66px; } .flag.flag-tz { background-position: -208px -143px; } .flag.flag-ki { background-position: -16px -77px; } .flag.flag-sj { background-position: 0 -132px; } .flag.flag-cz { background-position: -16px -33px; } .flag.flag-pg { background-position: -128px -110px; } .flag.flag-lv { background-position: -32px -88px; } .flag.flag-do { background-position: -96px -33px; } .flag.flag-lu { background-position: -16px -88px; } .flag.flag-no { background-position: -256px -99px; } .flag.flag-kw { background-position: -112px -77px; } .flag.flag-mx { background-position: -96px -99px; } .flag.flag-yt { background-position: -240px -154px; } .flag.flag-ly { background-position: -48px -88px; } .flag.flag-cy { background-position: 0 -33px; } .flag.flag-ph { background-position: -144px -110px; } .flag.flag-my { background-position: -112px -99px; } .flag.flag-sm { background-position: -48px -132px; } .flag.flag-et { background-position: -240px -33px; } .flag.flag-ru { background-position: -96px -121px; } .flag.flag-tj { background-position: -48px -143px; } .flag.flag-ai { background-position: -64px 0; } .flag.flag-pl { background-position: -176px -110px; } .flag.flag-kp { background-position: -64px -77px; } .flag.flag-uy { background-position: -16px -154px; } .flag.flag-gb { background-position: -112px -44px; } .flag.flag-gs { background-position: -64px -55px; } .flag.flag-kurdistan { background-position: -96px -77px; } .flag.flag-rw { background-position: -112px -121px; } .flag.flag-ec { background-position: -128px -33px; } .flag.flag-mm { background-position: -192px -88px; } .flag.flag-pa { background-position: -80px -110px; } .flag.flag-wales { background-position: -160px -154px; } .flag.flag-kg { background-position: -256px -66px; } .flag.flag-ve { background-position: -80px -154px; } .flag.flag-tk { background-position: -64px -143px; } .flag.flag-ca { background-position: -16px -22px; } .flag.flag-is { background-position: -128px -66px; } .flag.flag-ke { background-position: -240px -66px; } .flag.flag-ro { background-position: -64px -121px; } .flag.flag-gq { background-position: -32px -55px; } .flag.flag-pt { background-position: -256px -110px; } .flag.flag-tf { background-position: -256px -132px; } .flag.flag-ad { background-position: 0 0; } .flag.flag-sk { background-position: -16px -132px; } .flag.flag-pm { background-position: -192px -110px; } .flag.flag-om { background-position: -64px -110px; } .flag.flag-an { background-position: -112px 0; } .flag.flag-ws { background-position: -192px -154px; } .flag.flag-sh { background-position: -240px -121px; } .flag.flag-mp { background-position: -240px -88px; } .flag.flag-gt { background-position: -80px -55px; } .flag.flag-cf { background-position: -64px -22px; } .flag.flag-zanzibar { background-position: 0 -165px; } .flag.flag-mw { background-position: -80px -99px; } .flag.flag-catalonia { background-position: -32px -22px; } .flag.flag-ug { background-position: -240px -143px; } .flag.flag-je { background-position: -176px -66px; } .flag.flag-km { background-position: -32px -77px; } .flag.flag-in { background-position: -64px -66px; } .flag.flag-bf { background-position: -48px -11px; } .flag.flag-mc { background-position: -80px -88px; } .flag.flag-sy { background-position: -192px -132px; } .flag.flag-sn { background-position: -64px -132px; } .flag.flag-kr { background-position: -80px -77px; } .flag.flag-eu { background-position: -256px -33px; } .flag.flag-bn { background-position: -144px -11px; } .flag.flag-st { background-position: -144px -132px; } .flag.flag-england { background-position: -192px -33px; } .flag.flag-lc { background-position: -192px -77px; } .flag.flag-dm { background-position: -80px -33px; } .flag.flag-be { background-position: -32px -11px; } .flag.flag-ni { background-position: -224px -99px; } .flag.flag-ua { background-position: -224px -143px; } .flag.flag-mz { background-position: -128px -99px; } .flag.flag-pf { background-position: -112px -110px; } .flag.flag-tn { background-position: -112px -143px; } .flag.flag-ee { background-position: -144px -33px; } .flag.flag-xk { background-position: -208px -154px; } .flag.flag-sx { background-position: -176px -132px; } .flag.flag-sd { background-position: -192px -121px; } .flag.flag-gd { background-position: -128px -44px; } .flag.flag-ci { background-position: -112px -22px; } .flag.flag-sz { background-position: -208px -132px; } .flag.flag-cl { background-position: -144px -22px; } .flag.flag-fi { background-position: 0 -44px; } .flag.flag-ga { background-position: -96px -44px; } .flag.flag-jp { background-position: -224px -66px; } .flag.flag-de { background-position: -32px -33px; } .flag.flag-np { background-position: 0 -110px; } .flag.flag-re { background-position: -48px -121px; } .flag.flag-bg { background-position: -64px -11px; } .flag.flag-sc { background-position: -160px -121px; } .flag.flag-ng { background-position: -208px -99px; } .flag.flag-qa { background-position: -32px -121px; } .flag.flag-mk { background-position: -160px -88px; } .flag.flag-aw { background-position: -208px 0; } .flag.flag-kn { background-position: -48px -77px; } .flag.flag-al { background-position: -80px 0; } .flag.flag-bw { background-position: -240px -11px; } .flag.flag-um { background-position: -256px -143px; } .flag.flag-ky { background-position: -128px -77px; } .flag.flag-tt { background-position: -160px -143px; } .flag.flag-so { background-position: -80px -132px; } .flag.flag-lt { background-position: 0 -88px; } .flag.flag-by { background-position: -256px -11px; } .flag.flag-bb { background-position: 0 -11px; } .flag.flag-us { background-position: 0 -154px; } .flag.flag-md { background-position: -96px -88px; } .flag.flag-ag { background-position: -48px 0; } .flag.flag-hm { background-position: -160px -55px; } .flag.flag-as { background-position: -160px 0; } .flag.flag-eg { background-position: -160px -33px; } .flag.flag-sv { background-position: -160px -132px; } .flag.flag-sl { background-position: -32px -132px; } .flag.flag-fk { background-position: -32px -44px; } .flag.flag-am { background-position: -96px 0; } .flag.flag-ck { background-position: -128px -22px; } .flag.flag-tw { background-position: -192px -143px; } .flag.flag-kh { background-position: 0 -77px; } .flag.flag-to { background-position: -128px -143px; } .flag.flag-se { background-position: -208px -121px; } .flag.flag-cd { background-position: -48px -22px; } .flag.flag-pn { background-position: -208px -110px; } .flag.flag-gr { background-position: -48px -55px; } .flag.flag-id { background-position: -256px -55px; } .flag.flag-vc { background-position: -64px -154px; } .flag.flag-somaliland { background-position: -96px -132px; } .flag.flag-bi { background-position: -96px -11px; } .flag.flag-pk { background-position: -160px -110px; } .flag.flag-pr { background-position: -224px -110px; } .flag.flag-bd { background-position: -16px -11px; } .flag.flag-co { background-position: -192px -22px; } .flag.flag-fm { background-position: -48px -44px; } .flag.flag-bm { background-position: -128px -11px; } .flag.flag-ar { background-position: -144px 0; } .flag.flag-bv { background-position: -224px -11px; } .flag.flag-sb { background-position: -144px -121px; } .flag.flag-mq { background-position: -256px -88px; } .flag.flag-eh { background-position: -176px -33px; } .flag.flag-bh { background-position: -80px -11px; } .flag.flag-it { background-position: -144px -66px; } .flag.flag-hr { background-position: -192px -55px; } .flag.flag-sa { background-position: -128px -121px; } .flag.flag-mv { background-position: -64px -99px; } .flag.flag-mg { background-position: -128px -88px; } .flag.flag-dz { background-position: -112px -33px; } .flag.flag-gg { background-position: -192px -44px; } .flag.flag-gm { background-position: -256px -44px; } .flag.flag-af { background-position: -32px 0; } .flag.flag-li { background-position: -208px -77px; } .flag.flag-sr { background-position: -112px -132px; } .flag.flag-vg { background-position: -96px -154px; } .flag.flag-cr { background-position: -208px -22px; } .flag.flag-tc { background-position: -224px -132px; } .flag.flag-ao { background-position: -128px 0; } .flag.flag-ma { background-position: -64px -88px; } .flag.flag-mr { background-position: 0 -99px; } .flag.flag-gn { background-position: 0 -55px; } .flag.flag-ne { background-position: -176px -99px; } .flag.flag-nf { background-position: -192px -99px; } .flag.flag-wf { background-position: -176px -154px; } .flag.flag-hk { background-position: -144px -55px; } .flag.flag-gf { background-position: -160px -44px; } .flag.flag-ps { background-position: -240px -110px; } .flag.flag-ic { background-position: -240px -55px; } .flag.flag-cw { background-position: -256px -22px; } .flag.flag-ml { background-position: -176px -88px; } .flag.flag-ax { background-position: -224px 0; } .flag.flag-gl { background-position: -240px -44px; } .flag.flag-dj { background-position: -48px -33px; } .flag.flag-cn { background-position: -176px -22px; } .flag.flag-ht { background-position: -208px -55px; } .flag.flag-lr { background-position: -240px -77px; } .flag.flag-tg { background-position: 0 -143px; } .flag.flag-ba { background-position: -256px 0; } .flag.flag-ge { background-position: -144px -44px; } .flag.flag-bz { background-position: 0 -22px; } .flag.flag-au { background-position: -192px 0; } .flag.flag-iq { background-position: -96px -66px; } .flag.flag-cm { background-position: -160px -22px; } .flag.flag-gw { background-position: -112px -55px; } .flag.flag-az { background-position: -240px 0; } .flag.flag-na { background-position: -144px -99px; } .flag.flag-fj { background-position: -16px -44px; } .flag.flag-zw { background-position: -32px -165px; } .flag.flag-bs { background-position: -192px -11px; } .flag.flag-il { background-position: -16px -66px; } .flag.flag-nz { background-position: -48px -110px; } .flag.flag-me { background-position: -112px -88px; } .flag.flag-si { background-position: -256px -121px; } .flag.flag-nc { background-position: -160px -99px; } .flag.flag-lb { background-position: -176px -77px; } /* jQuery UI - v1.11.4 */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after,.ui-helper-clearfix:before { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default!important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 40px; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; } .ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: .4em 1em; } .ui-button-icon-only .ui-icon,.ui-button-icons-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-icons-only .ui-button-icon-primary,.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary { left: .5em; } .ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary { right: .5em; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 700; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td a,.ui-datepicker td span { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: 0 0; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-active,.ui-menu .ui-state-focus { margin: -1px; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==); height: 100%; opacity: .25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: .1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted #000; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: 700; line-height: 1.5; padding: 2px .4em; margin: .5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: .5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: .4em 2.1em .4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: 0 0; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-tabs { position: relative; padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: 0 0; } .ui-tooltip { padding: 8px; position: absolute; z-index: 100; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: 'Boogaloo', cursive; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea { font-family: 'Boogaloo', cursive; font-size: 1em; } .ui-widget-content { border: 1px solid #aaa; background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222; -webkit-box-shadow: 0 0 0 #c8c8c8; -moz-box-shadow: 0 0 0 #c8c8c8; box-shadow: 0 0 0 #c8c8c8; } .ui-widget-content a { color: #222; } .ui-widget-header { border: 1px solid #aaa; background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222; font-weight: 700; } .ui-widget-header a { color: #222; } .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: 400; color: #555; } .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited { color: #555; text-decoration: none; } .ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover { border: 1px solid #999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: 400; color: #212121; } .ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active { border: 1px solid #aaa; background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: 400; color: #212121; } .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary { font-weight: 700; } .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: 400; } .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); } .ui-icon { width: 16px; height: 16px; } .ui-icon,.ui-widget-content .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } .ui-state-focus .ui-icon,.ui-state-hover .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon,.ui-state-error-text .ui-icon { background-image: url(images/ui-icons_cd0a0a_256x240.png); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top { border-top-left-radius: 4px; } .ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left { border-bottom-left-radius: 4px; } .ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right { border-bottom-right-radius: 4px; } .ui-widget-overlay { background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } .ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; font-size: 12px; z-index: 100; } * html .ui-autocomplete { height: 200px; font-size: 12px; } /* Custom */ #custom { padding-left: 10px; } .sidebar.custom { width: 215px; min-width: 215px; } #back-sidebar-custom { border: 1px solid #111; } .sassy-title span#small-name { font-size: 18px; color: #fff; font-family: 'Boogaloo', cursive; font-weight: 400; } #cb-front-iframe { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .camblock_ca { padding: 0!important; position: relative!important; height: 494px; overflow: hidden margin-left: 5px; margin-right: 5px; } #cb_iframe_ca { background: 0 0; border: 0; overflow: hidden; width: 100%; height: 100%; min-width: 600px; min-height: 500px; max-width: 600px; max-height: 500px; } .model-wrapper .model-chat p#top-line { font-size: 24px; text-align: left; margin-top: 20px; } #awe-wrapper { display: block; margin: 20px auto 20px auto; text-align: center; } .model-wrapper .model-preview { /* height: auto;*/ } #wrapper-cams { margin-bottom: 20px; } .camblock_xc { margin-bottom: 20px; } img#bio-thumb { max-height: 240px; } #modal-warning .modal-body a#logo-links .logo-text,.footer-wrapper .footer-column .footer-logo>a .logo-text,.primary-header .col-logo .logo>a .logo-text { display: inline-block; color: #fff; font-size: 40px; font-weight: 800; text-transform: lowercase; } #modal-warning .modal-body a#logo-links .theme-color,.footer-wrapper .footer-column .footer-logo>a .theme-color,.primary-header .col-logo .logo>a .theme-color { color: black; font-size: 40px; font-weight: 800; text-transform: lowercase; } #modal-warning .modal-body img#logo-icon,.primary-header .col-logo .logo img#logo-icon { /*max-width: 145px;*/ margin-top: -10px; } .footer-wrapper .footer-column .footer-logo img#logo-icon { max-width: 145px; margin-top: -20px; } @media (max-width:1840px) { #modal-warning .modal-body a#logo-links .logo-text,.footer-wrapper .footer-column .footer-logo>a .logo-text,.footer-wrapper .footer-column .footer-logo>a .theme-color,.primary-header .col-logo .logo>a .logo-text,.primary-header .col-logo .logo>a .theme-color { font-size: 28px; white-space: nowrap; } } @media (max-width:576px) { #modal-warning .modal-body img#logo-icon,.footer-wrapper .footer-column .footer-logo img#logo-icon,.primary-header .col-logo .logo img#logo-icon { max-width: 140px; } .footer-wrapper .footer-column .footer-logo>a .logo-text,.footer-wrapper .footer-column .footer-logo>a .theme-color,.primary-header .col-logo .logo>a .logo-text,.primary-header .col-logo .logo>a .theme-color { font-size: 18px; } #modal-warning .modal-body a#logo-links .logo-text,#modal-warning .modal-body a#logo-links .theme-color { font-size: 24px; } } @media (max-width:380px) { .footer-wrapper .footer-column .footer-logo>a .logo-text,.footer-wrapper .footer-column .footer-logo>a .theme-color,.primary-header .col-logo .logo>a .logo-text,.primary-header .col-logo .logo>a .theme-color { font-size: 14px; } #modal-warning .modal-body a#logo-links .logo-text,#modal-warning .modal-body a#logo-links .theme-color { font-size: 20px; } } .frame-image-container { position: relative; cursor: pointer; width: 100%; } .tmp-img { width: 100%; height: 100%; max-width: 480px; } .frame-image-container img#gallery-img { text-align: center; margin: 0 auto; } img.play-button { width: 96px; height: 96px; } .model-wrapper { position: relative; } .play-button { position: absolute; width: 96px; height: 96px; left: 50%; top: 50%; margin-left: -48px; margin-top: -48px; } a.tag-linked { color: #fff; } a:hover.tag-linked { color: #ccc; } #auto-mode-wrap { margin-bottom: 10px; } #auto-mode-title { color: #fff; } #auto-mode-title a { color: #ccc; } #auto-mode-title a:hover { color: #ccc; } #auto-mode-title a:active { color: #ccc; } #auto-mode-title a:status { color: #ccc; } #wrapper-cams { max-width: 1000px; } #wrapper-cams-medium { margin: 0 auto 0 auto; display: block; padding: 0; max-width: 1200px; text-align: center; } #wrapper-cams-big { margin: 0 auto 0 auto; display: block; text-align: center; padding: 0; max-width: 1550px; } #wrapper-cams-xc { margin: 20px auto 0 auto; display: block; max-width: 650px; text-align: center; } #wrapper-cams-xc-medium { margin: 0 auto 0 auto; display: block; padding: 0; max-width: 850px; text-align: center; } #wrapper-cams-xc-big { margin: 0 auto 0 auto; display: block; padding: 0; max-width: 1150px; text-align: center; } #ff_iframe { background: 0 0; border: 0; overflow: hidden; } #bc_iframe { background: 0 0; border: 0; overflow: hidden; width: 100%; height: 100%; min-height: 320px; max-height: 710px; min-width: 850px; } .camblock_ca { height: 494px; max-height: 500px; } @media (max-width:960px) { .tags ul>li>a { margin-top: 12px; margin-bottom: 12px; } .tag-index>a { margin-right: 10px; margin-left: 10px; } } #cb-heavy-wrap { min-height: 530px; } #cb-heavy { background: #171716; opacity: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; border: 40px solid #000; padding-left: 20px; padding-right: 20px; } #cb-heavy-bar { background: #0c0b0b; opacity: 1; position: absolute; left: 0; top: 0; width: 100%; height: 41px; z-index: 1; border-bottom: 1px solid #050504; } #cb-heavy-close { background: red; color: #fff; font-size: 24px; position: absolute; right: 0; top: 0; width: 40px; height: 40px; text-align: center; z-index: 1; } #cb-heavy-close-mark { margin-top: 6px; } #cb-heavy-tagline-3 { padding-top: 20px; text-align: center; } #cb-heavy-title { color: #fff; font-size: 25px; padding-top: 80px; margin-left: 10px; text-align: center; } #cb-heavy-title .fa { margin-right: 10px; } #cb-heavy-tagline-1 { color: #fff; font-size: 17px; padding-top: 20px; text-align: center; } #cb-heavy-tagline-2 { color: #fff; font-size: 20px; padding-top: 10px; text-align: center; } #cb-wrapper-image { padding-top: 30px; padding-bottom: 20px; text-align: center; } #cb-wrapper-image img { max-width: 250px; text-align: center; margin: 0 auto; } @media screen and (max-width:600px) { #cb-wrapper-image img { max-width: 200px; } #cb-heavy { border: 10px solid #000; } } .bottom-right-corner { margin-bottom: 7px; } .item-more { margin-top: 40px; margin-bottom: 40px; } .ui-menu .ui-menu-item { font-size: 12px; font-family: 'Boogaloo', cursive; border: none!important; background-color: #242424; color: #b5b5b5; } .ui-menu .ui-menu-item:hover { color: #000; } .ajax-load-snippet { margin-top: 60px; margin-bottom: 50px; } .ajax-load-form { margin-top: 10px; margin-bottom: 10px; } .ajax-load { margin-top: 60px; } img#loading-animate-top { display: block; margin: 0 auto 0 auto; } img#loading-animate { display: block; margin: 0 auto 0 auto; } .ajax-load-filter { margin-top: 90px; margin-bottom: 30px; } img#loading-animate-filter { display: block; margin: 0 auto 0 auto; } div#gal-404 { display: block; width: 100%; color: #000; font-size: 32px; text-decoration: none; font-family: 'Boogaloo', cursive; font-weight: 700; margin: 60px auto 0 auto; text-align: center; } #wrap-404 { display: block; width: 100%; position: relative; } img#gal-404 { display: block; width: 100%; position: relative; height: auto; max-width: 300px; text-align: center; margin: 20px auto 0 auto; } img#gal-404:hover { opacity: .6; } .index-size { font-family: 'Boogaloo', cursive; font-size: 1.2em; } .tag-list.list-spacer { padding-top: 10px; border-top: 0 solid #ccc; display: flex; flex-wrap: wrap; margin-top: 10px; } .widget-accordian ul li .sub-items a { color: #98dcd5; -webkit-transition: all .5s ease; -o-transition: .5s ease all; transition: all .5s ease; } .widget-accordian ul li .sub-items a:hover { color: black; } .item-grid .new-tag { background-color: #242424; color: #fff; border-radius: 12px; font-size: 12px; display: flex; -webkit-box-align: center; align-items: center; text-align: center; padding: 4px 6px; } .item-grid .new-tag:before { width: 10px; height: 10px; border-radius: 10px; background-color: black; content: ""; display: block; margin-right: 5px; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .text-danger { color: #dc3545!important; } a.text-danger:focus,a.text-danger:hover { color: #bd2130!important; } .content-text { margin: 4% auto 15% auto; width: 70%; max-width: 800px; font-family: 'Boogaloo', cursive; text-align: left; } .content-text p { font-size: 13px; color: #717171; font-family: 'Boogaloo', cursive; text-align: left; } .content-text p.about-us { font-size: 14px; color: #717171; font-family: 'Boogaloo', cursive; text-align: left; } .content-text h1 { } .content-text label { display: block; text-align: left; color: #000; font-family: 'Boogaloo', cursive; font-weight: 800; margin-top: 20px; } .content-text input[type=email],.content-text input[type=password],.content-text input[type=text] { width: 100%; padding: 12px 20px 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; background: 0 0; background: #fff; outline: 0; height: 40px; color: #000; font-size: 16px; } .content-text textarea { width: 100%; padding: 12px 20px 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; background: 0 0; background: #fff; outline: 0; color: #000; font-size: 16px; } div#gal-404-pro { display: block; width: 100%; color: #000; font-size: 28px; text-decoration: none; font-family: 'Boogaloo', cursive; font-weight: 700; margin: 20px auto 0 auto; text-align: left; } div#gal-404-pro-text { display: block; width: 100%; color: #000; font-size: 18px; text-decoration: none; font-family: 'Boogaloo', cursive; font-weight: 700; margin: 10px auto 0 auto; text-align: left; } div#gal-404-pro-text-last { display: block; width: 100%; color: #000; font-size: 18px; text-decoration: none; font-family: 'Boogaloo', cursive; font-weight: 700; margin: 10px auto 40px auto; text-align: left; } #gal-404-pro-text-last a { color: #000; text-decoration: underline; text-decoration-thickness: 3px; -webkit-transition: all .5s ease; -o-transition: .5s ease all; transition: all .5s ease; } #gal-404-pro-text-last a:active,#gal-404-pro-text-last a:focus,#gal-404-pro-text-last a:hover { color: black; } #iso-flag { width: 23px; height: 15px; } form#cb_post_form { display: none; } #clear-filters { display: block; color: black; -webkit-transition: all .5s ease; -o-transition: .5s ease all; transition: all .5s ease; margin-top: 20px; margin-left: 20px; } #clear-filters:active,#clear-filters:focus,#clear-filters:hover { color: #fff; } p.copyrights>a#pro-link { display: inline-block; color: black; } p.copyrights>a#pro-link:hover { color: #fff; } .widget-tabs .tab-block a { -webkit-transition: all .5s ease; -o-transition: .5s ease all; transition: all .5s ease; } .widget-tabs .tab-block a:active,.widget-tabs .tab-block a:focus,.widget-tabs .tab-block a:hover { color: #000000; } .slider-container { background-color: #000; background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 20px; padding-bottom: 0; overflow: hidden; } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .pagination-wrapper { margin-top: 40px; margin-bottom: 40px; } ul.pagination-digi { margin: 0; padding: 0; list-style: none; } .pagination-digi { justify-content: center; margin-top: 30px; margin-bottom: 20px; } .pagination-digi li>a * { vertical-align: middle; } .pagination-digi li { display: inline-block; } .pagination-digi li>a { background-color: #000; color: black; font-family: 'Boogaloo', cursive; font-weight: 800; display: inline-block; padding: 10px 25px; border-radius: 3px; font-size: 15px; margin-right: 5px; -webkit-transition: all .5s ease; -o-transition: .5s ease all; transition: all .5s ease; border: 1px solid transparent; } .pagination-digi li:hover>a { background-color: black; color: #000; } .pagination-digi li.current>a { color: #000; background-color: black; } .pagination-digi li.current:hover>a { color: #222; } @media (max-width:767px) { .pagination-digi li { display: block; } .pagination-digi li>a { width: 100%; margin: 5px 0; } } .online-status { } .main-nav li.active,.main-nav li.has-items { position: relative; } .main-nav li.has-items>a:after { content: ""; display: inline-block; background-image: url(../images/bottom-arrow.png); background-position: center; background-repeat: no-repeat; width: 12px; height: 14px; margin-left: 5px; margin-bottom: -2px; } .main-nav li.has-items ul { display: none; position: absolute; /*background-color: #98dcd5;*/ width: 180px; left: 0; top: 100%; padding-top: 10px; padding-bottom: 10px; border-radius: 8px; z-index: 1; } .main-nav li.has-items ul>li>a { display: block; padding: 5px 20px; } .main-nav li.has-items:hover ul { display: block; } .menu-header .main-nav li.has-items ul li a { border-bottom: 0 solid transparent; -webkit-transition: all .4s ease; -o-transition: .4s ease all; transition: all .4s ease; } .menu-header .main-nav li.has-items ul li a:hover { color: white; } .hidden { display: none; } .open { display: block!important; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; -webkit-overflow-scrolling: touch; outline: 0; background-color: #00000063; padding-top: 100px; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: #000; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } .close:focus,.close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; } @media (min-width:768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); } .modal-sm { width: 300px; } } @media (min-width:992px) { .modal-lg { width: 900px; } } [role=button] { cursor: pointer; } .hide { display: none!important; } .show { display: block!important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none!important; } .affix { position: fixed; } body .rbs-modal-box { position: absolute; background-color: #111; z-index: 1; margin-top: 50px; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%; padding: 10px 20px 20px 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } @media (min-width :1920px) { body .rbs-modal-box { width: 45%; } } body h3#modal-title-bc,body h3#modal-title-ca,body h3#modal-title-cb,body h3#modal-title-cs,body h3#modal-title-ff,body h3#modal-title-il,body h3#modal-title-ili,body h3#modal-title-lj,body h3#modal-title-sc,body h3#modal-title-sm,body h3#modal-title-xc { color: black; font-family: 'Boogaloo', cursive; font-weight: 800; font-size: 22px; } body .rbs-modal-close { color: none; position: absolute; top: -18px; right: 20px; width: 36px; height: 36px; font-size: 42px; background: url(../images/controls.png) no-repeat scroll 0 0 transparent; cursor: pointer; z-index: 1; border: 0 solid #333; } body .rbs-modal-close a.rbs-modal-close-link { text-decoration: none; color: transparent; border: 0 solid #333; } body .rbs-modal-shadow { background-color: #000; opacity: .75; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; } .rbs-btn-profile { border: none; background-color: black; color: #000; font-family: 'Boogaloo', cursive; font-size: 30px; font-weight: 800; text-align: center; border-radius: 3px; height: 50px; padding: 10px 40px; -webkit-transition: all .5s ease; -o-transition: .5s ease all; transition: all .5s ease; border: 1px solid transparent; cursor: pointer; position: relative; overflow: hidden; } a.rbs-btn-profile:hover { background-color: #000; color: black; border-color: black; } #main-button-modal { padding-top: 20px; margin-top: 20px; padding-bottom: 10px; max-width: 600px; margin: 0 auto 0 auto; } #modal-box-top-text { color: #eee; } #modal-box-bottom-text { color: #eee; padding-top: 20px; margin-top: 20px; } .modal.sites-modal-sm5-warning { margin-top: 10%; } .modal-backdrop.show { opacity: .9; } #modal-warning .modal-content { background-color: #13121d; box-shadow: width:100%; height: 100%; box-shadow: 0 0 5px #bbb inset; } #modal-warning h4.modal-title { font-size: 28px; color: #fbc233; font-family: 'Boogaloo', cursive; font-weight: 800; } #modal-warning .modal-header { border-bottom: 0 solid #3a0507; } #modal-warning .modal-footer { border-top: 0 solid #3a0507; } #modal-warning .modal-body img#warning { display: block; margin: 0 auto; text-align: center; margin-top: 20px; margin-bottom: 20px; } #modal-warning .modal-body { font-family: 'Boogaloo', cursive; font-weight: 800; font-size: 20px; color: #fff; margin-bottom: 20px; padding-right: 40px; padding-left: 40px; text-align: center; } #modal-warning .bigger-text { font-size: 28px; margin-top: 40px; margin-bottom: 20px; text-align: center; color: #f1f1f1; } #modal-warning .smaller-text { font-size: 16px; color: #f1f1f1; margin-top: 30px; margin-bottom: 0; padding-right: 40px; padding-left: 40px; text-align: center; } #modal-warning .btn { border: none; background-color: black; color: #000; font-size: 10px; font-weight: 800; text-align: center; border-radius: 3px; height: 42px; padding: 10px 25px; -webkit-transition: all .5s ease; -o-transition: .5s ease all; transition: all .5s ease; border: 1px solid transparent; cursor: pointer; display: inline-block; } #modal-warning .btn.btn-success { color: #000; } #modal-warning .btn.btn-primary.btn-darker { color: #000; } #modal-warning .btn { padding: 10px 30px; font-size: 20px; } #modal-warning .btn:first-child { font-size: 20px; margin-right: 40px; padding: 10px 30px; } #modal-warning .btn:last-child { font-size: 20px; padding: 10px 32px; } #modal-warning .btn-darker { background-color: #fff; border-color: none; } #modal-warning .btn.btn-success:active,#modal-warning .btn.btn-success:focus,#modal-warning .btn.btn-success:hover { background-color: #000; color: black; border-color: black; } #modal-warning .btn.btn-primary.btn-darker:active #modal-warning .btn.btn-primary.btn-darkerfocus,#modal-warning .btn.btn-primary.btn-darker:hover { background-color: #000; color: black; border-color: black; } .cookie-alert { position: fixed; bottom: 0; left: 0; width: 100%; margin: 0!important; z-index: 1; opacity: 0; border-radius: 0; transform: translateY(100%); transition: all .5s ease-out; color: #ecf0f1; font-family: 'Boogaloo', cursive; background-color: #13121d; } .cookie-alert.show { opacity: 1; transform: translateY(0); transition-delay: 1s; } .cookie-alert a { color: #ecf0f1; font-family: 'Boogaloo', cursive; text-decoration: underline; margin-left: 10px; -webkit-transition: all .5s ease; -o-transition: .5s ease all; transition: all .5s ease; } .cookie-alert a:hover { color: black; text-decoration: none; } .cookie-alert .accept-cookies { margin-left: 10px; vertical-align: baseline; } .cookie-alert .btn-accept { color: #000; background-color: black; border-color: black; margin-top: 15px; margin-bottom: 15px; -webkit-transition: all .5s ease; -o-transition: .5s ease all; transition: all .5s ease; } .cookie-alert .btn-accept:active .cookie-alert .btn-accept:focus,.cookie-alert .btn-accept:hover { color: #fff; background-color: #000; border-color: black; } .modal { margin-top: 5%; } #modal-dark .modal-content { background-color: #13121d; box-shadow: width:100%; height: 100%; box-shadow: 0 0 5px #bbb inset; } #modal-dark h4.modal-title { font-size: 28px; color: black; font-family: 'Boogaloo', cursive; font-weight: 800; } #modal-dark .modal-header { border-bottom: 0 solid #3a0507; } #modal-dark .modal-footer { border-top: 0 solid #3a0507; } #modal-dark .modal-body img#warning { display: block; margin: 0 auto; text-align: center; margin-top: 20px; margin-bottom: 20px; } #modal-dark .modal-header .close { margin-top: -45px; } #modal-dark .modal-body { font-family: 'Boogaloo', cursive; font-weight: 800; font-size: 20px; color: #fff; margin-bottom: 20px; padding-right: 40px; padding-left: 40px; text-align: center; } #modal-dark .btn-dark { background-color: black; color: #000; border-color: black; } #modal-dark .btn-dark:active #modal-dark .btn-dark:focus,#modal-dark .btn-dark:hover { background-color: #000; color: black; border-color: black; } .row { margin-right: 0; margin-left: 0; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .col-md-6 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 0; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .content-reviews { margin: 2% auto 2% auto; width: 80%; font-family: 'Boogaloo', cursive; } @media (min-width :3600px) { .content-reviews { width: 50%; } } #reviews-space { margin-top: 10px; margin-bottom: 10px; } .border-btm { border-bottom: 1px solid #1c1c1c; } .breadcrum.related { margin-top: 15px; } .ratings { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; } .ratings span { display: inline-block; background-position: center; background-repeat: no-repeat; background-size: 20px; background-image: url(../images/star.png); width: 20px; margin-right: 3px; height: 20px; } .description h5#rating { } #pro-cons h5 { padding-left: 40px; margin-bottom: 15px; } .block-review .breadcrum { background-color: #191629; color: #fff; display: -webkit-box; display: flex; font-family: 'Boogaloo', cursive; -webkit-box-align: center; align-items: center; font-size: 19px; padding: 15px 25px; } .block-review .breadcrum>a { color: #fff; margin-right: 5px; -webkit-transition: all .5s ease; -o-transition: .5s ease all; transition: all .5s ease; } .block-review .breadcrum>a.current { color: black; } .block-review .breadcrum>a.current:active,.block-review .breadcrum>a.current:focus,.block-review .breadcrum>a.current:hover { color: #fff; } .block-review .breadcrum>span { width: 3px; height: 3px; border-radius: 4px; background: #fff; margin-right: 5px; } .block-review .profile { background-color: #000; padding: 24px; display: -webkit-box; display: flex; } .block-review .profile .preview { max-width: 100%; } .block-review .profile .description { -webkit-box-flex: 1; flex: 1; padding-left: 20px; font-size: 19px; color: #fff; line-height: 1.3em; } .block-review .profile .description h2 { color: #fff; font-size: 49px; font-family: 'Boogaloo', cursive; font-weight: 600; margin-bottom: 20px; } .block-review .profile .description h5 { font-size: 30px; font-family: 'Boogaloo', cursive; font-weight: 600; color: #fff; } .block-review .profile .description ul { list-style: none; } .block-review .profile .description ul li { padding-left: 30px; background-repeat: no-repeat; background-size: 20px; background-position: left center; margin-bottom: 10px; } .block-review .profile .description ul.true li { background-image: url(../images/ico-check.png); } .block-review .profile .description ul.false li { background-image: url(../images/ico-error.png); } .block-review .profile .btn-area { padding-top: 20px; } .block-review .profile .btn-area .btn.btn-theme { display: block; font-size: calc(1vw + .7em); padding: 20px 40px; height: auto; } .block-more-items h5 { font-size: 16px; font-family: 'Boogaloo', cursive; color: #fff; background-color: #1a234f; margin-bottom: 0; padding: 10px 20px; font-weight: 600; } .description-limit { height: 250px; overflow: scroll; margin-bottom: 20px; overflow-x: hidden; padding-right: 20px; } #pro-cons { margin-top: 40px; } #img-sidebar { max-width: 271px; } .table-review { padding-bottom: 25px; } .table-review .table-head { background-color: #191629; font-size: 16px; font-weight: 800; } .table-review .table-head .table-row .table-col { text-align: center; padding: 13px 15px; -webkit-box-align: center; align-items: center; } .table-review .table-body { background-color: #191629; } .table-review .table-body .table-row { display: -webkit-box; display: flex; border-bottom: 1px solid #191629; } .table-review .table-body .table-row:first-child { border-left: 0; } .table-review .table-body .table-row:last-child { border-right: 0; } .table-review .table-body .table-row .table-col { border-right: 2px solid #1c1c1c; text-align: center; padding: 15px 22px; font-family: 'Boogaloo', cursive; -webkit-box-align: center; align-items: center; font-size: 14px; } .table-review .table-body .table-row .table-col.col-rank { font-size: 33px; } .table-review .table-body .table-row .col-description { text-align: left; } .table-review .table-body .table-row .col-review { min-width: 210px; } .table-review .table-row { display: -webkit-box; display: flex; } .table-review .table-row .table-col { color: #fff; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .table-review .col-features ul { list-style: none; margin-top: 20px; padding-left: 0; } .table-review .col-features ul li { text-align: left; padding-left: 30px; background-repeat: no-repeat; background-size: 20px; background-position: left center; margin-bottom: 10px; line-height: 21px; } .table-review .col-features ul.true li { background-image: url(../images/ico-check.png); } .table-review .col-features ul.false li { background-image: url(../images/ico-error.png); } .table-row img#reviews-img { max-width: 120px; } @media only screen and (min-width:1700px) { #img-sidebar { max-width: 367px; } .container { max-width: 1636px; } .preview { width: 690px; max-width: 100%; } .col-description { text-align: left; -webkit-box-flex: 1; flex: 1; padding: 20px 45px; } .col-rank { -webkit-box-flex: 0; flex: 0 0 106px; } .col-model { -webkit-box-flex: 0; flex: 0 0 166px; } .col-features { -webkit-box-flex: 0; flex: 0 0 310px; } .col-rating { -webkit-box-flex: 0; flex: 0 0 189px; } .col-review { -webkit-box-flex: 0; flex: 0 0 210px; } } @media only screen and (max-width:1700px) { .col-rank { -webkit-box-flex: 0; flex: 0 0 90px; } .col-model { -webkit-box-flex: 0; flex: 0 0 156px; } .col-features { -webkit-box-flex: 0; flex: 0 0 250px; } .col-rating { -webkit-box-flex: 0; flex: 0 0 180px; } .col-review { -webkit-box-flex: 0; flex: 0 0 180px; } } @media only screen and (max-width:1400px) { .col-rank { -webkit-box-flex: 0; flex: 0 0 70px; } .col-model { -webkit-box-flex: 0; flex: 0 0 135px; } .col-features { -webkit-box-flex: 0; flex: 0 0 220px; } .col-rating { -webkit-box-flex: 0; flex: 0 0 150px; } .col-review { -webkit-box-flex: 0; flex: 0 0 150px; } } @media only screen and (max-width:1240px) { .table-review .table-body .table-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; flex-wrap: wrap; } .table-review .table-body .table-row .table-col { padding: 10px; width: 100%; } } #related-limit { display: inline-block; white-space: nowrap; max-width: 20em; color: #fff; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis-word; -o-text-overflow: ellipsis-word; -icab-text-overflow: ellipsis-word; -khtml-text-overflow: ellipsis-word; -moz-text-overflow: ellipsis-word; -webkit-text-overflow: ellipsis-word; } .table-review .table-head .table-row { flex-wrap: wrap; } .table-review .table-head .table-row .table-col { flex-grow: 1; flex-basis: auto; } @media(min-width:1700px) { .col-rank { -webkit-box-flex: 0; flex: 0 0 106px; max-width: 106px; } .col-model { -webkit-box-flex: 0; flex: 0 0 166px; max-width: 166px; } .col-features { -webkit-box-flex: 0; flex: 0 0 310px; max-width: 310px; } .col-rating { -webkit-box-flex: 0; flex: 0 0 189px; max-width: 189px; } .col-review { -webkit-box-flex: 0; flex: 0 0 210px; max-width: 210px; } } @media(max-width:1400px) { .col-rank { flex: 0 0 70px; max-width: 70px; } .col-model { -webkit-box-flex: 0; flex: 0 0 130px; max-width: 130px; } .col-features { -webkit-box-flex: 0; flex: 0 0 150px; max-width: 150px; } .table-review .col-features ul.true li { background-size: 15px; padding-left: 20px; } .ratings span { background-size: 12px; width: 12px; height: 12px; } .col-rating { -webkit-box-flex: 0; flex: 0 0 100px; max-width: 100px; } .col-review { -webkit-box-flex: 0; flex: 0 0 136px; max-width: 136px; min-width: auto!important; } .table-review .table-body .table-row .col-review .btn { min-width: auto; } .table-review .table-body .table-row .table-col { font-size: 12px; } } @media(max-width:1240px) { .table-review .table-body .table-row { flex-direction: row; flex-wrap: nowrap; display: flex; } .block-review .profile .preview { max-width: 40%; } .sidebar:not(.off)+.content #pro-cons>div { max-width: 100%; flex: 0 0 100%; } } .table-review .table-body .table-row .table-col.col-features { justify-content: flex-start; } @media(max-width:1024px) { .table-review .table-body .table-row { flex-direction: column; flex-wrap: wrap; display: block; text-align: center; } .table-review .table-body .table-row .table-col { max-width: 100%; width: 100%; } .table-review .table-body .table-row .table-col.col-features { justify-content: center; } } @media(max-width:960px) { .block-review .profile .description h2 { font-size: 34px; } .block-review .breadcrum { font-size: 14px; } .col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #pro-cons h5 { padding-left: 20px; } } @media(max-width:560px) { .block-review .profile { flex-wrap: wrap; } .block-review .profile .preview { max-width: 100%; } .block-review .profile .description { padding-left: 0; padding-top: 20px; } } @media(max-width:420px) { .block-review .breadcrum { padding: 10px; } .block-review .breadcrum { font-size: 12px; } } .col-md-12 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 0; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .profile-view { background-color: #191629; margin-bottom: 25px; padding: 10px 10px 10px 10px; } .profile-view .inner { display: flex; } .profile-view .profile-main { flex: 1; text-align: center; } @media (max-width:767px) { .profile-view .inner { flex-direction: column; } } #custo-pages .block-review .breadcrum { background-color: #191629; color: #fff; display: -webkit-box; display: flex; font-family: 'Boogaloo', cursive; -webkit-box-align: center; align-items: center; font-size: 19px; padding: 15px 25px; margin-left: -15px; } #custo-pages .block-review .breadcrum h1 { color: #fff; font-size: 20px; text-transform: none; font-weight: 400; margin-bottom: 0; } .breadcrum.related h4 { color: #fff; font-size: 19px; font-weight: 400; margin-bottom: 0; } #custom-img-space { padding-top: 40px; padding-bottom: 40px; } .profile-view#custom-text-back { background-color: #191629; color: #fff; text-align: left; padding: 40px 20px 40px 20px; } .profile-view#custom-text-back p { text-align: left; } #custom-text-back #custom-text div,#custom-text-back #custom-text p { margin: 10px auto 1em auto; } .profile-about .item-more .btn { width: auto; max-width: none; } .profile-about .btn.btn-theme { padding: 20px 40px; height: auto; } .profile-about { font-size: 20px; color: #fff; margin-bottom: 25px; } .profile-related { margin-top: 40px; } @media (max-width:1024px) { .profile-about { font-size: 1rem; } } .wrap-relative { position: relative; } .block-article { display: -webkit-box; display: flex; flex-wrap: wrap; } .block-article .preview { width: 318px; } .block-article a { color: black; -webkit-transition: all .5s ease; -o-transition: .5s ease all; transition: all .5s ease; } .block-article a:active,.block-article a:focus,.block-article a:hover { color: #fff; } .block-article .article-content { -webkit-box-flex: 1; flex: 1; color: #fff; padding-left: 40px; } .block-article .article-content .article-title { font-size: 49px; font-family: 'Boogaloo', cursive; font-weight: 800; } .block-article .article-content .article-title.smaller { font-size: 29px; font-family: 'Boogaloo', cursive; font-weight: 800; } .block-article .article-content .article-title+p { font-size: 16px; color: black; } .articles .block-article { padding: 35px 40px; background-color: #191629; margin-bottom: 15px; } .more-overlay { position: absolute; bottom: 0; right: 0; z-index: 1; width: 45%; opacity: .7; color: #fff; background: #000; background-color: #000; padding-top: 5px; padding-bottom: 5px; text-align: center; font-size: 14px; font-weight: 700; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; } .more-overlay a,a.auto-title { color: #fff; text-decoration: none; -webkit-transition: all .5s ease; -o-transition: .5s ease all; transition: all .5s ease; } .more-overlay a:active,.more-overlay a:focus,.more-overlay a:hover,a.auto-title:active,a.auto-title:focus,a.auto-title:hover { color: black; text-decoration: none; } .block-article .preview img { max-width: 318px; } @media only screen and (max-width:767px) { .block-article .preview { width: 100%; margin-bottom: 20px; } .block-article .preview img { width: 100%; } .block-article .article-content { padding-left: 0; } .block-article .preview img { max-width: none; } } @media only screen and (max-width:460px) { .articles .block-article,.page-inner { padding: 15px; } } #tab-comments .col-md-6 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .model-wrapper .model-chat.sc { background-color: #a2262e; } .model-wrapper .model-chat.xl { background-color: #820000; } .model-wrapper .model-chat.il { background-color: #111f63; } #tab-bio .model-details .detail-item { background-color: #4b4b4b; /*display: flex;*/ align-items: center; color: white; min-height: 50px; border-left: 3px solid white; } @media (max-width:767px) { #tab-bio .model-details .detail-item { min-height: none; } } .comment-submit { margin-top: 15px; } #tab-comments p { color: #fff; } #comment-message { color: #fff; font-weight: 700; margin-top: 8px; margin-bottom: 8px; text-align: left; } .comments { max-width: 40%; margin-top: 20px; } .comment-item { background-color: #13121d; background-color: #696969; padding: 5px 20px; color: #fff; margin-bottom: 5px; } .comment-item .username { color: black; font-family: 'Boogaloo', cursive; margin-right: 40px; display: inline-block; vertical-align: middle; } .comment-item .message { color: #fff; } #frame_image .profile-main { flex: 1; text-align: center; } #frame_image .profile-main-LJ { display: flex; align-items: center; margin: 0 auto; text-align: center; } /* Fix */ @media(max-width:766px) { .model-content .model-preview .tmp-img { width: 100%; align-items: center; display: flex; justify-content: center; margin: 0 auto; text-align: center; } } @media(min-width:767px) { .model-content .model-preview .tmp-img { max-width: 400px; align-items: center; display: flex; justify-content: center; margin: 0 auto; text-align: center; margin-top: 10px; margin-bottom: 10px; } } @media(max-width:766px) { img.play-button { width: 96px; height: 96px; } } .item-grid .item .item-wrapper .preview { overflow: hidden; } .logo>a { white-space: nowrap; display: flex; align-items: center; } .primary-header .col-search { justify-content: flex-end; margin-right: 15px; flex: 100%; z-index: 1; } .item-grid .item .item-wrapper .preview img { height: 140px; transition: .6s ease all; object-fit: cover; } .item-grid .item .item-wrapper .preview:active img,.item-grid .item .item-wrapper .preview:hover img { transform: scale(1.15); } a.mobile-menu { /*display: flex;*/ align-items: center; } .primary-header .col-logo .logo img#logo-icon { margin-top: 0; margin-right: 10px; } .frame-image-container img#gallery-img { max-width: 40%; } body.sidebar-active { /*old -- overflow-y: hidden;*/ overflow-y: auto; } body { overflow-x: hidden; } .sidebar-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); } .sidebar-active .sidebar-overlay { display: block; } @media(min-width:1300px) and (max-width:1400px) { .primary-header .search-group { width: 250px; } } @media(max-width:766px) { .frame-image-container img#gallery-img { max-width: 100%; object-fit: cover; width: 100%; } .model-details .detail-item { word-break: break-word; } } @media(min-width:767px) { .frame-image-container img#gallery-img { max-width: 500px; object-fit: cover; width: 40%; margin-top: 40px; margin-bottom: 40px; } } @media(max-width:766px) { .frame-image-container img#gallery-img-offline { max-width: 100%; object-fit: cover; width: 100%; opacity: .8; } } @media(min-width:767px) { .frame-image-container img#gallery-img-offline { width: 100%; max-width: 800px; align-items: center; display: flex; justify-content: center; margin: 0 auto; text-align: center; margin-top: 40px; margin-bottom: 40px; opacity: .8; border: 1px solid #000; } } @media(min-width:991px) { .item-grid .item .item-wrapper .preview img { height: 140px; object-fit: cover; } } @media(min-width:1200px) { .item-grid .item .item-wrapper .preview img { height: 170px; object-fit: cover; } .item-grid.small .item .item-wrapper .preview img { height: 145px; object-fit: cover; } } @media(min-width:1700px) { .item-grid .item .item-wrapper .preview { width: 100%; } .item-grid:not(.small):not(.medium) .item .item-wrapper .preview img { height: 250px; object-fit: cover; } } @media(min-width:1920px) { .item-grid.large .item .item-wrapper .preview img { height: 440px; object-fit: cover; } .item-grid.medium .item .item-wrapper .preview img { height: 270px; object-fit: cover; } .item-grid.small .item .item-wrapper .preview img { height: 180px; object-fit: cover; } } @media (max-width: 1024px){ .sidebar { display: none; top: 0; } } /* @media(max-width:1024px) { .sidebar { position: fixed; left: 0; height: 100%; overflow: auto; z-index: 100; } */ .primary-header .col-logo .logo>a span.logo-text,.primary-header .col-logo .logo>a span.theme-color { font-size: 24px; } .primary-header .search-group .search-txt { background-color: #1978D2; } .menu-header .main-nav li a { border-bottom-width: 0; } .menu-header .main-nav li.active a,.menu-header .main-nav li:active a,.menu-header .main-nav li:hover a { color: black; } .menu-header .main-nav li.has-items ul li a { color: #000000; } .menu-header .main-nav li.has-items ul li a:hover { color: white; } .search-submit:hover { background-color: inherit !important; color: inherit !important; box-shadow: none !important; transform: none !important; cursor: default !important; /* Add more properties if needed */ } @media(max-width:767px) { #tab-comments textarea { width: 100%; min-width: 100%; } .model-wrapper .model-preview { height: auto; } .primary-header .search-group .search-txt { background-color: #191629; display: flex; align-items: center; } .primary-header .search-group .search-submit { width: 49px; height: 49px; top: 50%; margin-top: -24.5px; } } @media(max-width:991px) { .primary-header .col-logo .logo>a span.logo-text,.primary-header .col-logo .logo>a span.theme-color { font-size: 18px; } } @media(max-width:460px) { .primary-header .col-logo { flex-direction: column; position: relative; } a.mobile-menu { position: absolute; left: 15px; top: 50%; margin-top: -14px; } .primary-header .col-logo .logo { margin-left: 25px; } .tag-list .col-tagname { width: 100%; } .page-title { flex-wrap: wrap; } .page-title .page-action { width: 100%; margin-left: 0; } #tab-bio .model-details .detail-item { font-size: 11px; } } @media(min-width:767px) { .primary-header .search-group .search-txt { max-height: 39px; } } @media(max-width:766px) { .main-nav li.has-items ul { margin-left: -8px; } } @media(max-width:766px) { .camblock_bc #cb-front-iframe { width: 860px; height: 425px; } .camblock_cs #cb-front-iframe { width: 820px; height: 700px; } } .model-wrapper .model-chat.ff { background-color: #1978D2; } @media(max-width:766px) { .main-nav li.has-items ul { width: auto; padding-right: 10px; } } #digi-tags a { margin-left: 5px; } #wrapper-cams-big,#wrapper-cams-medium { margin-top: 20px; margin-bottom: 20px; } .footer-wrapper { margin: 0; padding: 0; /*text-align: center;*/ } .footer-wrapper .footer-column { padding: 0; float: left; display: inline-block; width: auto; margin: 0 auto; overflow:auto; height:25px; } .footer-wrapper .footer-column a { display:block; margin: 0; padding: 0 20px; font-size: 10pt; /*border: 1px dotted white;*/ } /* @media (max-width: 1000px){ .sidebar { position: absolute; top:100px; } } */ #sidebar { /*top:96px;*/ top:0; /*overflow-y: scroll;*/ } /* MADE BY HORATIU */ /* .primary-header { padding: 14px 14px !important; } */ @media (orientation: portrait) { .main { display: block; } .primary-header .col-logo .logo img { max-height: 50px; right: 10px; top: -2px; } #sidebar { position: absolute; } #customSelectors #filters { display:none; } #customSelectors #toggle { display:block !important; } #headermenu-desktop { display:none; } #sidebar-desktop { display:none; } #headermenu-mobile { display:block; } #sidebar-mobile { display:block; } #floatingChatEmbed, #floatingChatImage { width:200px !important; height:130px !important; } #floatingChatImage img { width:200px !important; } #floatingChatImage img { display:none; } #customChatEmbed { /*height:auto !important;*/ /*margin:15px !important;*/ } .menu-header li.has-items { z-index: 101; } .ad-mobile { height: 40px !important; width: 40px !important; position: absolute !important; display: block !important; } } @media (max-device-width: 800px) { .main { display: block; } #sidebar { position: absolute; } } /* * webcams search cloud */ ul.cloud { list-style: none; padding-left: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; line-height: 2.75rem; width: 100%; } ul.cloud a { /*--size: 4;*/ --color: #000; color: var(--color); /*font-size: calc(var(--size) * 0.25rem + 0.5rem);*/ display: block; padding: 0.125rem 0.25rem; position: relative; text-decoration: none; /* For different tones of a single color opacity: calc((15 - (9 - var(--size))) / 15); */ } ul.cloud a[data-weight="1"] { --size: 1; } ul.cloud a[data-weight="2"] { --size: 2; } ul.cloud a[data-weight="3"] { --size: 3; } ul.cloud a[data-weight="4"] { --size: 4; } ul.cloud a[data-weight="5"] { --size: 6; } ul.cloud a[data-weight="6"] { --size: 8; } ul.cloud a[data-weight="7"] { --size: 10; } ul.cloud a[data-weight="8"] { --size: 12; } ul.cloud a[data-weight="9"] { --size: 13; } ul[data-show-value] a::after { content: " (" attr(data-weight) ")"; font-size: 1rem; } /* and more colors..if needed--*/ /* ul.cloud li a { --color: pink; } ul.cloud li:nth-child(2n+1) a { --color: red; } ul.cloud li:nth-child(3n+1) a { --color: blue; } ul.cloud li:nth-child(4n+1) a { --color: yellow; } */ ul.cloud a:focus { outline: 1px dashed; } ul.cloud a::before { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: var(--color); transform: translate(-50%, 0); opacity: 0.15; transition: width 0.25s; } ul.cloud a:focus::before, ul.cloud a:hover::before { width: 100%; } @media (prefers-reduced-motion) { ul.cloud * { transition: none !important; } } #floatingChatClose { font-size: 1rem; font-weight: bold; position: absolute; color: red; display:block; top: -1rem; right: 0; margin-left: 12rem!important; /*background-color:white;*/ border-radius: 10px !important; -moz-border-radius: 10px !important; -webkit-border-radius: 10px !important; text-align:right; transform: none !important; opacity:0.8; } #floatingChatEmbed, #floatingChatImage { position:fixed; bottom:0; right:0; width:300px; height:200px; } #floatingChatEmbed { z-index:50; visibility: hidden; } #floatingChat { overflow:hidden; } #floatingChatImage { z-index:49; height:170px; } #floatingChatImage img { width:300px; } #customChatEmbed { /*height: 400px;*/ /*width: 100%;*/ margin-left: 0px; } #customSelectors, #multiSelectors { overflow: auto; width:100%; } #customSelectors form { } #customSelectors #toggle, #multiSelectors #toggle{ display:none; } /* #customSelectors * { border:2px solid yellow; } */ #customSelectors p, #multiSelectors p { margin: 8px; padding: 0; clear:left; /* float:left; margin:auto; */ } #customSelectors form, #multiSelectors form { padding-left:8px; } #customSelectors #filters, #multiSelectors #filters { clear:left; } #customSelectors a:link.active, #multiSelectors a:link.active { font-weight: bold; } #customSelectors a:link, #customSelectors input, #customSelectors select, #multiSelectors a:link, #multiSelectors input, #multiSelectors select { text-decoration: none; padding: 5px; text-align: center; display: inline-block; margin: 5px 5px 0 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float:left; } #customSelectors input, #customSelectors select, #multiSelectors input, #multiSelectors select { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 1.75em; } select { display: grid; align-items: center; position: relative; /* border: 1px solid var(--select-border); border-radius: 0.25em; */ float:left; /*margin:10px;*/ } .page-content { padding:0 !important; } .model-content { padding:0 !important; } .model-box { padding-left:10px !important; } @media (orientation: portrait) { .model-box { padding-left: 0px !important; } .page-content { display: block !important; } #customChatEmbed { /*resize:0;*/ width: 100%; } } .related-models { margin:10px !important; } #webcams { margin:10px !important; } #sidebar { z-index:110 !important; } #num-pages { display:none; } .headermenu-mobile { display:none; } .sidebar-mobile { display:none !important; } @media(min-width:1500px) { .item-grid.small .item { width: 12.5% !important; } } @media(min-width:1920px) { .item-grid.small .item { width: 11.11% !important; } } img[src=""], img:not([src]) { visibility: hidden; } #chatembed { width:100%; } #page-contents { position: absolute; } /* cookie notify start */ .cookie-notify { position: fixed; width: 35%; bottom: 0; right: 0; flex-direction: row; align-items: center; /*background-color: #888888;*/ z-index: 100; text-align: left; font-size: 13px; color: white; padding: 10px 12px; font-weight: normal; border: 1px solid #292929; border-top-left-radius: 20px; box-sizing: border-box; align-items: flex-start; } .cookie-notify.show { display: flex !important; } .cookie-notify.hide { display: none; } .cookie-notify a { color: #8c8c8c; } .cookie-notify-button { /* background-color: #4acfff; color: #000 !important; */ padding: 8px 14px; font-size: 14px; font-weight: bold; text-transform: uppercase; border-radius: 3px; display: block; cursor: pointer; border: none; display: block; margin: 18px 0 8px 0; -webkit-appearance: none; } .wl .btn.primary.cookie-notify-button { color: #fff !important; } .policy-copy { line-height: 26px; width: 80%; } .warning-age { border-radius: 50%; background-color: #ff2d52; color: #fff; font-weight: bold; font-size: 20px; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 25px; } .wl .warning-age { font-size: 30px; } .contain-age-warn { align-items: center; } .age-warn-title { color: #fff; font-size: 16px; margin: 10px 0; } @media all and (max-width: 1460px) { .cookie-notify { width: 50%; } } @media all and (max-width: 820px) { .cookie-notify.show { width: 100%; display: block !important; } .computer .warning-age { width: 80px; } } @media all and (max-width: 480px) { .cookie-notify, .xnxx-cams .cookie-notify.show, .xvideos-cams .cookie-notify.show { font-size: 13px; border-top-left-radius: 0; } .cookie-notify h4 { color: #fff; } .cookie-notify.show { display: block !important; } .policy-copy { width: 100%; margin-bottom: 10px; line-height: 17px; } .cookie-main-container .warning-age { font-size: 24px; margin: 5px; margin-right: 10px; height: 60px; width: 60px; } .age-warn-title { max-width: 70%; } .contain-age-warn { align-items: center; margin: -6px 0 0 0; } } .text-link{ color:#ffdd00; } /* cookie notify end */ /*offline image profile*/ .blurred{ -webkit-filter: blur(12px);/*safari*/ filter: blur(12px); } /*webcams feed page */ /* Story Bar */ .story-bar { display: flex; overflow-x: auto; gap: 15px; padding: 10px 0; margin-bottom: 30px; } .story { flex: 0 0 auto; text-align: center; text-decoration: none; color: #333; } .story img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 2px solid #ff5a5f; transition: transform 0.2s; } .story:hover img { transform: scale(1.05); } .story span { display: block; margin-top: 5px; font-size: 13px; font-weight: bold; } /* Feed Section */ .feed { display: flex; flex-direction: column; gap: 20px; } .feed-item { display: flex; background: white; border-radius: 10px; padding: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); } .feed-item img { width: 120px; height: 120px; border-radius: 10px; object-fit: cover; margin-right: 15px; } .feed-content h3 { margin: 0; font-size: 18px; display: flex; align-items: center; gap: 10px; } .feed-content p { margin: 8px 0; font-size: 14px; } .status { padding: 2px 8px; border-radius: 20px; font-size: 12px; text-transform: uppercase; } .status.online { background: #28a745; color: white; } .status.offline { background: #ccc; color: #444; } /* Responsive */ @media (max-width: 600px) { .feed-item { flex-direction: column; align-items: center; text-align: center; } .feed-item img { margin-right: 0; margin-bottom: 10px; } .feed-content h3 { justify-content: center; } } /*webcamsLive Page*/ /* TV Screen Container */ #tv-screen { position: relative; width: !important; /* add new width; */ margin: 20px auto; border: 10px solid #000; box-shadow: 0 0 20px rgba(0, 0, 0, 0.7); background-color: #333; overflow: hidden; border-radius: 15px; /* Rounded corners for a TV frame feel */ } /* Frame for the Video */ #embed-container { position: relative; width: 100%; height: 500px; overflow: hidden; } /* Channel Logo (Watermark) */ #channel-logo { position: absolute; top: 10px; right: 10px; width: 100px; opacity: 0.8; } /* Live Indicator */ #live-indicator { position: absolute; top: 10px; left: 10px; background-color: red; color: white; padding: 5px 10px; font-weight: bold; font-size: 14px; text-transform: uppercase; animation: pulse 2s infinite; /* Live pulse effect */ } /* TV Buttons */ /* Channel Buttons Style */ #channel-buttons { position: absolute; /* Position buttons absolutely */ bottom: 70px; /* Adjust vertical position */ left: 50%; /* Center horizontally */ transform: translateX(-50%); /* Adjust for centering */ padding: 10px; /* Add padding for better spacing */ background-color: rgba(68, 68, 68, 0.8); /* Semi-transparent background */ border-radius: 10px; /* Rounded corners */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Slight shadow for depth */ z-index: 10; /* Ensure buttons are above other content */ text-align: center; /* Center button text */ } /* Mobile Styles */ @media (max-width: 768px) { /* Adjust the max-width as needed */ #channel-buttons { position: relative; left: 50%; transform: translateX(-50%); padding: 10px; background-color: rgba(68, 68, 68, 0.8); border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); z-index: 10; text-align: center; bottom: 0px; width: max-content; } } /* Button Style */ #channel-buttons button { background-color: transparent; /* Green background */ color: white; /* White text */ border: none; /* No border */ border-radius: 5px; /* Rounded corners for buttons */ padding: 10px 15px; /* Padding for buttons */ margin: 5px; /* Space between buttons */ cursor: pointer; /* Pointer cursor on hover */ transition: background-color 0.3s; /* Smooth background change */ } /* Button Hover Effect */ button:hover { background-color: #555; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); } #news-ticker span { display: inline-block; padding-left: 100%; animation: ticker 20s linear infinite; } @keyframes ticker { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } /* Model Info */ .model-info { margin-top: 20px; font-size: 18px; color: ; text-align: center; } /* Program Schedule */ .program-schedule { background: #222; padding: 10px; margin: 20px auto; border-radius: 5px; max-width: 600px; } .program-schedule h2 { margin: 0; color: #ff4081; } /* TV Static Effect */ .static-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/shared/tv/static.gif'); opacity: 0; pointer-events: none; transition: opacity 0.3s; } .static-visible { opacity: 1; } /* Offline message */ .offline-message { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; color: #fff; background-color: rgba(0, 0, 0, 0.7); padding: 10px; } .bisp{ right: 60px; top: 50px; } .table-container { overflow-x: auto; /* Allow horizontal scrolling on small screens */ padding: 10px; /* Add some padding */ border: 1px solid #ddd; /* Light border for the table */ border-radius: 5px; /* Rounded corners */ } .responsive-table { width: 100%; /* Full width */ border-collapse: collapse; /* Merge borders */ margin: 0; /* Remove margin */ } .responsive-table div { display: flex; /* Use flexbox for layout */ justify-content: space-between; /* Space out the items */ padding: 8px; /* Padding for each row */ border-bottom: 1px solid #ddd; /* Bottom border */ } .responsive-table div:last-child { border-bottom: none; /* Remove border from the last row */ } .responsive-table th { font-weight: bold; /* Bold text for headers */ } .image-container { display: flex; /* Flexbox for image layout */ flex-wrap: wrap; /* Wrap images if necessary */ } .image-container img { margin: 5px; /* Margin between images */ width: 100px; /* Fixed width for images */ height: auto; /* Maintain aspect ratio */ border-radius: 5px; /* Optional rounded corners for images */ border: 1px solid #ddd; /* Light border for images */ } /* Mobile responsiveness */ @media (max-width: 600px) { .responsive-table div { flex-direction: column; /* Stack items on smaller screens */ } } .image-container { display: flex; /* Flexbox for images */ flex-wrap: wrap; /* Wrap images */ margin-top: 10px; /* Spacing above images */ } .image-container img { margin: 5px; /* Margin between images */ width: 100px; /* Fixed width for images */ height: auto; /* Maintain aspect ratio */ border-radius: 5px; /* Optional rounded corners for images */ border: 1px solid #ddd; /* Light border for images */ } .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 40px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); } .modal-content { margin: auto; display: block; width: 80%; max-width: 700px; } .modal img { width: 100%; top: 100px; border-radius: 17px; border: 3px solid ; height: auto; } .modal-close { position: absolute; top: 15px; right: 35px; color: white; font-size: 40px; font-weight: bold; cursor: pointer; } .modal-prev, .modal-next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; color: white; font-weight: bold; font-size: 20px; user-select: none; transform: translateY(-50%); } .modal-prev { left: 10px; } .modal-next { right: 10px; } .modal-prev:hover { color: white; } .modal-next:hover { color: white; } .rwd-media iframe, .rwd-media video { position: absolute; width: 100%; height: 100%; } .rwd-media iframe, .rwd-media video { position: absolute; width: 100%; height: 100%; } .cta-button { background: linear-gradient(145deg, #7a003f, #ff007f); border: none; color: #fff; padding: 14px 28px; font-weight: bold; font-size: 1.1rem; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); border-radius: 12px; cursor: pointer; box-shadow: 0 8px 16px rgba(255, 0, 127, 0.4), 0 4px 6px rgba(0, 0, 0, 0.2); transition: transform 0.2s ease, box-shadow 0.3s ease, background 0.3s ease; animation: pulseGlow 2.5s infinite ease-in-out; } .cta-button:hover { background: linear-gradient(145deg, #ff0059, #ff3399); transform: scale(1.05); box-shadow: 0 12px 24px rgba(255, 51, 153, 0.5), 0 6px 12px rgba(0, 0, 0, 0.3); } .cta-button:active { transform: scale(0.98); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } @keyframes pulseGlow { 0%, 100% { box-shadow: 0 8px 16px rgba(255, 0, 127, 0.4), 0 4px 6px rgba(0, 0, 0, 0.2); } 50% { box-shadow: 0 12px 28px rgba(255, 0, 127, 0.6), 0 6px 12px rgba(0, 0, 0, 0.25); } } .cta-button::after { content: '→'; margin-left: 10px; animation: blink 1s infinite; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } } .profile-left-container-3-2 { display: flex; flex-direction: column; gap: 10px; } /* Wrapping container for the tags */ .profile-left-container-3-2 .tag-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; } /* Tag/pill style */ .profile-left-container-3-2 .tag-list a { display: inline-block; padding: 6px 12px; font-size: 12px; font-weight: 600; background: linear-gradient(145deg, #ff007f, #7a003f); color: white; border-radius: 20px; text-transform: uppercase; text-decoration: none; transition: background 0.3s ease; } .profile-left-container-3-2 .tag-list a:hover { background: linear-gradient(145deg, #ff3399, #a0005c); } .responsive-iframe { width: 100%; height: 100%; border: none; overflow: hidden; display: block; } /*triks*/ .custom-list li { display: inline-block; margin: 0 10px; /* Adjust left and right margins as needed */ } .ListSubject{ padding: 0 10px; font-size: 14px; display: inline-block; margin: 0; line-height: 30px; font-weight: 400; color: ;} .linksTags{ font-weight: 200; } /*slider room subjectWords*/ /*Promote grid with banners*/ .hovereffect img { display: block; position: relative; -webkit-transition: all 2s linear; transition: all 2s linear; } .model-wrapper { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .model-wrapper .hovereffect p { position: relative; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0 5px 0 0; } @media (max-width: 767px) { .model-wrapper .hovereffect p { font-size: 12px; } } .model-wrapper .hovereffect:hover p, .model-wrapper .model-wrapper .hovereffect:hover a.info { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .model-wrapper .model-price { height: 25px; text-align: right; padding-right: 5px; opacity: 0; -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; color: #fff; font-size: 12px; } .model-wrapper.custom-wrapper .frame .frame-label { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; text-align: center; height: 100%; height: calc(100% + 4px); width: 20px; position: absolute; right: 0px; top: -2px; font-weight: bold; z-index: 8; } .model-wrapper.custom-wrapper .frame.orange { border: 2px solid #ffa500; } .model-wrapper.custom-wrapper .frame.orange .frame-label { background: #ffa500; } .model-wrapper.custom-wrapper .frame.darkorange { border: 2px solid #ff7b40; } .model-wrapper.custom-wrapper .frame.darkorange .frame-label { background: #ff7b40; } .model-wrapper.custom-wrapper .frame.lightblue { border: 2px solid #39c6fc; } .model-wrapper.custom-wrapper .frame.lightblue .frame-label { background: #39c6fc; } .model-wrapper.custom-wrapper .frame.purple { border: 2px solid #aa4b77; } .model-wrapper.custom-wrapper .frame.purple .frame-label { background: #aa4b77; } .model-wrapper.custom-wrapper .frame.gold { border-style: solid; border-width: 2px; -o-border-image: linear-gradient(135deg, rgb(255, 255, 139) 0%, rgb(222, 158, 14) 100%); border-image: linear-gradient(135deg, rgb(255, 255, 139) 0%, rgb(222, 158, 14) 100%); border-image-slice: 1; } .model-wrapper.custom-wrapper .frame.gold .frame-label { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efd100), color-stop(38%, #e2a233), color-stop(60%, #daae37), color-stop(86%, #ffc94e), to(#df9f10)); background-image: linear-gradient(top, #efd100 0, #e2a233 38%, #daae37 60%, #ffc94e 86%, #df9f10 100%); } .model-wrapper.custom-wrapper .frame.green { border: 2px solid #5cb85c; } .model-wrapper.custom-wrapper .frame.green .frame-label { background: #5cb85c; } .model-wrapper.custom-wrapper .frame.red { border: 2px solid #fb5555; } .model-wrapper.custom-wrapper .frame.red .frame-label { background: #fb5555; } .model-wrapper.custom-wrapper .frame.black { border: 2px solid #313131; } .model-wrapper.custom-wrapper .frame.black .frame-label { background: #313131; } @media (max-width: 1349px) { .model-wrapper.custom-wrapper .offset-value { padding-right: 25px !important; } } .model-wrapper.custom-wrapper a.absolute:hover { background: rgba(0, 0, 0, 0.2); } .model-wrapper.custom-wrapper .model-shy-flag { z-index: 0; } .model-wrapper:hover .model-price { opacity: 1; } .model-wrapper.custom-wrapper a.absolute { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; left: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); } .news-col { background-repeat: no-repeat; background-size: cover; background-position: left 0px top 0px; background-color: rgb(51, 51, 51); } .overlay-wrapper { width: 100%; height: auto; position: relative; color: #fff; } .overlay-wrapper .news-feed { height: 26px; line-height: 26px; background-color: rgba(51, 51, 51, 0.63); } .overlay-wrapper .model-tag { position: absolute; bottom: 0; left: 0; background-color: ; } .model-tag { position: absolute; bottom: 0; left: 0; z-index: 7 !important; width: 100%; text-indent: 5px; color: #fff; margin-bottom: 0; } .model-wrapper.custom-wrapper .frame.red { border: 2px solid #fb5555; } .model-wrapper.custom-wrapper .frame { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 8; pointer-events: none; } .hovereffect { width: 100%; height: 100%; position: relative; text-align: center; cursor: default; } .news-hovereffect { z-index: 10; text-align: initial; } .overlay-wrapper .placeholder-wrapper { padding-top: 98%; background-size: cover; background-repeat: no-repeat; } .invisible { visibility: hidden; } .hovereffect .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .overlay-wrapper .overlay { position: absolute; top: 0; left: 0; width: 100%; padding: 0; font-size: 12px; height: 100%; } a.absolute { z-index: 5; } .absolute { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .model-wrapper.custom-wrapper .frame { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 8; pointer-events: none; } .model-shy-flag{ position: absolute; bottom: 30px; right: 5px; z-index: 5; background-size: contain; background-repeat: no-repeat; width: 15px; height: 20px; } .model-shy-flag-down{ position: absolute; bottom: 30px; right: 5px; z-index: 5; background-size: contain; background-repeat: no-repeat; width: 15px; height: 20px; } .model-shy-flag-up { position: absolute; bottom: 30px; right: 5px; z-index: 5; background-size: contain; background-repeat: no-repeat; width: 15px; height: 20px; } .default-thumbnail{ opacity: 1; position: absolute; display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; transition: opacity .3s linear; } /*Promote grid with banners*/ /*progres model tip bar*/ .health { position: relative; /* Ensure the container is positioned */ height: 25px; width: 100%; border-radius: 7px; background-color: #26262d; box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1); } .health .progress-bar { display: block; position: relative; height: 100%; min-width: 13px; border-radius: 7px; } .health .shade { position: absolute; top: 0; left: 0; width: 100%; /* Adjusted width */ height: 100%; border-top-left-radius: 4px; /* Rounded corner on the left side */ border-bottom-left-radius: 4px; /* Rounded corner on the left side */ } .health .shade:after { content: ""; position: absolute; top: 0; right: 0; width: 50%; /* Adjusted width */ height: 100%; background: green; } .progress-percentage { position: absolute; left: 1%; font-size: 10px; padding-top: 2px; color: #fff; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 1; /* Ensure it's above other elements */ } .tip-model-stats { position: absolute; color: white; font-size: 1.2rem; right: 10px; top: 6px; font-weight: 900; } .warm { background: green; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -3px 4px rgba(216, 26, 110, 0.4); } .cool { background: #67cecd; background: -moz-linear-gradient(left, #67cecd 30%, #eaef91 100%); background: -webkit-gradient(linear, left top, right top, color-stop(30%, #67cecd), color-stop(100%, #eaef91)); background: -webkit-linear-gradient(left, #67cecd 30%, #eaef91 100%); background: -o-linear-gradient(left, #67cecd 30%, #ffa894 100%); background: -ms-linear-gradient(left, #67cecd 30%, #eaef91 100%); background: linear-gradient(to right, #67cecd 30%, #eaef91 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#67cecd", endColorstr="#eaef91",GradientType=1 ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -3px 4px rgba(142, 218, 218, 0.4); } /* Specific styling for Goal: and */ .health .progress-percentage .goal-label { color: white; /* Adjusted color for Goal: text */ font-size: 14px; font-weight: 900; } .health .progress-percentage .subject-text { /* background-color: #67cecd; Adjusted background color for */ color: greenyellow; /* Adjusted text color for */ padding: 2px 5px; border-radius: 3px; } .profile-left .profile-left-container-3 span { min-width: 48%; text-align: center; } .health { cursor: pointer; } .health:hover { cursor: pointer; } .sidebar { background-color: #141415; align-self: flex-start; display: flex ; flex-direction: column; height: auto; position: sticky; top: 54px; max-width: 216px; bottom: 54px; } /*header ads*/ .ad{ position: absolute; display: inline-block; margin-top: 0px; width: 475px; height: 46px; z-index: 10; margin-right: 18%; } @media (max-width: 1300px) {.primary-header .search-group { width: 44%!important; }}