@charset "utf-8"; /* */ @import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900&subset=latin-ext'); @import url('https://www.ciddiask.net/css/css-genel.css?a=3'); @import url('https://www.ciddiask.net/css/css-anasayfa.css?a=3'); @import url('https://www.ciddiask.net/css/css-arama.css?a=3'); @import url('https://www.ciddiask.net/css/css-arkadaslikistekleri.css'); @import url('https://www.ciddiask.net/css/css-gizlilik.css'); @import url('https://www.ciddiask.net/css/css-ilanlar.css'); @import url('https://www.ciddiask.net/css/css-iletisim.css'); @import url('https://www.ciddiask.net/css/css-yardim.css'); @import url('https://www.ciddiask.net/css/css-giris.css'); @import url('https://www.ciddiask.net/css/css-profil.css'); @import url('https://www.ciddiask.net/css/css-gold.css'); @import url('https://www.ciddiask.net/css/css-popup.css'); @import url('https://www.ciddiask.net/css/css-splash.css'); @import url('https://www.ciddiask.net/css/css-mesaj.css'); @import url('https://www.ciddiask.net/css/css-loader.css'); @import url('https://www.ciddiask.net/css/css-animate.css'); @import url('https://www.ciddiask.net/css/jquery-ui.css'); .Classbody{overflow: hidden !important; } .laststat-bg ul li a{white-space: nowrap; overflow: hidden} .ac-kapa{display:none;} .MobilMesaj{display:none;} @media screen and (max-width:1024px){ .header-menu ul li a{padding:0px 7px 0px 8px; font-size:13px;} .header-top .navbar-nav>li>a{padding:0px 15px;} .showcase-bg .profile-details{padding:10px;} .showcase-bg .profile-details .view-users .box a span{display:none;} .showcase-bg .profile-details .view-users h2{font-size:13px;} .showcase-bg .profile-details .profile-exp ul li{line-height:normal; padding:15px 0px;} .userslidero .swiper-button-prev{left:0;} .userslidero .swiper-button-next{right:0;} .search-list .box .bttns a{width:22px; height:22px; text-align:center; line-height:22px; font-size:13px;} .gold-container ul li{width:33.333%;} .popup{padding-top:5%;} .popup .inner .kredik-popup .title-exp, .popup .inner .mobile-popup .title-exp{line-height:50px; margin-bottom:5px; font-size:13px;} .popup .inner .kredik-popup .title-exp span, .popup .inner .mobile-popup .title-exp span{font-size:13px; line-height:40px;} .popup .inner .kredik-popup .title-exp span strong, .popup .inner .mobile-popup .title-exp span strong{font-size:18px;} .popup .inner .ilan-popup, .popup .inner .kredik-popup, .popup .inner .mobile-popup{padding:15px;} .popup .inner .kredik-popup .form .cvc-exp{float:left; font-size:9px;} .popup .inner .ilan-popup p, .popup .inner .kredik-popup .form .secure{font-size:11px;} .showcase-bg .profile-list .profile-exp ul li{font-size:11px;} .profile-list-exp ul li{width:50%;} .profile-edit .box label{font-size:11px;} .profile-viewer .box .exp strong{line-height:18px;} .showcase-bg.h430{height:auto;} } @media screen and (max-width:996px){ .header-menu ul li a{padding:0px 2px; font-size:11px;} .header-menu ul li a i{margin-right:5px;} .header-top .navbar-nav>li>a{padding:0px 5px; font-size:13px;} .showcase-bg .showcase-box .row{margin-left:-5px; margin-right:-5px;} .showcase-bg .showcase-box .box{padding:0px 5px;} .showcase-bg .profile-details .profile-avatar .upload-icon img{width:64%;} .showcase-bg .profile-details .profile-exp ul li{line-height:66px; padding:0;} .showcase-bg .profile-details .profile-btn{padding-left:15px;} .showcase-bg .profile-details .view-users .box a span{display:block;} .showcase-bg .profile-details .view-users h2{margin-bottom:12px; line-height:25px;} .showcase-bg .profile-details .view-users h2 a{margin-top:0;} .showcase-bg.h430{height:auto;} .near-users-carousel h1{margin-top:0;} .laststat-bg ul li a{font-size:13px; white-space: nowrap;} .footer ul{width:100%; float:none; text-align:center;} .footer ul li{margin:0; display:inline-block; float:none;} .footer p{float:none; width:100%; text-align:center;} .footer img{float:none; display:block; margin:5px auto;} .friend_req .box .bttns, .search-list .box .bttns{text-align:center;} .friend_req .box .bttns a, .search-list .box .bttns a{width:32px; height:32px; text-align:center; line-height:32px; font-size:13px; float:none; display:inline-block;} .friend_req{padding:0px 15px;} .friend_req .box .exp, .friend_req .box .nick{text-align:center;} .login-area .login-form input[type="submit"]{padding:0px 10px; margin-left:5px;} .login-area .login-form .input{margin-left:5px;} .login-area .login-form .last-pw{margin-right:0; font-size:11px;} .login-area h1{text-align:center; margin:20px auto;} .login-txt .box{float:none; font-size:12px; line-height:50px; display:inline-block; margin-right:30px;} .login-txt .box .icon{width:50px; height:50px; margin-right:3px;} .login-txt .box .icon span{width:42px; height:42px; line-height:34px; font-size:17px;} .privacy_contract ul li p{width:92%;} .gold-container .payment-box{margin-bottom:15px;} .gold-container ul li{width:50%;} /*.message_page .user-list .box .txt p{display:none;}*/ .message_page .user-list .box .txt strong{margin-top:0;} .message_page .user-list .box .txt strong span{float:left;} .profile-avatar{clear:right;} .showcase-bg .profile-list .profile-btn a{width:49%; float:left; margin-right:2%;} .showcase-bg .profile-list .profile-btn a:nth-child(2n+2){margin-right:0;} .profile-edit .box strong{width:23%;} .profile-edit .box input[type="text"]{width:77%;} .showcase-bg .profile-list .profile-avatar{margin-left:25%;} .ads_list .box .img{height:100px;} } @media screen and (max-width:667px){ body{overflow-x: hidden !important; } .showcase-bg.h230{height:auto;} .page-container{margin-top:0;} .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{margin:0;} .navbar-toggle{margin-right:0;} .navbar-default .navbar-toggle .icon-bar{background:#fff;} .header-top #navbar{width:100%; float:none; border:0;} .header-top #navbar .avatar{float:none; display:block; margin:auto;} .header-top #navbar .avatar img{display:block; margin:20px auto;} .header-top .navbar-brand{ margin-left: 25px;} .header-top .navbar-nav{float:none; width:100%; margin:0; text-align:center; line-height:32px;} .navbar-nav .open .dropdown-menu{background:#49ecf7;} .navbar-nav>li>.dropdown-menu:after{content:'';} .header-menu{padding:0; text-align:center;} .header-menu ul li{float:none; display:inline-block;} .filters .box{width:49%; margin-right:2%; margin-bottom:2%;} .filters .box:nth-child(2n+2){margin-right:0;} .filters .box:last-child{width:100%; margin:0;} .showcase-bg .showcase-box{padding:0px 15px;} .showcase-bg .showcase-box .row{margin-left:-5px; margin-right:-5px;} .showcase-bg .showcase-box .box{padding:0px 5px;} .search-list{padding:0px 15px;} .friend_req .box .bttns a, .search-list .box .bttns a{margin-right:3px; width:23px; height:23px; line-height:23px;} .gold-header .logo, .login-area .logo{width:100%; margin:5px auto; overflow:hidden; float:left;} .gold-header .logo img, .login-area .logo img{display:block; margin:auto;} .gold-container ul.mobile{display:block;} .gold-container ul.Desktop{display:none;} .login-area .login-form{float:left; margin:10px auto;} .login-area .login-form .last-pw{display:block; float:none; line-height:20px; } .login-area .login-form .input{margin:0; width:100%; margin-bottom:5px;} .login-area .login-form input[type="submit"]{width:100%; padding:0px; margin:auto;} .login-area h1{font-size:25px;} .privacy_contract ul li p{width:88%;} .privacy_contract{padding:0px 15px;} .gold-header p{float:none; width:100%; text-align:center; margin-bottom:10px; font-size:12px; overflow:hidden; margin-bottom:0;} .gold-welcome{padding:5px 0; height:auto; line-height:40px;} .gold-welcome span{display:inline-block; line-height:20px; top:auto; margin:0px 3px; font-size:16px;} .gold-welcome img{display:none; margin:10px auto; border:0;} .gold-container ul li{width:100%;} .popup .inner h1{height:26px; line-height:26px;} .popup .inner h1:after{bottom:-6px;} .popup .inner h1 .close{top:2px;} .popup .inner .mobile-popup .mobile-exp a{font-size:12px; font-weight:normal; word-break:break-all; word-spacing:normal; word-wrap:break-word;} .popup .inner .kredik-popup .title-exp, .popup .inner .mobile-popup .title-exp{line-height:40px; text-align:center;} .popup .inner .kredik-popup .form .cvc-exp{font-size:7px;} .popup .inner .mobile-popup .form input[type="submit"]{margin:5px auto;} .popup .inner .mobile-popup .form img{display:none;} .ads_list{padding:0px 15px;} .ads_list .box .ads-details{padding:5px;} .ads_list .comments input[type="text"], .ads_list .comments textarea{width:80%;} .ads_list .comments p{font-size:10px; text-align:center; float:none; width:100%; line-height:normal;} .ads_list .comments input[type="submit"]{float:none; width:100%;} .ads_list .box .ads-title .left{ display:none;} .contact{padding:0px 15px;} .contact .box strong{width:23%;} .contact .box input[type="text"], .contact .box input[type="email"], .contact .box input[type="tel"], .contact .box textarea{width:77%;} .contact input[type="submit"]{float:none; width:100%;} .message_page .row{margin:0;} .message_page .user-list .box .txt strong span{float:none; display:block;} .message_page .message-area{padding:0; border-left:1px solid #d8d8d8;} .showcase-bg .profile-list .profile-exp ul li strong{width:45%;} .showcase-bg .profile-list .profile-btn a{width:100%; margin:0 0 5px 0;} .profile-album{padding:30px 15px;} .profile-list-exp ul li{width:100%;} .profile-edit .box strong{width:100%;} .profile-edit{padding:0px 15px;} .profile-edit input[type="submit"], .profile-edit .box input[type="text"], .profile-edit .box select{width:100%;} .profile-viewer{padding:0px 15px;} .helpdesk-details .helpdesk-info .bttn{padding-left:15px;} .helpdesk-details .helpdesk-info .col-xs-12{margin-bottom:5px;} .helpdesk-details{padding:0px 15px;} .helpdesk{padding:0px 15px;} .showcase-bg .profile-list .profile-avatar{margin-left:0%;} /* .vitrin-users-carousel .box .img img, .online-users-carousel .box .img img, .near-users-carousel .box .img img{ height:150px;} */ .popup .inner .kredik-popup .form input[type="text"].cvc{width:35%;} .popup .inner .kredik-popup .form .secure{display:none;} .popup .inner .mobile-popup .mobile-exp{display:none;} .popup .inner .mobile-popup .form select{ width:30%;} .popup .inner .mobile-popup .form input[type="text"]{ width:68%;} .popup .inner .kredik-popup .form strong{ font-size: 14px;line-height: 30px;text-indent: 0;} .showcase-bg .profile-details .profile-exp ul li{line-height:45px;} .showcase-bg .profile-list .profile-exp ul li{line-height:35px;} .profile-list-exp ul.classTwo li, .profile-list-exp ul.classTwos li{width:100%;} .profile-list-exp ul li strong{width:50%;} .ac-kapa{display:inline-block;} .MobilMesaj{display:inline-block;} .message_page .user-list{height:520px;} .message_page .message-area{height:100%;} .message_page .message-area #messagelist{height:550px;} .popup-chat .avatar-area{display:none;} .ads_list .comments strong{width:30%;} .ads_list .comments textarea{width:70%;} .tagcloud05{display:none;} .header-menu ul li a{font-size:12px;} .popup{z-index:9999999999;} .profile-edit input[type="button"]{width:100%;} #stars{float:none; display:inline-block; width:100%;} .message_page .user-list .box .img img{ max-height: 70px; } .showcase-bg .profile-list .profile-avatar img{ max-height: 255px; } .showcase-bg .profile-list .profile-exp ul li:last-child{text-align:center;} .showcase-bg .profile-list .profile-exp ul li:last-child strong{text-align:left; } .friend_req .box .txt.nopleft{padding-left:15px;} .header-Reklam{ display:none;} .message_page .message-area .message-box.box2 .txt .inner:after{ display:none; } .message_page .message-area .message-box .txt .inner .reading{ right: 3px; top:3px;} .ads_list .box .ads-title .profile-btn{ font-size:13px; } .ads_list .box .img{height:70px;} } .showcase-bg .profile-list .profile-avatar img{ max-height: 255px; } .bar { margin-top:15px; width: 100%; height: 22px; background-color: #875401; border-radius: 14px; background-clip: padding-box; box-shadow: 0 15px 70px -20px rgba(0, 1, 0, 0.7); overflow: hidden; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiM5ZDc0MzAiLz48c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzlkNzQzMCIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjOWQ3NDMwIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(25%, #9d7430), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #9d7430), color-stop(75%, #9d7430), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, #9d7430 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #9d7430 50%, #9d7430 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(left top, #9d7430 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #9d7430 50%, #9d7430 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-image: linear-gradient(to right bottom, #9d7430 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #9d7430 50%, #9d7430 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size: 30px 60px; z-index: 9999999999999; } .bar:before { position: absolute; width: 100%; height: 22px; display: block; content: ' '; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2ZmZWI3NiIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZWI3NiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(15%, rgba(0, 0, 0, 0)), color-stop(15%, rgba(255, 235, 118, 0.3)), color-stop(50%, rgba(255, 235, 118, 0)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(255, 235, 118, 0.3) 15%, rgba(255, 235, 118, 0) 50%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(255, 235, 118, 0.3) 15%, rgba(255, 235, 118, 0) 50%, rgba(0, 0, 0, 0) 100%); z-index: 9999999999999999; } .bar:after { position: absolute; width: 100%; height: 22px; display: block; content: ' '; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNyUiIHN0b3AtY29sb3I9IiNmZmViNzYiIHN0b3Atb3BhY2l0eT0iMC4zIi8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmZmViNzYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(7%, rgba(0, 0, 0, 0)), color-stop(7%, rgba(255, 235, 118, 0.3)), color-stop(20%, rgba(255, 235, 118, 0)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 7%, rgba(255, 235, 118, 0.3) 7%, rgba(255, 235, 118, 0) 20%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 7%, rgba(255, 235, 118, 0.3) 7%, rgba(255, 235, 118, 0) 20%, rgba(0, 0, 0, 0) 100%); z-index: 99999999999999999; } .bar .bar__filled { height: 22px; width: 0%; background-color: #253c4b; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0OTAwMCIvPjxzdG9wIG9mZnNldD0iNjMuNjUlIiBzdG9wLWNvbG9yPSIjZmRlMDFmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZThjMzE0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #d49000), color-stop(63.65%, #fde01f), color-stop(100%, #e8c314)); background-image: -webkit-linear-gradient(bottom, #d49000 0%, #fde01f 63.65%, #e8c314 100%); background-image: linear-gradient(to top, #d49000 0%, #fde01f 63.65%, #e8c314 100%); -webkit-transition: all 1s ease; transition: all 1s ease; overflow: hidden; white-space: pre; line-height: 85px; text-indent: 33px; color: #7f5404; font-family: 'Roboto Condensed', sans-serif; font-size: 56px; font-weight: 700; text-shadow: 0 1px 0 rgba(255, 234, 136, 0.7); text-transform: uppercase; z-index: 99999999999999; } .bar .bar__filled:before { display: block; width: 100%; height: 22px; left: 0; top: 0; content: ' '; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iI2VjYzIzMiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWNjMjMyIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkYmFiMGMiLz48c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2RiYWIwYyIvPjxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(46%, rgba(0, 0, 0, 0)), color-stop(46%, #ecc232), color-stop(50%, #ecc232), color-stop(50%, #dbab0c), color-stop(54%, #dbab0c), color-stop(54%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 46%, #ecc232 46%, #ecc232 50%, #dbab0c 50%, #dbab0c 54%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 46%, #ecc232 46%, #ecc232 50%, #dbab0c 50%, #dbab0c 54%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat; background-size: 22px; opacity: .4; z-index: 999999999999999; } .bar .bar__filled:after { width: 100%; height: 22px; display: block; top: 0; left: 0; content: ' '; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2ZmZWI3NiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZlYjc2IiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(15%, rgba(0, 0, 0, 0)), color-stop(15%, #ffeb76), color-stop(50%, rgba(255, 235, 118, 0)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, #ffeb76 15%, rgba(255, 235, 118, 0) 50%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, #ffeb76 15%, rgba(255, 235, 118, 0) 50%, rgba(0, 0, 0, 0) 100%); z-index: 99999999999999; } .ac-kapa { background-color: white; padding: 12px 8px; font-size: 110%; border-radius: 0 6px 6px 0; position: fixed; margin-left: -15px; z-index: 999999999; } .mobil-menu { left: -250px; height: 100%; position: fixed; width: 250px; z-index: 8000000; background:#fff; } .mobil-menu ul { border-top: 1px solid #397c7e; list-style: none; margin: 0; padding: 0; } .mobil-menu li { border-bottom: 1px solid #397c7e; line-height: 45px; padding-bottom: 3px; padding-left: 20px; padding-top: 3px; color:grey; text-decoration:none; transition:all .6s; } .mobil-menu li ul{ display:none; } .mobil-menu .MenuAktif { background-color:#397c7e; color:white; } .mobil-menu li a{ color:inherit; text-decoration:none; } .mobil-menu li ul{ padding-left:10px; } .AltMenu li { line-height: 30px; padding-bottom: 3px; padding-left: 20px; padding-top: 3px; text-decoration: none; transition: all .6s; } .AltMenu li a{ color:white; text-decoration:none; } .pushtoglbtn { right: 20px; bottom: 20px; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; z-index: 999997; position: fixed; } .squareChatButton { position: relative; } .squareChatButtonLeft { background-color: #009FC1; height: 50px; float: left; white-space: nowrap; } .squareChatButtonText { color: #FFFFFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: sans-serif; line-height: 18px; font-size: 18px; margin: auto; max-width: 0px; box-sizing: border-box; padding: 16px 0; text-overflow: ellipsis; -webkit-transition: all ease-in 0.5s; -moz-transition: all ease-in 0.5s; transition: all ease-in 0.5s; opacity: 0; } .squareChatButtonRight { background-color: #30AEC8; width: 50px; height: 50px; float: left; position: relative; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; } .squareChatButtonArrow { display: inline-block; border: 8px solid transparent; border-right-color: #30AEC8; position: absolute; top: 17px; right: 50px; margin-left: -16px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; } .squareChatButtonIcon { background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M90.6%2C4.2L30.9%2C4.3H9.3C4.2%2C4.4%2C0%2C8.5%2C0%2C13.7V64c0%2C5.2%2C4.2%2C9.4%2C9.3%2C9.4h16.8c1.3%2C0%2C2.4%2C1.1%2C2.4%2C2.4v20%0A%09%09l19.7-21.6c0.4-0.5%2C1.1-0.8%2C1.8-0.8l40.6-0.2c5.2%2C0%2C9.4-4.2%2C9.4-9.4V13.5C100%2C8.4%2C95.8%2C4.2%2C90.6%2C4.2z%20M19%2C23.2h31%0A%09%09c1.3%2C0%2C2.4%2C1.1%2C2.4%2C2.4S51.3%2C28%2C50%2C28H19c-1.3%2C0-2.4-1.1-2.4-2.4C16.7%2C24.3%2C17.7%2C23.2%2C19%2C23.2z%20M81%2C56.6H19c-1.3%2C0-2.4-1.1-2.4-2.4%0A%09%09c0-1.3%2C1.1-2.4%2C2.4-2.4h62c1.3%2C0%2C2.4%2C1.1%2C2.4%2C2.4C83.3%2C55.5%2C82.3%2C56.6%2C81%2C56.6z%20M81%2C42.3H19c-1.3%2C0-2.4-1.1-2.4-2.4%0A%09%09c0-1.3%2C1.1-2.4%2C2.4-2.4h62c1.3%2C0%2C2.4%2C1.1%2C2.4%2C2.4C83.3%2C41.2%2C82.3%2C42.3%2C81%2C42.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A); background-size: contain; height: 25px; width: 25px; background-repeat: no-repeat; position: absolute; top: 14px; right: 13px; -webkit-transition: ease 0.5s; -moz-transition: ease 0.5s; transition: ease 0.5s; } .squareChatButton:hover .squareChatButtonText { max-width: 400px !important; padding: 16px 25px 16px 16px !important; opacity: 1 !important; -webkit-transition: all ease-out 0.5s !important; -moz-transition: all ease-out 0.5s !important; transition: all ease-out 0.5s !important; } .squareChatButton:hover .squareChatButtonIcon { background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M90.6%2C4.2L30.9%2C4.3H9.3C4.2%2C4.4%2C0%2C8.5%2C0%2C13.7V64c0%2C5.2%2C4.2%2C9.4%2C9.3%2C9.4h16.8c1.3%2C0%2C2.4%2C1.1%2C2.4%2C2.4v20%0A%09%09l19.7-21.6c0.4-0.5%2C1.1-0.8%2C1.8-0.8l40.6-0.2c5.2%2C0%2C9.4-4.2%2C9.4-9.4V13.5C100%2C8.4%2C95.8%2C4.2%2C90.6%2C4.2z%20M19%2C23.2h31%0A%09%09c1.3%2C0%2C2.4%2C1.1%2C2.4%2C2.4S51.3%2C28%2C50%2C28H19c-1.3%2C0-2.4-1.1-2.4-2.4C16.7%2C24.3%2C17.7%2C23.2%2C19%2C23.2z%20M81%2C56.6H19c-1.3%2C0-2.4-1.1-2.4-2.4%0A%09%09c0-1.3%2C1.1-2.4%2C2.4-2.4h62c1.3%2C0%2C2.4%2C1.1%2C2.4%2C2.4C83.3%2C55.5%2C82.3%2C56.6%2C81%2C56.6z%20M81%2C42.3H19c-1.3%2C0-2.4-1.1-2.4-2.4%0A%09%09c0-1.3%2C1.1-2.4%2C2.4-2.4h62c1.3%2C0%2C2.4%2C1.1%2C2.4%2C2.4C83.3%2C41.2%2C82.3%2C42.3%2C81%2C42.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A) !important; } .squareChatButton:hover .squareChatButtonRight { background-color: #009FC1 !important; } .squareChatButton:hover .squareChatButtonArrow { border-right-color: #009FC1 !important; } .squareChatButton:hover .squareChatButtonText { max-width: 400px !important; padding: 16px 25px 16px 16px !important; opacity: 1 !important; -webkit-transition: all ease-out 0.5s !important; -moz-transition: all ease-out 0.5s !important; transition: all ease-out 0.5s !important; } #subpopup{ display:none; } .subpopup[data-popup="notification"] { top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, .9); width: 100%; height: 100%; position: fixed; z-index: 999999; } .subpopup[data-popup="notification"] .popup-group { position: absolute; left: 31rem; top: 10rem; max-width: 35rem; color: #d6d6d6 } .subpopup[data-popup="notification"] .popup-group i { display: block; width:62px; height:78px; font-size: 8rem; margin-bottom: 3rem; background:url(images/arrow.png) top center no-repeat; } .subpopup[data-popup="notification"] .popup-group p { font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: 22px; line-height: 32px; padding-left: 2rem; } .subpopup[data-popup="notification"] .popup-group.center { left: 50% } .message_page .user-info { position: relative; background: #ffca28; border-radius: 5px; padding: 0px 15px; display:none; } .message_page .user-info .nickname { font-family: 'Ubuntu', sans-serif; font-size: 16px; color: #fff; text-align: center; margin: 19px 0; float: left; text-indent: 0; } .message_page .user-info .nickname strong { display: block; font-family: 'Ubuntu', sans-serif; font-size: 20px; text-align: center; font-weight: 500; color: #fff; text-indent: 0; } .message_page .user-info .img { width: 10%; float: right; height: auto; position: relative; margin: 14px 0px; } .message_page .user-info .img img { border-radius: 5px; border: 3px solid #fff; background: #fff; } .message_page .user-info a { float: right; padding: 0px 20px; border: 2px solid #fff; height: 50px; line-height: 46px; background: #ffca28; border-radius: 5px; margin-bottom: 10px; text-align: center; font-family: 'Ubuntu', sans-serif; font-size: 16px; font-weight: bold; color: #fff; margin: 23px 10px 23px 0px; } @media screen and (max-width:1024px) and (orientation: landscape) { .popup .inner .kredik-popup .title-exp, .popup .inner .mobile-popup .title-exp{ line-height: 30px; height: 30px; margin-bottom: 0; } .popup .inner .ilan-popup, .popup .inner .kredik-popup, .popup .inner .mobile-popup{ padding: 5px; } .popup .inner .kredik-popup .form strong{ line-height: 23px; } .popup .inner .kredik-popup .form input[type="text"], .popup .inner .kredik-popup .form select{ height: 29px; line-height: 29px; } .popup{padding-top: 0;} .popup .inner h1{ height: 26px; line-height: 26px; font-size: 11px; } .popup .inner .kredik-popup .form .cvc-exp{ line-height: 29px; } .popup .inner .kredik-popup .form .cvc-exp img{margin-top: 0;} .popup .inner .kredik-popup .form .secure{margin:5px 0px} .popup .inner .kredik-popup .form .secure img{display: none;} .popup .inner .kredik-popup .form input[type="button"]{height: 29px; list-style: 29px;} } .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; } .boxs button { width: 100%; height: 39px; text-align: center; line-height: 39px; background: #47b47d; border: 0; padding: 0; margin: 0; font-family: 'Raleway', sans-serif; font-weight: bold; color: #fff; font-size: 13px; } .home-kampanya { background: url(https://www.ilkarkadaslik.com/images/homenotice-bg.png) top center no-repeat; border-radius: 5px; min-height: 69px; padding: 8px 15px; font-family: 'Montserrat', sans-serif; font-size: 18px; color: #fff; text-shadow: 1px 0px 0px #f8981e; overflow: hidden; } .home-kampanya .left { width: 80%; float: left; } .home-kampanya a { display: block; float: right; padding: 0px 20px; height: 40px; line-height: 40px; background: #fff ; border-radius: 7px; font-size: 14px; color: #d26b19; -moz-box-shadow: 0 5px 7px #f47e20; -webkit-box-shadow: 0 5px 7px #f47e20; box-shadow: 0 5px 7px #f47e20; margin-top: 5px; } .home-kampanya strong { display: block; font-size: 22px; color: #43394d; font-weight: bold; text-shadow: 1px 0px 1px #fff; } @media screen and (max-width:667px){ .home-kampanya{background: #f7951f; background: -moz-linear-gradient(top, #f7951f 0%, #fec212 100%); background: -webkit-linear-gradient(top, #f7951f 0%,#fec212 100%); background: linear-gradient(to bottom, #f7951f 0%,#fec212 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7951f', endColorstr='#fec212',GradientType=0 );} .home-kampanya .left{width:100%;text-align: center;} .home-kampanya a{width:100%; text-align:center;} } .lefts { width: 45%; float: left; } .rights { width: 35%; float: right; } .ilanokundu{display: none;} @media screen and (max-width: 668px) { .ilanokundu{display: block;width: 50%;float: left; } .ads_list .box .ads-details .ads-title2 strong{ color:red; } }