html, body { width: 100%; min-width: 300px; height: 100%; color: #272727; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Helvetica', 'Verdana', 'Tahoma', Arial, sans-serif; } * { padding: 0; margin: 0; box-sizing: border-box; -moz-border-box: border-box; transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; } img { border: none; max-width: 100%; height: auto; } img.item-img { margin-bottom: 20px; } a { color: #008999; } header a, header b, footer a { color: #fff !important; display: inline-block; text-decoration: none; padding: 6px; font-size: 1.1em; font-weight: bolder; } .qaqog { display: -ms-block!important; display: block!important; background: #f5f8fa; padding: 20px; } ul.qaqog a, ul.qaqog span, ul.qaqog strong { color: #fff; background: #008999; border: 1px #008999 solid; display: inline-block !important; margin: 4px; padding: 8px 24px; text-decoration: none; color: #fff; text-align: center; text-transform: uppercase; vertical-align: text-top; line-height: 24px; } ul.qaqog strong, ul.qaqog a:hover, footer ul li a:hover { color: #fff; background: #008999; border: 1px #008999 solid; line-height: 24px; } .kyga { max-width: 1180px; margin: 0 auto; padding: 20px; position: relative; } header { background: #008999; } article, .kaqasuc { background: #f5f8fa; margin: 20px auto; padding: 20px; } .item-butt { display: inline-block; font-size: 16px; line-height: 24px; background: #008999; margin: 4px; padding: 8px 24px; text-decoration: none; color: #fff; font-size: 14px; text-align: center; text-transform: uppercase; } article img { margin-bottom: 30px; } a:hover { text-decoration: none; } a:active { color: #e10008; outline: none; } .tigury { display: inline-block; text-decoration: none; text-align: center; font-weight: 500; border: 1px solid #008999; border-radius: 1rem; padding: 8px 30px; color: #008999; font-size: 1.2em; margin-top: 10px; cursor: pointer; } h1, h2, h3, h4, h5, h6 { padding: 0; line-height: 1.1em; } h1 { font-size: 2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.5em; } h4 { font-size: 1.4em; } h5 { font-size: 1.3em; } h6 { font-size: 1.2em; } p { line-height: 170%; margin: 20px 5px; } .ul { margin: 10px 0; color: #666; } .ul li { list-style-image: url(/templates/image/li.png); line-height: 160%; margin: 5px 0; } .ol { margin: 10px 0; color: #666; } .ol li { line-height: 160%; margin: 5px 0; } /* form */ .qoqi { display: inline-block; vertical-align: middle; text-decoration: none; color: #ed1c24; border: 3px solid #ff594f; background: transparent; padding: 10px 20px; text-transform: uppercase; font-size: 14px; cursor: pointer; border-radius: 5px; } .qoqi:hover { background: #b4113f; } .qoqi:active { color: #fff; } .btn-inverse { display: inline-block; background: #08d9d6; background: linear-gradient(to right, #08d9d6, #138994); color: #fff; font-size: 14px; line-height: 20px; text-transform: uppercase; border-radius: 4px; font-weight: 600; padding: 8px 24px; outline: none !important; border: none; } .btn-inverse:hover { background: #0cf0ed; background: linear-gradient(to right, #0cf0ed, #18a8b5); color: #fff; } .btn-inverse-lined { border: 1px solid #08d9d6; background: transparent; font-weight: 300; color: #08d9d6; } .btn-lg { padding: 16px 32px; } .item-outline-butt { text-decoration: none; padding: 10px 15px; display: inline-block; color: #008999; border: 1px solid #008999; margin: 4px; } .item-outline-butt:hover { color: #fff; border: 1px solid #008999; background: #008999; } .h3-line { margin: 30px 0 15px; border-bottom: 1px dashed #08d9d6; font-size: 22px; font-weight: 700; } input { font: 14px/1.6 'Raleway', sans-serif; color: #616161; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .dokafij-file { height: auto !important; } /* popup-phone */ .popup-phone { position: fixed; left: 5px; right: 5px; bottom: -80px; z-index: 800; transition: all 300ms; opacity: 1; background: #fff; border-radius: 10px; box-shadow: 0 0 40px 0 rgb(0 0 0 / 40%); padding: 6px 10px; display: flex; flex-wrap: nowrap; } /* footer */ footer { background: #1a1a1a; min-height: 60px; } /* map */ ul.map> a { display: inline-block; line-height: 24px; padding: 8px 15px; margin: 20px auto; font-size: 16px; background: #f5f8fa; text-decoration: none; } ul.map li { list-style: none; } ul.map li a, ul.map li strong { text-decoration: none; line-height: 1.6em; } ul.map li strong { font-size: 1.4em; } /* media */ @media screen and (max-width: 1000px) { .feed .item-wrap { width: 33%; } } @media screen and (max-width: 820px) { .feed .item-wrap { width: 50%; } .tabs-wrap { text-align: center; overflow-x: auto; overflow-y: hidden; white-space: nowrap; width: 100%; } .top-nav .item .item-sub { position: fixed; top: 230px; left: 0; right: 0; overflow-y: auto; max-height: 300px; } .top-nav .item .item-sub a { display: block; width: 100%; } .location-select { position: relative; margin: 20px auto 0; } .main .h1 { font-size: 26px; line-height: 30px; } .profile>.column { max-width: 100%; flex: 0 0 100%; padding: 0 !important; } } @media screen and (max-width: 600px) { .header { position: fixed; top: 0; left: 0; right: 0; z-index: 990; height: 60px; } .layer { padding-top: 60px; } .header .kyga {} .head-account-btns, .head-account, .header .kupygo-nav { display: none; opacity: 0; } .mob-nav { display: block; } .mob-account { display: block; } .main .h1 { font-size: 18px; line-height: 22px; font-weight: 300; margin-bottom: 15px; } .speed-bar { margin: 10px 0 0; } .contai-feed { padding: 0 !important; } .feed { display: block; } .footer-nav a { display: block; } .profile-item { display: block; } .profile-item-left { display: block; flex: none; width: 100%; } .profile-item-right { display: block; flex: none; padding: 0; } .border-line { margin: 0 -20px; } .service-feed .item { flex: 1; white-space: nowrap; text-align: center; } .account-photos .col-3 { flex: 0 0 50%; max-width: 50%; padding: 0 10px; } .account-photos .item .detail-ava { bottom: 40px; font-size: 20px; height: 40px; line-height: 22px; } .account-photos .item .detail-del { font-size: 20px; height: 40px; line-height: 22px; } .account-photos .detail-ava .hint, .account-photos .detail-del .hint { display: none; } .account-feed__btns .btn { display: block; margin-bottom: 10px; } .popup-phone__visible { opacity: 1; bottom: 20px; } } @media screen and (max-width: 400px) { .kyga { padding: 0 10px; } .account-main-container { padding: 0; } .feed .item-wrap { margin-bottom: 0; } .tabs .item { display: block; } } @media screen and (max-width: 600px) { .butt-send , .item .item-butt { display: block!important; float: none!important; margin: 20px 4px!important; } } @media screen and (max-width: 460px) {} /* custom */ footer hr { margin: 20px auto; } footer p { margin: 0 auto; color: #fff; font-size: 15px; } .qoqi { display: block; padding: 10px 20px; background-color: #008999; border: 1px solid #008999; color: #fff; cursor: pointer; border-radius: 0 !important; text-align: center; margin: 10px auto; } .butt-send { display: inline-block; position: relative; margin: 4px; padding: 19px 80px; background: none; border: 1px solid #000; cursor: pointer; float: right; } .butt-send::before { content: url(https://intimcityescort.website/img/mail-send.svg); display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; } .butt-send:hover { background-color: #008999; border: 1px solid #008999; color: #fff; } .item b, span.tigury { font-size: 1.2em; line-height: 1.6em; } form textarea { width: 100%; padding: 10px; } form button { cursor: pointer; width: 100%; outline: none; border: none; margin: 6px auto!important; font-size: 16px; text-transform: uppercase!important; } form input { padding: 8px 24px; width: 100%; margin-bottom: 10px; } .myxufo { font-size: 20px; margin: 0px auto 10px; font-weight: bold; } /* id */ #popup, #popup_send { position: fixed; left: 50%; top: 45%; max-width: 400px; min-width: 360px; text-align: center; background: #fff; border: 1px solid #008999; border-radius: 12px; padding: 40px 20px 20px; z-index: 9999; transform: translate(-50%, -1000%); } .popup_active { transition: all 0.6s; transform: translate(-50%, -50%) !important; display: block; } #popup button, #popup_send button { display: block; border: 1px solid #008999; display: inline-block; font-size: 16px; line-height: 24px; background: #008999; margin: 4px; padding: 8px 24px; text-decoration: none; color: #fff; font-size: 14px; } #popup a, #popup_send a { border: 1px solid #000; display: inline-block; font-size: 16px; line-height: 24px; background: none; padding: 8px 24px; text-decoration: none; color: #000; font-size: 14px; width: 100%; margin: 10px auto } #popup .active , #popup_send .active { color: #fff; background: #008999; border-color: #008999; } #overlay { position: fixed; z-index: 999; left: 0; top: 0; width: 200%; height: 200%; background-color: rgba(0, 0, 0, 0.6); display: none; } #cl, #cl_send { position: absolute; top: 0px; right: 10px; font-size: 2rem; cursor: pointer; } #popup .myxufo, #popup p, #popup_send .myxufo, #popup_send p #cl, #cl_send { color: #333; } #id { position: fixed; right: 10px; bottom: 10px; width: 120px; height: 120px; background: #008999 url(/img/sex1.gif) center no-repeat; z-index: 999; border-radius: 100%; border: none; } #err_send { display: none; } ul.kupygo { margin-bottom: 20px; } ul.kupygo li a { color: #008999; background: #f5f8fa; display: inline-block; line-height: 24px; margin: 4px; padding: 8px 24px; text-decoration: none; } ul.kupygo li { display: inline-block; vertical-align: top; margin-bottom: 0px; list-style-type: none; } #links a { display: inline-block; padding: 5px 15px; margin: 5px; } @media screen and (max-width: 980px) { .kyga { text-align: center; } }