style.css
unknown
javascript
3 years ago
96 kB
8
Indexable
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
html {
--tp-color-50: #84878d;
--tp-color-100: #f7f8f9;
--tp-color-200: #edeff2;
--tp-color-300: #e5e7eb;
--tp-color-400: #d1d5db;
--tp-color-500: #3d4249;
--tp-color-600: #303439;
--tp-color-700: #272a2e;
--tp-color-800: #1e1f21;
--tp-color-red: #de3f3f;
--tp-color-blue: #326cec;
--tp-color-purple: #781adc;
--tp-color-green: #1fc15b;
--tp-color-green2: #169b47;
--tp-color-green3: #1d7a41;
--tp-color-yellow: #bc8c27;
--tp-color-cyan: #3a80f3;
--tp-color-indigo: #6610f2;
--tp-color-purple: #6f42c1;
--tp-color-pink: #d63384;
--tp-color-orange: #fd7e14;
--tp-color-teal: #20c997;
--tp-color-gradient:linear-gradient(76deg, rgba(161, 34, 195, 1) 0%, rgba(121, 36, 240, 1) 100%);
}
html.dark {
--tp-color-100: #13151a;
--tp-color-200: #1a1d23;
--tp-color-300: #252930;
--tp-color-400: #33373f;
--tp-color-500: #9a9a9a;
--tp-color-600: #d2d2d2;
--tp-color-700: #dcdcdc;
--tp-color-800: #fff;
--tp-color-red: #de3f3f;
--tp-color-blue: #326cec;
--tp-color-purple: #781adc;
--tp-color-green: #1fc15b;
--tp-color-green2: #169b47;
--tp-color-green3: #1d7a41;
--tp-color-yellow: #e1b04a;
--tp-color-cyan: #3a80f3;
--tp-color-indigo: #6610f2;
--tp-color-purple: #6f42c1;
--tp-color-pink: #d63384;
--tp-color-orange: #fd7e14;
--tp-color-teal: #20c997;
--tp-color-gradient:linear-gradient(76deg, rgba(161, 34, 195, 1) 0%, rgba(121, 36, 240, 1) 100%);
}
html.black {
--tp-color-50: #afb3b8;
--tp-color-100: #000;
--tp-color-200: #0c0c0d;
--tp-color-300: #141516;
--tp-color-400: #242526;
--tp-color-500: #fafafa;
--tp-color-600: #f4f4f5;
--tp-color-700: #e4e4e7;
--tp-color-800: #d4d4d8;
--tp-color-red: #de3f3f;
--tp-color-blue: #326cec;
--tp-color-purple: #781adc;
--tp-color-green: #1fc15b;
--tp-color-green2: #169b47;
--tp-color-green3: #1d7a41;
--tp-color-yellow: #e1b04a;
--tp-color-cyan: #3a80f3;
--tp-color-indigo: #6610f2;
--tp-color-purple: #6f42c1;
--tp-color-pink: #d63384;
--tp-color-orange: #fd7e14;
--tp-color-teal: #20c997;
--tp-color-gradient:linear-gradient(76deg, rgba(161, 34, 195, 1) 0%, rgba(121, 36, 240, 1) 100%);
}
@media only screen and (min-width:962px) {
body.master .main-content {
margin-left: 15px;
margin-right: 15px;
display: flex;
flex-direction: row
}
body.master .m-main {
width: 66.6%;
margin-right: 15px
}
body.master .s-main {
width: 33.3%
}
body.default .main-content {
margin-left: 15px;
margin-right: 15px;
display: flex;
flex-direction: column;
min-height: 20px;
margin-bottom: 20px;
background-color: var(--tp-color-200);
border: 0;
border-radius: 10px;
width: 100%
}
.contents {
display: flex
}
body.master .contents {
display: flex;
flex-direction: column
}
body.default .defaultcontent {
width: 100%
}
body.default .icon-content {
display: flex;
margin-right: 15px;
margin-left: 28px;
margin-bottom: 10px;
flex-direction: column;
width: 50%
}
body.master .icon-content {
display: flex;
justify-content: space-between;
margin-right: 15px;
margin-left: 15px;
margin-top: 10px;
margin-bottom: 1px;
}
.platformlar {
background: var(--tp-color-400);
width: 50%;
padding: 20px;
border-radius: 10px;
font-size: 16px;
text-align: center;
color: var(--tp-color-800);
font-weight: 500
}
.feature {
display: flex;
margin-top: 24px;
justify-content: center
}
.feature .col-md-4 {
background: var(--tp-color-100);
border-radius: 10px;
width: 25.4%;
padding: 20px;
margin: 20px
}
.homediv {
display: flex;
color: #FFF;
margin-bottom: 13px;
}
.guncellemebox {
display: flex;
padding: 4px 8px;
border-radius: 10px;
border: 1px solid var(--tp-color-300);
background: var(--tp-color-200);
margin-bottom: 7px;
justify-content: space-between;
height: 100%;
align-items: center;
}
.guncellemename {
width: 60%
}
.guncelleme-text {
color: white;
}
.guncelleme-text span {
border-radius: 10px;
font-weight: 600;
}
.guncelleme-date {}
.homeimgcenter {
margin-top: -304px;
}
.home-box-2 img {
height: 447px;
margin-bottom: 35px
}
.home-box-3 img {
width: 85%;
margin-bottom: 35px
}
.siteslogan {
font-weight: 400;
font-size: 21px;
margin-bottom: 44px;
text-align: center;
width: 700px;
color: #fff;
}
.homebottom {
display:
flex;
width: 100%;
margin-top: -40px;
justify-content: center;
color: white;
}
.categorymenu {
background: var(--tp-color-200);
border-radius: 10px;
max-height: 0;
opacity: 1;
display: none;
transition: all .4s;
position: absolute;
right: 0;
left: 0;
padding-bottom: -6px;
margin-top: 6px;
border: 1px solid var(--tp-color-300);
box-shadow: 0 0 15px 0 #00000024
}
.categorymenu.active {
max-height: 342px;
opacity: 1;
display: block;
transform: scale(1) translateX(0);
transition: all .4s;
border: 1px solid var(--tp-color-300);
z-index: 999999999
}
.servicename {
display: flex;
font-size: 16px;
font-weight: 400;
align-items: center;
text-align: left
}
.categorylist {
max-height: 276px;
border-radius: 0 0 16px 13px;
overflow-x: auto
}
.servicesmenu {
background: var(--tp-color-200);
border-radius: 18px;
max-height: 0;
opacity: 1;
display: none;
transition: all .4s;
position: absolute;
right: 0;
left: 0;
padding-bottom: -6px;
margin-top: 6px;
border: 1px solid var(--tp-color-300);
box-shadow: 0 0 15px 0 #00000024
}
.servicesmenu.active {
max-height: 342px;
opacity: 1;
display: block;
transform: scale(1) translateX(0);
transition: all .4s;
border: 1px solid var(--tp-color-300);
z-index: 999999999
}
.servicesname {
display: flex;
font-size: 16px;
font-weight: 400;
align-items: center
}
.serviceslist {
max-height: 276px;
border-radius: 0 0 16px 13px;
overflow-x: auto
}
.srcsp {
font-size: 12px;
color: var(--tp-color-500);
margin-right: 15px;
font-weight: 400
}
body.default .m-service-box {
background: var(--tp-color-200);
color: var(--tp-color-600);
border-radius: 0;
border: 0;
border-bottom: 2px solid var(--tp-color-300);
width: 100%;
transition: .2s ease;
margin-top: -6px;
}
body.default .servicebox:hover{
background: var(--tp-color-300);
}
.servicebox {
background: var(--tp-color-200);
padding: 7px;
color: var(--tp-color-600);
border-radius: 10px;
border: 1px solid var(--tp-color-300);
flex-direction: row;
justify-content: space-between;
width: 100%;
align-items: center
}
.searbox {
display: flex;
align-items: flex-end
}
.catebox {
z-index: 99999999;
position: relative;
width: 30%
}
.catebox.active {
width: 50%
}
.sertop {
font-weight: 300;
display: flex
}
.serbottom {
display: flex;
font-weight: 300
}
.serbottom span {
font-weight: 500;
font-size: 12px
}
.serbox {
display: flex;
padding: 3px 7px;
border-radius: 10px;
border: 1px solid var(--tp-color-300);
background: #080808;
margin-bottom: 5px;
justify-content: space-between;
align-items: center
}
.serfavboxma{
padding: 3px 7px;
}
.serfavboxmo{
display:none;
}
.serleft {
display: flex;
justify-content: flex-start;
flex-direction: column
}
.serright {
display: flex;
justify-content: flex-end;
align-items: center
}
.ordrleft {
display: flex;
justify-content: flex-start;
flex-direction: column
}
.ordrright {
display: flex;
align-items: flex-end;
flex-direction: column;
justify-content: space-between;
}
.ordrprice {
border-radius: 7px;
background: var(--tp-color-300);
padding: 3px 9px;
margin-bottom: 5px;
font-weight: 500;
}
.ordrtop {
font-weight: 400;
display: flex;
margin-bottom: 5px
}
.ordrname {
display: flex;
align-items: center
}
.ordrbutton .m-btn {
padding: 7px 13px;
font-size: 12px
}
.ordrname span {
padding: 2px 5px;
background: #c31331;
border-radius: 5px;
margin-right: 5px;
font-weight: 700;
}
.ordrbottom {
display: flex;
font-weight: 400;
flex-direction: column
}
.ordrbottom span {
font-weight: 300;
font-size: 14px;
}
.ordrbottom span a {
font-weight: 900;
color: #FFF;
}
.ordrbox {
display: flex;
padding: 7px 7px;
border-radius: 10px;
border: 1px solid var(--tp-color-300);
background: #000;
margin-bottom: 7px;
justify-content: space-between;
height: 100%;
}
.ordrleft {
display: flex;
justify-content: flex-start;
flex-direction: column
}
.ordright {
display: flex;
justify-content: flex-end;
align-items: center
}
.paymentlist {
display: flex;
width: 100%;
gap: 7px;
flex-wrap: wrap;
margin-bottom: 10px;
flex-direction: column;
}
.bkybox {
display: flex;
padding: 10px;
background: #2b5c3b;
border-radius: 10px;
font-size: 12px;
border: 1px solid var(--tp-color-300);
justify-content: space-between;
align-items: center;
}
.bkybox.active {
border: 1px solid var(--tp-color-500)
}
.bkyname {
font-weight: 600;
font-size: 14px;
}
.bkybottom {
display: flex;
justify-content: space-between
}
.destekbox {
display: flex;
border: 0;
padding: 10px;
font-size: 12px;
border-radius: 10px;
min-height: 100%;
justify-content: space-between
}
.accountdiv {
display: flex;
justify-content: space-between
}
.toplogo img {
width: 130px
}
.verifyscreen {
display: flex;
bottom: 0;
top: 0;
left: 0;
right: 0;
flex-direction: column;
justify-content: center;
margin: 42px;
text-align: center;
z-index: -1;
align-items: center
}
.verfycontent {
margin-bottom: 20px;
text-align: -webkit-left;
margin-top: 20px;
width: 400px
}
.w500 {
width: 500px
}
.refstatslist {
display: flex;
justify-content: space-between;
flex-direction: row;
}
.refstats {
margin-bottom: 10px;
background-color: var(--tp-color-200);
border: 0;
border-radius: 7px;
text-align: center;
display: flex;
width: 24%;
padding: 10px;
border: 1px solid var(--tp-color-300);
justify-content: space-between;
}
.buybtn {
position: fixed;
bottom: 73px;
display: flex;
text-align: center;
left: 0;
right: 0;
color: white;
justify-content: center;
transform: translateY(500px);
transition: .3s ease;
}
.buybtn.active {
position: fixed;
bottom: 73px;
display: none;
text-align: center;
left: 0;
right: 0;
color: white;
justify-content: center;
transform: translateY(0px)
}
.topmenu {
color: #e5e5e5;
padding: 7px;
background: #000;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999999999;
border: 1px solid var(--tp-color-300);
}
.panelmenuleft {
display: flex;
width: 25%;
align-items: center;
justify-content: flex-start;
}
.panelmenucenter {
display:
flex;
width: 50%;
align-items: center;
justify-content: center;
}
.panelmenuright {
display: flex;
width: 25%;
justify-content: flex-end;
align-items: center;
}
.topmenupanel {
color: var(--tp-color-500);
padding: 7px;
display: flex;
justify-content: space-between;
background: #FFF;
height: 108px;
padding-left: 15%;
padding-right: 15%;
right: 0;
backdrop-filter: blur(1.1999999999999993rem);
margin-top: -54px;
}
.panelmenulist {
display: flex
}
.panelmenulist li {
display: block;
padding: 10px 10px;
border-radius: 10px;
text-decoration: none;
color: var(--tp-color-500);
}
.panelmenulist li a {
color: #000;
font-weight: 700;
font-size: 16px;
}
.panelmenulist li,
a:hover {
color: var(--tp-color-500);
}
.panelmenuright .m-btn {
background: var(--tp-color-300);
color:
var(--tp-color-600);
}
.topheader {
display: flex;
justify-content: space-between;
align-items: center
}
.topleft {
display: flex;
flex-direction: row;
align-items: center
}
.toplogo {
text-decoration: none;
color: var(--tp-color-500);
margin-right: 20px;
font-size: 18px
}
.toplogo img {
width: 100px;
}
.toplogo:link {
text-decoration: none
}
.toplogo:hover {
var(--tp-color-600)
}
.topright {
display: flex;
flex-direction: row
}
.topmenulist {
display: flex
}
.topmenulist li {
display: block;
background: #000;
padding: 7px 10px;
border-radius: 7px;
text-decoration: none;
color: #ffffff;
}
.topmenulist li.active {
background: #080808;
border: 1px solid var(--tp-color-400);
}
.servicetop {
padding-left: 2px;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.topmenulist li a {
color: #ffffff;
}
.topmenulist li a:link {
text-decoration: none
}
.topbalance {
background: #c31331;
border-radius: 10px;
margin: 4px 4px 4px 4px;
display: flex;
padding: 0 10px;
align-items: center
}
.colorbox {
background: #000000;
border-radius: 10px;
padding: 4px;
line-height: 1;
margin: 4px 4px 4px 4px
}
.colorbtn {
background: var(--tp-color-300);
border-radius: 7px;
padding: 5px;
line-height: 1
}
html.light .btndark,
.btnblack {
background: #080808;
padding: 5px;
line-height: 1;
border: 0
}
html.dark .btnlight,
.btnblack {
background: #080808;
padding: 5px;
line-height: 1;
border: 0
}
html.black .btnlight,
.btndark {
background: #000000;
padding: 5px;
line-height: 1;
border: 0
}
html.light .btnlight {
background: #c31331;
border-radius: 7px;
padding: 5px;
line-height: 1;
border: 0
}
.btnlight {
background: #2bc04a;
border-radius: 7px;
padding: 5px;
line-height: 1;
border: 0
}
html.dark .btndark {
background: var(--tp-color-400);
border-radius: 7px;
padding: 5px;
line-height: 1
}
html.black .btnblack {
background: var(--tp-color-400);
border-radius: 7px;
padding: 5px;
line-height: 1
}
.btnactive {
background: var(--tp-color-400)
}
.updatebox {
display: flex;
font-size: 20px;
align-items: center;
margin: 4px 8px
}
.menubar {
display: flex;
font-size: 22px;
align-items: center;
margin: 4px 2px;
background: 0;
border: 0
}
.blogbox {
background-color: var(--tp-color-200);
display: flex;
border-radius: 10px;
margin-top: 20px;
margin-bottom: 20px;
border: 1px solid var(--tp-color-300);
}
.blogimg img {
border-radius: 10px 0 0 10px;
width: 270px;
height: 202px;
object-fit: cover;
}
.bottomnav {
display: none
}
.childbox {
padding: 8px;
display: flex;
background: var(--tp-color-200);
margin-bottom: 7px;
border-radius: 10px;
justify-content: space-between;
align-items: center;
border: 1px solid var(--tp-color-300);
}
.childcontent {
display: flex;
justify-content: flex-end;
}
.popupbox {
display:
flex;
padding: 32px;
justify-content: space-between;
margin-bottom: 13px;
}
.popupsol {
width: 60%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.popupsag {
width: 35%;
}
body {
padding-bottom: 70px;
padding-top: 50px;
}
.servicepr {
margin-right: 5px;
font-weight: 600;
font-size: 16px;
}
.signinbox{
width:500px;
}
.footer{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: #960014;
height: 238px;
gap: 20px;
margin-bottom: -70px;
}
.footer-logo{
display: block;
padding: 10px 10px;
border-radius: 10px;
text-decoration: none;
color: var(--tp-color-500);
}
.footer-logo img{
height:60px;
}
.footer-link{
display: flex;
padding: 10px 10px;
border-radius: 10px;
text-decoration: none;
color: white;
gap: 70px;
font-weight:700;
font-size:16px;
}
.footer-link a:hover{
color: white;
}
.footer-feature{
color: white;
}
}
@media only screen and (max-width:962px) {
body.master .main-content {
margin-left: 15px;
margin-right: 15px;
display: flex;
flex-direction: column
}
body.master .m-main {
width: 100%;
margin-right: 15px
}
body.master .s-main {
width: 100%
}
body.default .main-content {
margin-left: 15px;
margin-right: 15px;
display: flex;
flex-direction: column;
min-height: 20px;
margin-bottom: 20px;
background-color: var(--tp-color-200);
border: 0;
border-radius: 20px
}
body.default .m-main {
width: 100%;
margin-right: 15px
}
body.default .s-main {
width: 100%
}
body.default .contents {
display: flex;
width: 100%;
flex-direction: column
}
body.master .contents {
display: flex;
width: 100%;
flex-direction: column-reverse
}
body.default .defaultcontent {
width: 100%;
margin-right: 15px
}
body.default .icon-content {
display: flex;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 10px;
flex-direction: column-reverse
}
body.master .icon-content {
display: flex;
justify-content: space-between;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 10px;
flex-direction: column
}
body.master .icon-content .iconbox {
width: 100%
}
.platformlar {
background: var(--tp-color-400);
width: 90%;
padding: 20px;
border-radius: 10px;
font-weight: 500;
color: var(--tp-color-800);
text-align: center
}
.feature {
display: flex;
margin-top: 19px;
flex-direction: column
}
.feature .col-md-4 {
margin-bottom: 13px;
background: var(--tp-color-100);
border-radius: 10px;
padding: 20px
}
.homediv {
display: flex;
color: #fff;
margin-bottom: 13px;
text-align: center;
}
.guncellemebox {
display: flex;
padding: 7px 11px;
border-radius: 10px;
border: 1px solid var(--tp-color-300);
background: var(--tp-color-200);
margin-bottom: 7px;
justify-content: space-between;
align-items: center;
}
.guncellemename {
margin-top: 2px;
margin-bottom: -1px;
font-size: 12px;
}
.guncelleme-text {
color: white;
font-weight: 600;
}
.guncelleme-text span {
border-radius: 10px;
font-size: 12px;
}
.guncelleme-date {
color: var(--tp-color-50);
font-size: 11px;
}
.homeimgcenter {
margin-top: -231px;
}
.home-box-2 img {
height: 257px;
margin-bottom: 35px
}
.home-box-3 img {
width: 100%;
margin-bottom: 35px
}
.siteslogan {
font-weight: 600;
font-size: 18px;
margin-bottom: 15px;
text-align: center;
width: 332px;
color: #fff;
}
.homebottom {
display:
flex;
justify-content: space-between;
width: 100%;
margin-top: -40px;
flex-direction: column;
align-items: center;
}
.categorymenu {
background: var(--tp-color-200);
border-radius: 10px;
margin-top: 10px;
min-height: 0;
opacity: 0;
display: none;
transition: all .4s;
position: absolute;
border: 1px solid var(--tp-color-300);
left: 0;
right: 0;
box-shadow: 0 0 15px 0 #00000024
}
.categorymenu.active {
max-height: 437px;
opacity: 1;
display: block;
transition: all .4s;
border: 1px solid var(--tp-color-300);
z-index: 999999999;
position: absolute
}
.categorymenu.active body {
opacity: .1
}
.servicename {
display: flex;
font-size: 13px;
text-align: left;
font-weight: 600;
line-height: 1;
align-items: center;
}
.categorylist {
max-height: 362px;
border-radius: 0 0 16px 13px;
overflow-y: scroll
}
.servicesmenu {
background: var(--tp-color-200);
border-radius: 10px;
margin-top: 10px;
min-height: 0;
opacity: 0;
display: none;
transition: all .4s;
position: absolute;
border: 1px solid var(--tp-color-300);
left: 0;
right: 0;
box-shadow: 0 0 15px 0 #00000024
}
.servicesmenu.active {
max-height: 380px;
opacity: 1;
display: block;
transition: all .4s;
border: 1px solid var(--tp-color-300);
z-index: 999999999;
position: absolute
}
.servicesmenu.active body {
opacity: .1
}
.serviceslist {
max-height: 286px;
border-radius: 0 0 16px 13px;
overflow-y: scroll
}
.srcsp {
font-size: 11px;
color: var(--tp-color-800);
margin-right: 7px;
font-weight: 400
}
body.default .m-service-box {
background: var(--tp-color-200);
color: var(--tp-color-600);
border-radius: 0;
border: 0;
border-bottom: 2px solid var(--tp-color-300);
width: 100%;
transition: .2s ease;
margin-top: -6px;
}
body.default .servicebox:hover{
background: var(--tp-color-300);
}
.servicebox {
background: var(--tp-color-200);
padding: 5px;
color: var(--tp-color-600);
border-radius: 10px;
margin-bottom: 10px;
border: 1px solid var(--tp-color-300);
flex-direction: row;
justify-content: space-between;
width: 100%;
align-items: center
}
.servicetop {
padding: 2px;
display: flex;
justify-content: space-between;
flex-direction: column;
}
body.default .servicetop {
padding: 2px
}
.searbox {
display: flex;
width: 47%;
align-items: flex-end;
justify-content: flex-end;
}
.catebox {
z-index: 99999999;
position: relative;
width: 47%
}
.catebox.active {
width: 100%
}
.sertop {
font-weight: 600;
display: flex;
font-size: 12px;
justify-content: space-between;
}
.serbottom {
display: flex;
font-weight: 300;
font-size: 12px;
margin-bottom: 5px;
}
.serbottom span {
font-weight: 500;
font-size: 12px
}
.serbox {
display: flex;
padding: 5px 7px 10px;
border-radius: 10px;
border: 1px solid var(--tp-color-300);
background: #000;
margin-bottom: 5px;
justify-content: space-between;
flex-direction: column
}
.serfavboxmo{
display: block;
}
.serfavboxma{
display:none;
}
.serleft {
display: flex;
justify-content: flex-start;
flex-direction: column
}
.serright {
display: flex;
justify-content: flex-end
}
.ordrtop {
font-weight: 300;
display: flex;
font-size: 12px
}
.ordrbottom {
display: flex;
font-weight: 300;
font-size: 12px;
flex-direction: column;
word-wrap: break-word;
}
.ordrbottom span {
font-weight: 500;
font-size: 12px;
color: #eeeeee;
}
.ordrbottom span a {
font-weight: 900;
color: #eeeeee;
}
.ordrbox {
display: flex;
padding: 8px 7px;
border-radius: 10px;
border: 1px solid var(--tp-color-300);
background: #c31331;
margin-bottom: 10px;
justify-content: space-between;
flex-direction: column
}
.ordrleft {
display: flex;
flex-direction: column
}
.ordrright {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-top: 5px
}
.ordrprice {
border-radius: 7px;
background: var(--tp-color-300);
padding: 7px 9px;
font-weight: 500;
}
.ordrtop {
font-weight: 400;
display: flex
}
.ordrname {
display: flex;
flex-direction: column;
align-items: flex-start;
FONT-WEIGHT: 500;
}
.ordrname span {
FONT-WEIGHT: 700;
}
.ordrbutton .m-btn {
padding: 7px 9px;
font-size: 12px
}
.ordrname span {
padding: 2px 5px;
background: #080808;
border-radius: 5px;
margin-right: 5px;
margin-bottom: 5px
}
.paymentlist {
display: flex;
flex-direction: column;
justify-content: space-between
}
.bkybox {
display: flex;
padding: 10px;
background: #2b5c3b;
width: 100%;
border-radius: 10px;
margin-bottom: 10px;
/* height: 56px; */
justify-content: center;
border: 1px solid var(--tp-color-300);
flex-direction: column
}
.bkybox.active {
border: 1px solid var(--tp-color-500)
}
.bkyname {
font-weight: 600
}
.bkybottom {
display: flex;
justify-content: space-between
}
.destekbox {
display: flex;
border: 0;
font-size: 12px;
border-radius: 10px;
min-height: 100%;
justify-content: space-between;
flex-direction: column-reverse
}
.accountdiv {
display: flex;
flex-direction: column
}
.toplogo img {
width: 131px;
}
.verifyscreen {
display: flex;
position: relative;
left: 0;
right: 0;
bottom: 0;
top: 0;
overflow-y: scroll;
flex-direction: column;
justify-content: center;
margin: 9px;
text-align: center
}
.verfycontent {
margin-bottom: 0px;
text-align: -webkit-left;
margin-top: 20px
}
.refstatslist {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.refstats {
margin-bottom: 13px;
background-color: var(--tp-color-200);
border: 0;
border-radius: 10px;
text-align: center;
display: flex;
padding: 10px;
border: 1px solid var(--tp-color-300);
justify-content: space-between;
}
.buybtn {
position: fixed;
bottom: 73px;
display: flex;
text-align: center;
left: 0;
right: 0;
color: white;
justify-content: center;
transform: translateY(500px);
transition: .3s ease;
}
.buybtn.active {
position: fixed;
bottom: 73px;
display: flex;
text-align: center;
left: 0;
right: 0;
color: white;
justify-content: center;
transform: translateY(0px)
}
.topmenu {
color: var(--tp-color-500);
padding: 7px;
background: var(--tp-color-200);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 4;
border-bottom: 1px solid var(--tp-color-300);
}
.topmenupanel {
color: var(--tp-color-500);
padding: 7px;
display: flex;
z-index: 999999999;
justify-content: space-between;
margin: -42px 20px 20px 20px;
align-items: center;
}
.panelmenulist {
display: none;
}
.panelmenulist li {
display: block;
padding: 10px 10px;
border-radius: 10px;
text-decoration: none;
color: var(--tp-color-400);
}
.panelmenulist li,
a:hover {
color: var(--tp-color-400);
}
.panelmenuright .m-btn {
background: var(--tp-color-400);
color: var(--tp-color-600);
padding: 6px 18px;
}
.topheader {
display: flex;
justify-content: space-between;
align-items: center
}
.topheader .colorbox {
display: none;
}
.topleft {
display: flex;
flex-direction: row;
align-items: center
}
.toplogo {
text-decoration: none;
color: var(--tp-color-500);
margin-right: 20px;
font-size: 18px
}
.panelmenulogo {
text-decoration: none;
color: var(--tp-color-500);
margin-right: 20px;
font-size: 18px;
height: 50px;
display: flex;
align-items: center;
}
.panelmenulogo li a:link {
text-decoration: none
}
.panelmenulogo img {
height: 40px;
}
.toplogo li a:link {
text-decoration: none
}
.topright {
display: flex;
flex-direction: row;
gap: 15px;
}
.topmenulist {
display: none
}
.topmenulist li {
display: block;
background: var(--tp-color-200);
padding: 10px 10px;
border-radius: 10px;
text-decoration: none;
color: var(--tp-color-500);
transition: .5s ease
}
.topmenulist li.active {
background: var(--tp-color-300);
transition: .3s ease
}
.topmenulist li a {
color: var(--tp-color-500)
}
.topmenulist li a:link {
text-decoration: none
}
.topbalance {
display: none
}
.colorbox {
background: var(--tp-color-100);
border-radius: 10px;
padding: 4px;
line-height: 1;
margin: 4px 4px 4px 4px
}
.colorbtn {
background: var(--tp-color-300);
border-radius: 7px;
padding: 5px;
line-height: 1
}
html.light .btndark,
.btnblack {
background: var(--tp-color-100);
padding: 5px;
line-height: 1;
border: 0;
FONT-WEIGHT: 500;
}
html.dark .btnlight,
.btnblack {
background: var(--tp-color-100);
padding: 5px;
line-height: 1;
border: 0
}
html.black .btnlight,
.btndark {
background: var(--tp-color-100);
padding: 5px;
line-height: 1;
border: 0
}
html.light .btnlight {
background: var(--tp-color-400);
border-radius: 7px;
padding: 5px;
line-height: 1;
border: 0;
}
html.dark .btndark {
background: var(--tp-color-300);
border-radius: 7px;
padding: 5px;
line-height: 1
}
html.black .btnblack {
background: var(--tp-color-400);
border-radius: 7px;
padding: 5px;
line-height: 1
}
.btnactive {
background: var(--tp-color-400)
}
.updatebox {
display: flex;
font-size: 20px;
align-items: center;
margin: 4px 8px
}
.menubar {
display: flex;
font-size: 22px;
background: 0;
border: 0;
margin: 0px;
line-height: 1;
padding: 0px;
align-items: center;
}
.btnlight {
background: var(--tp-color-300);
border-radius: 7px;
padding: 5px;
line-height: 1;
border: 0
}
.blogbox {
background-color: var(--tp-color-200);
display: flex;
border-radius: 10px;
margin-top: 20px;
margin-bottom: 20px;
flex-direction: column
}
.blogimg img {
width: 100%;
border-radius: 10px 10px 0 0;
height: auto
}
.bottomnav {
display: flex;
flex-direction: row;
width: 100%;
position: fixed;
bottom: 0;
margin: auto;
background-color: var(--tp-color-200);
padding: 13px 9px;
z-index: 2;
box-shadow: 0 5px 40px rgb(0 0 0 / 30%);
border-top: 1px solid var(--tp-color-300);
}
.nav-item {
display: flex;
flex-grow: 1;
padding: 11px 12px;
cursor: pointer;
transition: all .2s ease-out;
justify-content: center;
align-items: center
}
.nav-text {
font-size: 12px;
margin: auto;
text-align: center;
font-weight: 500;
display: none;
color: var(--tp-color-500);
transition: all .3s ease
}
.bottomnav i {
display: inline;
font-size: 16px;
color: var(--tp-color-500);
transition: color .3s;
line-height: 1
}
.nav-item.active {
border-radius: 7px;
background: var(--tp-color-300);
display: flex;
align-items: center;
justify-content: flex-start;
border: 1px solid var(--tp-color-400);
}
.nav-item.active>.nav-text {
display: inline-block
}
.childbox {
padding: 8px;
display: flex;
background: var(--tp-color-200);
margin-bottom: 10px;
border-radius: 10px;
flex-direction: column;
border: 1px solid var(--tp-color-300);
}
.childcontent {
display:
flex;
justify-content: flex-end;
flex-direction: column;
padding: 6px;
align-items: center;
}
.popupbox {
display:
flex;
padding: 20px;
justify-content: space-between;
align-items: center;
flex-direction: column;
}
.popupsol {
width: 100%;
text-align: center;
}
.popupsag {
width: 100%;
text-align: center;
margin-top: 20px;
}
body {
padding-bottom: 85px;
padding-top: 50px;
}
.servicepr {
margin-right: 5px;
font-weight: 600;
font-size: 15px;
}
.signinbox{
width: 100%;
}
.footer{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: #0d0d0d;
gap: 14px;
padding: 20px;
margin-bottom: -90px;
}
.footer-logo{
display: block;
padding: 10px 10px;
border-radius: 10px;
text-decoration: none;
color: var(--tp-color-500);
}
.footer-logo img{
height:60px;
}
.footer-link{
display: flex;
padding: 10px 10px;
border-radius: 10px;
text-decoration: none;
color: white;
gap: 5px;
font-weight:700;
font-size:16px;
flex-direction: column;
align-items: center;
}
.footer-link a:hover{
color: white;
}
.footer-feature{
color: white;
}
}
body {
font-family: 'Manrope', sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #fff;
background-color: #960014;
}
html {
scroll-behavior: smooth
}
a:link {
text-decoration: none
}
a:hover {
color: var(--tp-color-500)
}
iframe {
margin-top: 10px;
}
.g-recaptcha{
margin-bottom:20px;
}
.loginpage {
display: flex;
flex-direction: column;
padding: 20px;
align-items: center;
color: var(--tp-color-400);
justify-content: center;
margin-top: 0px;
z-index: 9999;
margin-top: 40px;
margin-bottom: 50px;
}
.loginpage .homebaslik {
color: #FFF;
}
.sitename {
font-weight: 600;
font-size: 20px;
text-align: center;
color: var(--tp-color-500);
}
.childurl {
padding: 10px 20px;
background:
var(--tp-color-cyan);
color:
white;
border-radius: 7px;
text-align: center;
}
.childbtn .m-btn {
width: 100%;
}
.childtext {
margin-right: 10px;
font-size: 14px;
font-weight: 500;
}
.childtext span {
margin-right: 10px;
font-size: 14px;
font-weight: 600;
}
.pb20 {
margin-bottom: 10px
}
.loginbottom {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: -10px;
}
.pull-right-middle a {
color: #2bc04a;
font-weight: 600;
}
.platformbox {
margin-top: 31px;
/* display: flex; */
justify-content: center;
align-items: center
}
.featurebox {
margin-top: -34px;
display: flex;
justify-content: center;
align-items: center;
background: var(--tp-color-300);
padding: 40px 24px
}
.featuretop {
display: flex;
align-items: center
}
.featureicon {
margin-right: 10px;
font-size: 20px;
color: var(--tp-color-800)
}
.featurename {
font-weight: 500;
color: var(--tp-color-800)
}
.feautretext {
font-weight: 300;
font-size: 14px
}
.home-box-1 {
display: flex;
padding-top: 22px;
justify-content: center;
align-items: center;
flex-direction: column;
background-position: center;
}
.home-box-2 {
display: flex;
background: #2b5c3b;
padding: 60px 24px;
justify-content: space-around;
align-items: center;
flex-direction: column;
}
.home-box-3 {
display: flex;
background: #2b5c3b;
padding: 60px 24px;
justify-content: space-around;
align-items: center;
flex-direction: column;
}
.home-box-2 .m-btn {
margin-bottom: 1px;
z-index: 99;
}
.home-box-3 .m-btn {
margin-bottom: 1px;
z-index: 99;
}
z-index: 99;
}
.home-box-1 .m-btn {
margin-bottom: 1px;
z-index: 99;
}
.homeimg {
display: flex;
flex-direction: column;
align-items: center
}
.hmfeature {
margin: 20px;
display: flex;
}
.hmfeature span {
margin-left: 10px;
font-weight: 600;
}
.hmfeature i {
font-weight: 600;
background: #c31331;
border-radius: 50%;
padding: 5px;
color: #FFF;
}
.home-box-1 img {
height: 350px
}
.homebaslik {
font-size: 24px;
font-weight: 800;
text-align: center;
margin-bottom: 8px;
}
.home-box-2 .homebaslik {
font-size: 28px;
font-weight: 700;
text-align: center;
color: white;
margin-top: -84px;
margin-bottom: 7px;
}
.home-box-3 .homebaslik {
font-size: 28px;
font-weight: 700;
text-align: center;
color: white;
margin-top: -84px;
margin-bottom: 7px;
}
.homeicerik {
font-size: 18px;
text-align: center
}
.hbox {
display: flex;
padding: 10px;
align-items: center;
color: var(--tp-color-400)
}
.hicon {
font-size: 35px;
margin-right: 20px;
color: #bf7f3c
}
.hcontent {
display: flex;
flex-direction: column;
font-size: 14px;
font-weight: 300
}
.hcontent span {
font-size: 16px;
font-weight: 600
}
.lbg {
position: absolute;
z-index: -1;
}
.filterbox {
display:
flex;
}
.favbox {
background:
var(--tp-color-200);
padding: 9px 15px;
border-radius: 10px;
display:
flex;
border: 0px;
font-weight: 600;
margin-right: 5px;
transition: .2s ease;
}
.filterfeature {
display:
flex;
align-items: center;
padding: 5px 15px;
background:
var(--tp-color-200);
border-radius: 10px;
border: 0px;
margin-right: 5px;
}
.filterfeature i {
margin-right: 5px;
}
.serbox .servicefav {
display: flex;
width: 12px;
margin: 0px;
margin-top: 2px;
font-size: 16px;
margin-left: 5px;
}
.serbox .deletefav {
display: flex;
width: 12px;
margin: 0px;
margin-top: 2px;
font-size: 16px;
margin-left: 5px;
}
.servicefav {
display: flex;
width: 10px;
margin: 3px;
line-height: 1;
color: var(--tp-color-700);
}
.deletefav {
display: flex;
width: 10px;
margin: 3px;
line-height: 1;
color: var(--tp-color-700);
}
.dbox .video-wrapper {
border-radius: 25px;
height: 75px;
margin: 0px 18px;
}
.dtext {
display: flex;
font-weight: 500;
font-size: 20px;
margin-top: -54px;
margin-bottom: 26px;
justify-content: center;
color: white;
}
body.default .s-main {
margin-top: -25px
}
body.default .m-box {
min-height: 20px;
padding: 15px;
background-color: var(--tp-color-200);
border: 0;
border-radius: 15px
}
body.default .categoryname {
background-color: var(--tp-color-300)
}
body.default .servicesname {
background-color: var(--tp-color-300)
}
body.default .servicesname i {
margin-top: 10px
}
.buybtn .btn-blue {
color:
white;
border-radius: 10px;
}
.modalbutton {
margin-left: 10px;
margin-right: 10px;
margin-top: 18px;
margin-bottom: 6px;
}
.modalbutton .m-btn {
width: 100%;
}
.orderlistbox {
display: flex;
flex-direction: column;
height: 100%;
}
.ordermodal {
border-bottom: 1px solid var(--tp-color-400);
padding: 5px 17px
}
.ordermodal a {
color: var(--tp-color-500);
font-weight: 700;
}
.ordermodal span {
color: var(--tp-color-500);
font-weight: 500;
}
body.master .servicesbox {
display: none
}
body.default .master {
display: none
}
body.master .servicebox {
margin-bottom: 7px;
transition: .2s ease;
}
body.master .servicebox:hover{
border: 1px solid var(--tp-color-800);
}
body.default .servicebox {
margin-bottom: 0px
}
.accounttop {
min-height: 20px;
margin-bottom: 10px;
border: 0;
border-radius: 10px;
margin-top: -219px;
margin-bottom: 104px;
text-align: center;
display: flex;
font-size: 20px;
justify-content: center;
flex-direction: column;
color: #fff
}
.accountbx {
margin-bottom: 10px;
margin-right: 5px;
text-align: center;
padding: 6px 68px;
background: #2bc04a;
color: var(--tp-color-100);
border-radius: 10px;
font-weight: 500
}
.accounttop span {
font-size: 16px;
font-weight: 400;
color: #ffffffb0
}
.accountbox .m-btn {
margin-bottom: 20px;
margin-top: 10px
}
.accountbox {
min-height: 20px;
margin-bottom: 10px;
background-color: #c31331;
border: 0;
border-radius: 10px;
padding: 15px
}
.ratelist {
display: flex;
flex-direction: column;
height: 100%;
}
.ratediv {
border-bottom: 1px solid var(--tp-color-300);
color: var(--tp-color-500);
display: flex;
height: 100%;
align-items: center;
padding-left: 19px;
}
body.master .box {
min-height: 20px;
padding: 15px;
margin-bottom: 10px;
background-color: var(--tp-color-200);
border: 1px solid var(--tp-color-300);
border-radius: 10px;
color: var(--tp-color-600);
}
body.master .box a{
color: var(--tp-color-600);
font-weight:600;
}
body.master .box a:href{
color: var(--tp-color-800);
}
.abox {
min-height: 20px;
padding: 15px;
background-color: #f5f5f5;
border: 1px solid var(--tp-color-300);
border-radius: 10px;
color: var(--tp-color-600);
margin-bottom: -10px;
}
.abox a{
color: var(--tp-color-600);
font-weight:600;
}
.abox a:href{
color: var(--tp-color-800);
}
body.master .sbuy {
border: 1px solid var(--tp-color-200);
}
.sbuy.active {
animation: ripple 3s linear infinite;
}
.defaultcontent .box {
min-height: 20px;
padding: 0 15px 0 15px;
background-color: var(--tp-color-200);
border: 0;
border-radius: 15px
}
body.default .box {
min-height: 20px;
padding: 15px;
background-color: #2bc04a;
border: 0;
border-radius: 20px
}
.dropdown-menu {
min-width: 100%;
padding: 0;
max-height: 43.6vh;
overflow-y: scroll;
border: none !important;
margin-top: 15px;
border-radius: 10px;
box-shadow: 0 0 42px -7px #0000005c
}
.drop-menu-modal-header {
position: fixed;
top: 5px;
margin-left: 10px
}
.dropdown i {
height: 15px
}
.dropdown button {
background: var(--tp-color-00);
border-top: none !important;
color: var(--tp-color-700)
}
.dropdown button:hover,
.dropdown button:focus {
outline: 0;
box-shadow: none
}
.dropdown-menu {
transform: translate3d(0, -1px, 0) !important
}
.menu_content .themebox {
background: #c31331;
padding: 12px;
border-radius: 7px;
border: 0;
font-weight: 700;
margin-bottom: 10px;
}
.menu_content .headbalance {
background: #2bc04a;
padding: 5px 12px;
border-radius: 7px;
border: 0;
font-weight: 700;
margin-bottom: 10px;
}
.menu_content .colorbox {
width: 100%;
margin: 5px 0
}
.menu_content .btnlight {
border-radius: 7px;
padding: 5px;
line-height: 1;
width: 33%
}
.menu_content .btndark {
border-radius: 7px;
padding: 5px;
line-height: 1;
width: 31%
}
.menu_content .btnblack {
border-radius: 7px;
padding: 5px;
line-height: 1;
FONT-WEIGHT: 500;
width: 33%
}
.form-control {
display: flex;
width: 100%;
min-height: 40px;
padding: 10px 14px;
font-size: 16px;
line-height: 1.42857143;
color: var(--tp-color-700);
background-color: var(--tp-color-300);
background-image: none;
border: 0;
border-radius: 7px;
align-items: center;
justify-content: space-between
}
.loginpage input::placeholder {
color: var(--tp-color-500)
}
.blog-box {
padding: 25px;
background: var(--tp-color-200);
border-radius: 10px;
margin-bottom: 20px
}
.blog-box {
color: var(--tp-color-500)
}
.blog-box a {
color: var(--tp-color-800);
font-weight: 600;
}
.box .m-btn {
margin-top: 10px
}
.siparisbtngroup .m-btn{
width:48%;
display: flex;
justify-content: center;
}
.siparisbtngroup{
display:
flex;
justify-content: space-between;
}
.m-btn {
padding: 10px 33px 12px;
border: 0;
font-weight: 600;
transition: .2s ease;
text-decoration: none;
}
.btnalt {}
.btn-main {
background: #2b5c3b;
touch-action: manipulation;
color: var(--tp-color-300);
border: 0;
border-radius: 7px;
line-height: 20px;
white-space: nowrap;
font-size: 16px;
vertical-align: middle;
font-weight: 700;
}
.btn-red {
background: #e42121;
touch-action: manipulation;
color: white;
border: 0;
border-radius: 7px;
line-height: 20px;
white-space: nowrap;
font-size: 16px;
vertical-align: middle;
font-weight: 700;
}
.btn-blue {
background: #c31331;
touch-action: manipulation;
color: white;
border: 0;
border-radius: 7px;
line-height: 20px;
white-space: nowrap;
font-size: 16px;
vertical-align: middle;
font-weight: 700;
}
.btn-main:link {
text-decoration: none
}
.btn-main:hover {
background: var(--tp-color-700);
color: var(--tp-color-200);
border: 0
}
.btn-red:link {
text-decoration: none
}
.btn-red:hover {
background: #cf1d1d;
color: var(--tp-color-200);
border: 0
}
.btn-blue:hover {
background: var(--tp-color-blue);
color: white;
border: 0
}
.mtopbtn {
display: none;
}
.btn-main:link {
text-decoration: none
}
.bosluk {
padding: 37px
}
.servicename i {
margin-right: 4px;
font-size: 16px
}
.servicedetail {
display: flex
}
.servicebottom {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-top: 4px;
}
.serviceprice {
display: flex;
line-height: 1;
align-items: center;
width: 50%;
justify-content: flex-end;
}
.servicespeed {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
gap: 4px;
}
body.default .servicespeed span {
background: var(--tp-color-300);
padding: 4px 8px;
border-radius: 7px;
margin-right: 5px;
color: white;
font-weight: 600;
font-size: 11px;
margin-top: 4px;
}
body.master .servicespeed span {
background: var(--tp-color-300);
padding: 4px 8px;
border-radius: 7px;
color: white;
font-weight: 600;
font-size: 11px;
}
.servicespeed i {
margin-right: 4px;
font-weight: 600;
}
.serviceprice .m-btn {
padding: 2px 13px;
}
.topmenu .m-btn {
padding: 5px 20px
}
.srcsp span {
font-weight: 700;
color: var(--tp-color-800);
}
.searchbox {
background: var(--tp-color-300);
border: 0;
width: 100%;
border-radius: 7px;
padding: 9px;
color: var(--tp-color-500);
border: 1px solid var(--tp-color-400)
}
textarea:focus,
input:focus {
outline: 0
}
textarea,
input {
color: var(--tp-color-500);
}
input::placeholder {
color: color:var(--tp-color-500)
}
body.default .categoryname {
background: var(--tp-color-300);
border-radius: 10px;
padding: 7px 14px;
font-size: 14px;
display: flex;
width: 100%;
border: 0;
color: var(--tp-color-500);
z-index: 999999;
height: 43px;
overflow-y: hidden;
line-height: 30px;
justify-content: space-between;
align-items: center;
}
.categoryname i {
margin-right: 5px;
font-size: 16px
}
body.default #order-category{
text-align:left;
}
body.master #order-category{
text-align:left;
height: 20px;
overflow: hidden;
}
body.default #order-services{
text-align:
left;
height: 36px;
margin-top: 2px;
}
body.master #order-services{
text-align:left;
height: 20px;
overflow: hidden;
}
body.master .categoryname {
background: var(--tp-color-200);
border-radius: 10px;
padding: 10px 12px;
display: flex;
width: 100%;
border: 0;
color: var(--tp-color-500);
z-index: 3;
align-items: center;
FONT-WEIGHT: 600;
border: 1px solid var(--tp-color-300);
justify-content: space-between
}
.catename {
background: var(--tp-color-200);
border-radius: 10px;
padding: 9px 15px;
display: flex;
width: 100%;
border: 0;
color: var(--tp-color-500);
z-index: 99999;
align-items: center;
justify-content: space-between;
border: 1px solid var(--tp-color-300);
}
.orderlink {
color: var(--tp-color-cyan);
}
.categorysearch {
margin: 10px;
color: var(--tp-color-500)
}
.categoryselect {
width: 100%;
display: flex;
border: 0;
border-bottom: 1px solid var(--tp-color-300);
padding: 10px 10px;
background: var(--tp-color-200);
color: var(--tp-color-500);
text-align: left;
align-items: center;
FONT-WEIGHT: 600;
}
.categoryselect img {
width: 20px;
margin-right: 5px
}
.categoryselect:hover {
background: var(--tp-color-300)
}
.categoryselect span {
font-size: 18px;
margin-right: 5px
}
.catselect {
width: 100%;
display: flex;
border: 0;
border-bottom: 1px solid var(--tp-color-300);
padding: 15px 10px;
background: var(--tp-color-200);
color: var(--tp-color-500);
text-align: left;
align-items: center;
justify-content: flex-start
}
.catselect span {
margin-right: 5px
}
.catselect img {
margin-right: 5px
}
.catselect:hover {
background: var(--tp-color-300)
}
.catselect span {
font-size: 18px;
margin-right: 5px
}
.categorybox::after {
transition: all .4s
}
.categorycontent {
background: 0;
position: fixed;
display: none;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: .5s ease;
z-index: 9999
}
.categorycontent.active {
background: #0000004f;
position: fixed;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
transition: .5s ease;
}
.categorybox {
z-index: 3;
position: relative
}
.sertopmenu {
display: flex;
margin-bottom: 7px;
justify-content: space-between
}
.sertopmenu .m-btn {
padding: 7px 11px;
border-radius: 0 10px 10px 0;
display: flex;
align-items: center;
padding: 6px 10px;
border: 1px solid var(--tp-color-400);
border-left: 0
}
.sertopmenu .brdr {
border-radius: 10px 0 0 10px;
border-right: 0
}
.servicesname {
background: var(--tp-color-200);
border-radius: 10px;
padding: 3px 15px;
display: flex;
width: 100%;
border: 0;
text-align: left;
color: var(--tp-color-500);
height: 43px;
overflow-y: hidden;
z-index: 999999;
line-height: 30px;
align-items: flex-start;
justify-content: space-between
}
.modalalertred {
padding: 10px;
background: var(--tp-color-red);
display: flex;
border-radius: 10px;
color: white;
margin-top: 10px;
}
.modalalertgreen {
padding: 10px;
background: var(--tp-color-green);
display: flex;
border-radius: 10px;
color: white;
margin-top: 10px;
}
.servicesname i {
margin-right: 5px
}
.servicessearch {
margin: 10px;
color: var(--tp-color-500)
}
.servicesselect {
width: 100%;
display: flex;
border: 0;
border-bottom: 1px solid var(--tp-color-300);
padding: 15px 10px;
background: var(--tp-color-200);
color: var(--tp-color-500);
align-items: center
}
.servicesselect:hover {
background: var(--tp-color-300)
}
.servicesselect span {
font-size: 18px;
margin-right: 5px
}
.servicesbox::after {
transition: all .4s
}
.servicescontent {
background: 0;
position: fixed;
display: none;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: .5s ease;
z-index: 9999
}
.servicescontent.active {
background: #0000004f;
position: fixed;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
transition: .5s ease;
}
.servicesbox {
z-index: 2;
position: relative
}
.menu_content i {
font-size: 16px;
margin-right: 4px;
height: 18px
}
@media screen and (min-width:576px) {
.menu_content {
width: 380px;
border-radius: 0;
height: 100%
}
.menu_img {
width: 170px
}
body.master .iconbox {
width: 100%
}
}
.menu {
height: 100vh;
display: grid;
place-items: center
}
.menu_button {
text-decoration: none;
transition: .3s;
border-bottom: 1px solid var(--tp-color-700);
font-weight: 400;
font-size: 16px
}
.menu_button:hover {
text-decoration: none;
color: var(--site-color)
}
.menu_container {
position: fixed;
display: flex;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: grid;
overflow: hidden;
transition: all .3s;
z-index: 9999999999999;
visibility: hidden;
opacity: 0
}
@media screen and (min-width:576px) {
.menu_container {
justify-content: flex-end
}
.menu_content {
position: relative;
background-color: var(--tp-color-100);
text-align: center;
transition: all .3s;
transform: translatex(100%);
height: 100%;
display: flex;
width: 350px;
flex-direction: column;
}
.menu_close {
display: inline-flex;
background-color: #37415100;
color: var(--tp-color-700);
font-size: 16px;
position: absolute;
top: 22px;
right: 2rem;
cursor: pointer;
z-index: 99;
}
.menu_title {
color: var(--tp-color-500);
font-weight: 400;
display: flex;
border-bottom: 1px solid var(--tp-color-400);
font-size: 18px;
align-items: center;
padding: 19px;
z-index: 9;
background: var(--tp-color-100);
}
.themesettingsbox {
right: 0px;
}
}
@media screen and (max-width:576px) {
.menu_content {
position: fixed;
background-color: var(--tp-color-100);
text-align: center;
transition: all .5s;
height: 100%;
bottom: 0;
left: 0;
display: flex;
right: 0;
transform: translateY(50%);
flex-direction: column;
}
.menu_close {
display: inline-flex;
background-color: #37415100;
color: var(--tp-color-700);
font-size: 16px;
position: absolute;
top: 22px;
right: 2rem;
cursor: pointer;
z-index: 99;
}
.menu_title {
color: var(--tp-color-500);
font-weight: 700;
display: flex;
border-bottom: 1px solid var(--tp-color-400);
font-size: 18px;
align-items: center;
padding: 19px;
z-index: 9;
background: var(--tp-color-100);
}
.themesettingsbox {
right: 0;
}
}
.menu-box {
display: flex;
flex-direction: column;
height: 70%;
}
.modalbottom {
display:
flex;
padding: 20px;
background: var(--tp-color-100);
width: 100%;
height: 30%;
flex-direction: column;
justify-content: flex-end;
}
.modalbottom select{
background: #c31331;
border:0px;
margin-bottom:10px;
height:30px;
padding: 5px 7px;
border-radius: 7px;
}
.modalcontent {
display: flex;
flex-direction: column;
height: 100%;
}
.menu_img {
width: 150px;
margin-bottom: .75rem
}
.menu_button-width {
padding: 0px 10px;
display: flex;
border-color: var(--tp-color-400);
color: var(--tp-color-700);
font-weight: 500;
font-size: 16px;
align-items: center;
height: 100%;
justify-content: space-between;
}
.menu_button-width:link {
text-decoration: none
}
.menu_button-link {
display: block;
margin: 1rem auto 0;
background-color: var(--site-color);
color: var(--tp-color-700);
font-weight: 500;
border: 1px solid var(--site-color);
position: fixed;
bottom: 0;
position: fixed;
bottom: 0;
left: 0;
width: 78%;
margin: 40px;
border-radius: 12px;
padding: 10px
}
.show-menu {
visibility: visible;
opacity: 1;
background: #00000091;
}
.show-menu .menu_content {
transform: scale(1) translateX(0)
}
.headericon i {
font-weight: 300
}
#duyuruListe {
overflow-y: scroll;
}
.headericon.active:link {
text-decoration: none
}
.elem {
padding-top: 40px;
}
.body.master .defaultdiv {
display: flex
}
.body.default .masterdiv {
display: flex
}
body.master .iconbox {
display: flex;
padding: 4px;
background: #2b5c3b;
border-radius: 10px;
align-items: center;
justify-content: space-between;
width: 32.8%;
border: 1px solid var(--tp-color-300);
flex-direction: row
}
body.default .iconbox {
display: flex;
padding: 7px;
background: var(--tp-color-200);
border-radius: 10px;
align-items: center;
justify-content: space-between;
width: 100%
}
.iconbox {
display: flex;
padding: 7px;
background: var(--tp-color-200);
border-radius: 10px;
align-items: center;
justify-content: space-between;
margin-bottom: 10px
}
.iconbox .icon {
padding: 10px;
background: #2b5c3b;
border-radius: 7px;
}
.icontext {
display: flex;
flex-direction: column-reverse;
align-items: flex-end
}
.icontext span {
font-weight: 700;
font-size: 14px;
}
.icontext {
font-size: 10px;
padding: 0;
padding-right: 5px;
FONT-WEIGHT: 500;
}
.fa,
.fas {
font-family: "Font Awesome 5 Pro";
font-weight: 500
}
.fade-in {
-webkit-animation: fadeIn .3s;
-moz-animation: fadeIn .5s;
-o-animation: fadeIn .5s;
-ms-animation: fadeIn .5s
}
@keyframes fadeIn {
0 {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes fadeIn {
0 {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes fadeIn {
0 {
opacity: 0
}
100% {
opacity: 1
}
}
@-o-keyframes fadeIn {
0 {
opacity: 0
}
100% {
opacity: 1
}
}
@-ms-keyframes fadeIn {
0 {
opacity: 0
}
100% {
opacity: 1
}
}
.themesettingsbox {
display: flex;
padding: 15px;
background: var(--tp-color-200);
position: absolute;
transform: translatey(300px);
opacity: 0;
transition: .2s ease;
bottom: 0;
left: 0;
margin: 10px;
border-radius: 10px;
z-index: 999;
align-items: flex-end;
flex-direction: column;
}
.themesettingsbox.active {
transform: translatey(0);
opacity: 1
}
.closethemebox {
border: 0;
background: var(--tp-color-300);
padding: 3px 2px 1px 6px;
border-radius: 5px
}
html.black .bkyicon img{
filter: invert(94%) sepia(6%) saturate(0%) hue-rotate(43deg) brightness(105%) contrast(108%);
}
html.dark .bkyicon img{
filter: invert(92%) sepia(21%) saturate(59%) hue-rotate(177deg) brightness(90%) contrast(93%);
}
.themedesign {
display: flex;
justify-content: space-between
}
.themeselecttbox {
display: flex;
flex-direction: column;
width: 49%;
align-items: center
}
.themeselectimg img {
width: 100%;
height: 100%;
filter: invert(30%) sepia(9%) saturate(950%) hue-rotate(176deg) brightness(97%) contrast(86%);
filter: brightness(1.)
}
html.dark .themeselectimg img {
width: 100%;
height: 100%;
filter: invert(100%) sepia(11%) saturate(558%) hue-rotate(176deg) brightness(100%) contrast(97%);
filter: brightness(1.5)
}
html.black .themeselectimg img {
width: 100%;
height: 100%;
filter: invert(100%) sepia(100%) saturate(0) hue-rotate(43deg) brightness(101%) contrast(103%);
filter: brightness(1.)
}
body.default .btndefault {
background: var(--tp-color-400);
width: 100%
}
body.master .btnmaster {
background: var(--tp-color-400)
}
.btnmaster {
background: var(--tp-color-300);
padding: 10px;
border-radius: 10px;
border: 0;
transition: .1s ease;
width: 100%;
font-weight: 600;
}
.btndefault {
background: var(--tp-color-300);
padding: 10px;
border-radius: 10px;
border: 0;
transition: .1s ease;
width: 100%;
font-weight: 600;
}
.btnmaster:hover {
background: var(--tp-color-400)
}
.btndefault:hover {
background: var(--tp-color-400)
}
body.default .masterdiv {
display: none
}
body.master .defaultdiv {
display: none
}
body.default .descbox {
display: none
}
#charge {
background: 0;
padding: 0;
font-size: 20px;
font-weight: 600;
height: 15px;
border-radius: 0
}
#charge::placeholder {
color: var(--tp-color-500)
}
#field-orderform-fields-total-quantity {
background: 0;
padding: 0;
font-size: 20px;
font-weight: 600;
border-radius: 0;
height: 20px
}
#field-orderform-fields-quantity[disabled] {
background: 0;
padding: 0;
font-size: 20px;
font-weight: 600;
border-radius: 0;
height: 20px
}
#s_descriptionmaster {
background: var(--tp-color-300);
padding: 11px 15px;
border-radius: 0 0 7px 7px;
}
#s_description {
margin: 10px
}
#s_sure {
background: var(--tp-color-300);
padding: 11px 15px;
border-radius: 10px;
width: 100%;
margin-bottom: 10px
}
#history-search {
display: flex
}
.descriptionbox {
display: flex;
background: var(--tp-color-200);
padding: 10px;
border-radius: 10px;
margin-bottom: 10px;
flex-direction: column
}
.descriptionbox label {
margin: 10px
}
.serivcesinfo {
display: flex;
background: var(--tp-color-200);
padding: 7px;
border-radius: 10px;
flex-direction: column;
border: 1px solid var(--tp-color-400);
align-items: center
}
.servicesinfo span {
padding: 10px
}
#s_name {
text-align: center;
background: var(--tp-color-300);
margin-top: 10px;
border-radius: 7px;
padding: 10px;
width: 100%
}
.catbox {
padding: 8px;
border-radius: 10px;
border: 1px solid #fff;
background: #000;
margin-bottom: 5px;
align-items: center;
font-weight: 500;
font-size: 14px;
justify-content: space-between;
}
.searbox .form-control {
border-radius: 10px 0 0 10px;
color: var(--tp-color-500)
}
.serprice {
margin-right: 10px;
font-weight: 500;
font-size: 18px
}
.serbottom span {
margin-right: 10px
}
.serbox .m-btn {
border-radius: 7px;
line-height: 1;
padding: 5px 15px;
}
.serid {
margin-right: 5px
}
.sercatbox {
display: none
}
.paylist {
display: flex;
flex-direction: column;
margin-top: 10px
}
.bkyicon img {
height: 33px;
margin-left: 3px;
/* margin-bottom: -10px; */
}
.paymentbox {
display: flex;
margin-top: 7px;
padding: 7px;
background: #000;
border-radius: 10px;
align-items: center;
justify-content: space-between;
border: 1px solid var(--tp-color-300);
}
.payicon {
padding: 10px;
background: #171718;
border-radius: 7px;
margin-right: 10px;
display: flex;
align-items: center;
}
.payleft {
display: flex
}
.payright {
display: flex;
flex-direction: column;
align-items: flex-end
}
.payamount {
text-align: right;
}
.paydetail {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
FONT-WEIGHT: 500;
;
}
.parasec {
margin-bottom: 9px;
margin-top: 0;
display: flex;
border-radius: 10px;
justify-content: space-between
}
.parasecs {
width: 24%;
background: var(--tp-color-200);
padding: 8px 16px;
border-radius: 10px;
text-align: center;
border: 1px solid var(--tp-color-300);
color: var(--tp-color-700);
FONT-WEIGHT: 600;
}
.parasecs:hover {
width: 24%;
background: var(--tp-color-400);
padding: 8px 16px;
border-radius: 10px;
text-align: center;
transition: .5s ease;
color: var(--tp-color-700)
}
.parasecs:link {
text-decoration: none
}
.destekbox .sertopmenu {
display: flex;
justify-content: space-between;
align-items: center
}
.destekbox .sertopmenu span {
font-size: 16px;
margin-left: 2px
}
.destekolustur {
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
margin-bottom: 10px;
background: var(--tp-color-200)
}
.destekolustur .m-btn {
width: 100%
}
.taleplist {
display: flex;
flex-direction: column
}
.destektalep:hover .destekdurum {
background: var(--tp-color-300);
color: var(--tp-color-500)
}
.destektalep:hover {
background: var(--tp-color-300);
color: var(--tp-color-500)
}
.destektalep {
display: flex;
background: #000;
border: 0;
padding: 7px;
transition: .3s ease;
align-items: center;
font-size: 12px;
justify-content: space-between;
border-radius: 10px;
width: 100%;
margin-bottom: 7px;
border: 1px solid var(--tp-color-300);
}
.destektalep.active {
border-radius: 10px;
position: relative;
animation: ripple 3s linear infinite
}
@keyframes ripple {
15% {
border: 1px solid var(--tp-color-200)
}
50% {
border: 1px solid var(--tp-color-cyan)
}
85% {
border: 1px solid var(--tp-color-200)
}
}
.destekleft {
display: flex;
flex-direction: column;
align-items: flex-start;
FONT-WEIGHT: 600;
}
.destekdurum {
padding: 6px 22px;
background: #2bc04a;
border-radius: 5px;
transition: .3s ease
}
.destekright {
text-align: right
}
.ticketbox {
display: flex;
flex-direction: column;
padding: 14px;
background: #080808;
border-radius: 15px
}
.ticketbox .m-btn {
margin-top: 10px
}
.ticketleft {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 10px;
}
.ticketright {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-bottom: 20px
}
.ticketright .ticketmessage {
background: #960014;
padding: 10px 15px;
border-radius: 10px 10px 0 10px;
margin-bottom: 5px
}
.ticketleft .ticketmessage {
background: #2b5c3b;
padding: 10px 15px;
border-radius: 10px 10px 10px 0;
margin-bottom: 5px;
color: var(--tp-color-100)
}
.menubar #sepetsayi{
font-size: 14px;
margin-left: -6px;
z-index:9;
color: white;
background: var(--tp-color-orange);
line-height: normal;
FONT-WEIGHT: 700;
border-radius: 50%;
width: 18px;
height: 18px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
margin-top: -14px;
display: none;
margin-right: -12px;
}
.ticketbottom {
font-size: 12px;
font-weight: 300
}
.tickettop {
display: flex;
justify-content: space-between;
}
.ticketthema {
width: 74%;
background: #960014;
padding: 10px 15px;
border-radius: 10px;
color: #fff;
margin-bottom: 15px;
text-align: center
}
.ticketback {
width: 24%;
background: #2b5c3b;
padding: 10px 15px;
border-radius: 10px;
margin-bottom: 15px;
text-align: center;
color: white;
}
.ticketbottom span {
margin-right: 5px;
font-weight: 500
}
.tckmessage {
margin-top: 25px
}
.reftop {
display: flex;
flex-direction: column;
align-items: center;
font-size: 18px;
color: white;
margin-top: -198px;
margin-bottom: 110px;
}
.refbottom {
padding: 15px;
margin-bottom: 20px;
background-color: var(--tp-color-200);
border: 0;
border-radius: 10px;
text-align: center;
margin-bottom: 10px;
border: 1px solid var(--tp-color-300);
}
.reflink {
display: flex;
align-items: center;
flex-direction: column;
font-size: 14px;
}
.reflink span {
font-size: 16px;
font-weight: 600
}
.reftop span {
font-size: 26px;
font-weight: 600
}
.reftopstats span {
font-size: 26px;
font-weight: 600
}
.reftopstats {
display: flex;
margin-bottom: 36px;
margin-top: -88px;
justify-content: space-between;
color: white;
}
.refkmsyn {
text-align: center;
}
.reftoplam {
text-align: center;
}
.currencylist {
display:
flex;
flex-direction: column;
height: 100%;
}
.currencybox {
color: var(--tp-color-500);
width: 100%;
height: 100%;
display: flex;
align-items: center;
border-bottom: 1px solid var(--tp-color-400);
padding-left: 15px;
transition: .3s ease;
}
.currencybox:hover {
color: var(--tp-color-500);
background: var(--tp-color-200);
width: 100%;
height: 100%;
display: flex;
align-items: center;
border-bottom: 1px solid var(--tp-color-400);
padding-left: 20px;
}
.blogcontent {
color: var(--tp-color-500);
font-size: 16px;
font-weight: 400;
padding: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.blogcontent span {
height: 91px;
overflow-y: hidden;
font-weight: 300;
}
.blogcontent span a{
color:White;
font-weight: 500;
}
.blogbaslik {
font-size: 18px;
font-weight: 700;
margin: 5px 0
}
.blogbg img {
filter: blur(13px);
opacity: .52;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
transform: scale(1.4)
}
.blogbg {
height: 300px;
position: relative;
overflow: hidden;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
left: 0;
right: 0;
background: #000;
z-index: -1
}
.blogpc {
font-size: 18px;
display: flex;
align-items: center;
margin-top: -179px;
margin-bottom: 91px;
color: #fff;
font-weight: 600;
justify-content: center;
text-align: center;
flex-direction: column
}
.childbg {
height: 300px;
position: relative;
overflow: hidden;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
left: 0;
right: 0;
background: #000;
z-index: -1
}
.childbg img {
filter: blur(5px);
}
.childpc {
font-size: 18px;
display: flex;
align-items: center;
margin-top: -179px;
margin-bottom: 91px;
color: #fff;
font-weight: 600;
justify-content: center;
text-align: center;
flex-direction: column
}
.alertboxs {
padding: 10px;
background: var(--tp-color-400);
border-radius: 10px;
margin-top: 10px;
}
.sepetmodal{
display:
flex;
height: 100%;
flex-direction: column;
position: fixed;
width: 100%;
}
.sepetbos{
display:flex;
height:100%;
flex-direction: column;
width: 100%;
align-items: center;
position: fixed;
font-size: 20px;
font-weight: 600;
justify-content: center;
}
.favcontrol{
display:
flex;
height:100%;
width: 100%;
font-size: 14px;
font-weight: 600;
justify-content: space-between;
padding: 20px;
background: var(--tp-color-800);
border-radius: 10px;
align-items: center;
color: var(--tp-color-100);
margin-bottom: 10px;
}
.favcontrol span{
text-align:right;
}
.favcontrol span a{
color:var(--tp-color-cyan);
}
.favcontrol img{
height: 38px;
}
.sepetbos img{
height: 150px;
margin-bottom: 30px;
}
#sepetListe{
display:
flex;
align-items: center;
padding-top: 10px;
flex-direction: column;
overflow-y: scroll;
height: 90%;
width: 100%;
margin-top: 66px;
}
#sepetAlt{
border-top: 1px solid var(--tp-color-200);
display: flex;
z-index: 999;
height: 10%;
align-items: center;
}
.sptorder{
display:
flex;
justify-content: space-between;
width: 100%;
align-items: center;
}
.sptsol{
width:50%;
text-align: left;
}
.sptfiyat{
font-weight: 600;
font-size: 18px;
margin-left:20px;
}
.sptsayi{
font-weight: 600;
font-size: 14px;
margin-left:20px;
}
.sptsag{
width:50%;
margin-right: 20px;
}
.sptsag .m-btn{
width: 100%;
display:
flex;
justify-content: center;
}
.sepetbox {
background: var(--tp-color-200);
padding: 5px;
color: var(--tp-color-600);
border-radius: 10px;
margin-bottom: 10px;
border: 1px solid var(--tp-color-300);
flex-direction: row;
justify-content: space-between;
width: 95%;
align-items: center;
}
.sepettop {
padding: 2px;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.sepetdetails{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.sptalt{
margin-right:5px;
text-align: left;
}
.sptalt span {
font-weight: 700;
color: var(--tp-color-800);
}
.sepetbottom{
display: flex;
align-items: center;
justify-content: flex-end;
}
.sepetbottom .m-btn{
padding: 5px 13px;
margin-left: 5px;
}
.sepetname{
display: flex;
align-items: flex-start;
flex-direction: column;
}
.sepetfiyat{
font-weight: 600;
font-size: 16px;
}
.sepetservis{
font-weight: 600;
font-size: 14px;
text-align: left;
}
.sepetid{
background: var(--tp-color-400);
padding: 3px 5px;
border-radius: 7px;
}
.contentalt {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-top: 10px
}
.blogcontent .blogstats {
color: #374151;
font-size: 14px
}
.blogstats {
color: #cbd1e5
}
.blogstats span {
margin-right: 10px
}
.carousel {
max-width: 1200px;
margin: auto
}
.carousel .bkybox {
color: #fff;
font-weight: 600;
border-radius: 10px
}
.owl-dots {
text-align: center;
margin-top: 40px
}
.owl-dot {
height: 15px;
width: 45px;
margin: 0 5px;
outline: 0;
border-radius: 14px;
border: 1px solid #0072bc !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
transition: all .3s ease
}
.owl-dot.active,
.owl-dot:hover {
background: #0072bc !important
}
.show {
display: block
}
.sertops{
display:
flex;
justify-content: space-between;
}
.form-group__m-checkbox {
background: var(--tp-color-300);
display: flex;
border-radius: 10px;
height: 29px;
padding: 4px 11px
}
.form-group__label-title {
margin-left: 5px;
margin-top: 1px
}
.sepetinfo{
display:
flex;
flex-direction: column;
align-items: center;
}
#sepeterror{
padding:10px;
background:var(--tp-color-red);
border-radius:7px;
width:100%;
text-align:center;
display: none;
color: white;
padding-bottom: 15px;
font-weight: 600;
}
#sepetsuccess{
padding:10px;
background:var(--tp-color-green);
border-radius:7px;
width:100%;
text-align:center;
display: none;
color: white;
padding-bottom: 15px;
font-weight: 600;
}
.m-checkbox {
position: relative;
display: flex;
align-items: center
}
.m-checkbox .term {
margin-left: 4px;
font-size: 12px;
color: #FFF;
}
.m-checkbox .term a {
color: var(--tp-color-800);
font-weight: 600
}
.m-checkbox .term a:link {
text-decoration: none
}
.m-checkbox input,
.m-checkbox svg {
width: 21px;
height: 21px;
display: block
}
.m-checkbox input {
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
outline: 0;
background: var(--tp-color-400);
border: 0;
margin: 0;
padding: 0;
cursor: pointer;
border-radius: 4px;
transition: box-shadow .3s
}
.gizli {
display: none;
}
.m-checkbox input:hover {
--s: 2px;
--b: var(--border-hover)
}
.m-checkbox input:checked {
--b: var(--border-active)
}
.m-checkbox svg {
pointer-events: none;
fill: none;
stroke-width: 2px;
stroke-linecap: round;
stroke-linejoin: round;
stroke: var(--tp-color-500);
position: absolute;
top: 0;
left: 0;
width: 21px;
height: 21px;
transform: scale(var(--scale, 1)) translateZ(0)
}
.m-checkbox.path input:checked {
--s: 2px;
transition-delay: .4s
}
.m-checkbox.path input:checked+svg {
--a: 16.1 86.12;
--o: 102.22
}
.m-checkbox.path svg {
stroke-dasharray: var(--a, 86.12);
stroke-dashoffset: var(--o, 86.12);
transition: stroke-dasharray .6s, stroke-dashoffset .6s
}
.m-checkbox.bounce {
--stroke: var(--tick)
}
.m-checkbox.bounce input:checked {
--s: 11px
}
.m-checkbox.bounce input:checked+svg {
-webkit-animation: bounce .4s linear forwards .2s;
animation: bounce .4s linear forwards .2s
}
.m-checkbox.bounce svg {
--scale: 0
}
details {
width: 100%;
margin: 0 auto;
background: var(--tp-color-200);
border-radius: 0 0 7px 7px;
overflow: hidden;
}
summary {
padding: 1rem;
display: flex;
background: var(--tp-color-300);
padding-left: 2.2rem;
position: relative;
cursor: pointer;
border-radius: 7px 7px 0 0;
align-items: center;
FONT-WEIGHT: 600;
}
summary:before {
content: "";
border-width: .6rem;
border-style: solid;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 1.3rem;
left: 1rem;
transform: rotate(0);
transform-origin: .2rem 50%;
transition: .25s transform ease
}
details[open]>summary:before {
transform: rotate(90deg)
}
details summary::-webkit-details-marker {
display: none
}
details>ul {
padding-bottom: 1rem;
margin-bottom: 0
}
video {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
filter: blur(75px);
opacity: .8
}
.video-wrapper {
height: 300px;
position: relative;
overflow: hidden;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
left: 0;
right: 0;
background: #000;
z-index: -1
}
.video-wrapper2 {
height: 543px;
position: relative;
overflow: hidden;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
left: 0;
right: 0;
background: #000;
z-index: -1;
margin-top: -120px;
}
.verfytext {
font-size: 20px;
font-weight: 400
}
.verfyicon {
font-size: 50px;
font-weight: 400
}
.verfybtn {
display: flex;
align-items: center;
flex-direction: column;
margin-top: 20px;
}
.duyurubox {
background: var(--tp-color-200);
padding: 10px;
margin-bottom: 10px;
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 10px;
border-radius: 10px
}
.duyurustats {
font-size: 14px;
font-weight: 400;
background: var(--tp-color-cyan);
padding: 5px 10px;
border-radius: 5px;
color: white;
}
.duyurutitle {
font-size: 16px;
font-weight: 600;
margin-top: 5px;
}
.duyurucontent {
font-size: 14px;
font-weight: 300;
text-align: left;
margin-top: 5px;
}
.duyurudate {
font-size: 14px;
font-weight: 500;
margin-top: 5px;
text-align: left;
}
.modal {
height: 100vh;
display: grid;
place-items: center
}
.modal__button {
display: inline-block;
background-color: var(--first-color);
color: #FFF;
padding: 1rem 1.25rem;
border-radius: .5rem;
transition: .3s
}
.modal__button:hover {
background-color: var(--first-color-alt)
}
.modal__container {
position: fixed;
top: 0;
left: 0;
background-color: #00000091;
width: 100%;
height: 100%;
display: grid;
align-items: flex-end;
overflow: hidden;
transition: all .3s;
z-index: 999999999;
visibility: hidden;
opacity: 0;
backdrop-filter: blur(3px);
}
.modal__content {
position: relative;
background-color: var(--tp-color-200);
text-align: center;
padding: 15px 0px;
color: var(--tp-color-500);
border-radius: 10px 10px 0 0;
transition: all .3s;
transform: translateY(10%);
text-align: left
}
.modal__content b {
color: var(--tp-color-500)
}
.modal__img {
width: 150px;
margin-bottom: .75rem
}
.modal__close {
display: inline-flex;
background-color: var(--tp-color-400);
border-radius: 7px;
color: var(--tp-color-500);
font-size: 12px;
position: absolute;
top: 10px;
right: 8px;
cursor: pointer;
padding: 8px 11px;
z-index: 9;
padding-top: 9px;
}
.modal__title {
font-size: 14px;
color: var(--tp-color-500);
font-weight: 500
}
.modal__description {
margin-bottom: 1.5rem
}
.modal__button-width {
width: 90%
}
.modal__button-link {
display: block;
margin: 1rem auto 0;
background-color: transparent;
color: var(--first-color);
font-weight: 500
}
.show-modal {
visibility: visible;
opacity: 1
}
.show-modal .modal__content {
transform: translateY(0)
}
.modalbaslik {
font-size: 28px;
text-align: Center;
margin-bottom: 20px;
}
.modalpadding {
padding: 0px 14px;
}
.modalpadding .m-btn {
margin-top: 10px
}
option {
background: var(--tp-color-300);
}
.gunicon {
font-size: 32px;
line-height: 1;
}
.gunsag {
margin-right: 2px;
height: 100%;
}
.gunsol {
width: 100%
}
.ticketsecbox {
display: flex;
justify-content: space-between;
}
.ticketsec {
padding: 10px;
background: var(--tp-color-300);
width: 24%;
border-radius: 7px;
font-size: 14px;
text-align: center;
margin-bottom: 6px;
border: 1px solid var(--tp-color-400);
}
.popupbaslik {
font-size: 26px;
font-weight: 600;
}
.popupaciklama {
font-size: 18px;
font-weight: 400;
}
.popupbutton {
margin-top: 15px;
margin-bottom: 14px;
}
.popupbutton .m-btn {
color:
white;
}
.popupresim {
border-radius: 10px;
}
.popupresim img {
height: 200px;
object-fit: cover;
border-radius: 10px;
width: 100%;
}
.ticketsec:hover {
background: var(--tp-color-400);
border: 1px solid var(--tp-color-cyan);
transition: .3s ease;
}
.fa-vimeo {
color: #80c5ec;
-webkit-background-clip: text;
background-clip: text
}
.fa-twitch {
color: #6842ac;
-webkit-background-clip: text;
background-clip: text
}
.fa-reddit {
color: #f44707;
-webkit-background-clip: text;
background-clip: text
}
.fa-telegram,
.fa-telegram-plane{
color: #1b95cf;
-webkit-background-clip: text;
background-clip: text
}
.fa-linkedin {
color: #0475b4;
-webkit-background-clip: text;
background-clip: text
}
.fa-soundcloud {
color: #ef7509;
-webkit-background-clip: text;
background-clip: text
}
.fa-spotify {
color: #1fc158;
-webkit-background-clip: text;
background-clip: text
}
.fa-twitter {
color: #1b9ff1;
-webkit-background-clip: text;
background-clip: text
}
.fa-facebook,
.fa-facebook-f{
color: #12a1f4;
-webkit-background-clip: text;
background-clip: text
}
.fa-youtube {
color: #e60606;
-webkit-background-clip: text;
background-clip: text
}
.fa-pinterest {
color: #ee0226;
-webkit-background-clip: text;
background-clip: text
}
.fa-signal-stream {
color: #17b3e6;
-webkit-background-clip: text;
background-clip: text
}
.fa-snapchat-ghost {
color: #f9f606;
-webkit-background-clip: text;
background-clip: text
}
.fa-tumblr {
color: #33435a;
-webkit-background-clip: text;
background-clip: text
}
.fa-tiktok {
color: var(--tp-color-500);
text-shadow: 1px 1px #f72e4dfc, -1px -1px #09f3f3;
}
.fa-comment-music {
color: #f9de48;
-webkit-background-clip: text;
background-clip: text
}
.fa-discord {
color: #5865f6;
-webkit-background-clip: text;
background-clip: text
}
.fa-dailymotion {
color: #03a8fb;
-webkit-background-clip: text;
background-clip: text
}
.fa-eye {
color: #01ffee;
-webkit-background-clip: text;
background-clip: text
}
.fab.fa-instagram {
background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#eb2880 90%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.panelmenulogo img {
height: 40px;
}
@media screen and (min-width:576px) {
.modal__content {
margin: auto;
width: 700px;
border-radius: 10px;
text-align: left
}
.modal__img {
width: 170px
}
}
@media screen and (min-width:1140px) {
.fullmodal {
height: 100%;
width: 100%;
border-radius: 0px;
display:
flex;
align-items: center;
justify-content: center;
}
.fullmodal .modalpadding {
width: 500px;
}
}
@media screen and (max-width:1140px) {
.fullmodal {}
}
::-webkit-scrollbar {
width: 6px
}
::-webkit-scrollbar-track {
background: 0
}
::-webkit-scrollbar-thumb {
background-color: var(--tp-color-400);
border-radius: 20px
}
.hidden {
display: none !important
}
.modalloader {
background-color: var(--tp-color-300);
overflow: hidden;
width: 100%;
height: 5px;
position: fixed;
left: 0;
display: flex;
align-items: center;
align-content: center;
justify-content: flex-start;
z-index: 100000;
}
.loader_element {
height: var(--size);
width: 100%;
background: var(--tp-color-300);
}
.loader_element:before {
content: '';
display: block;
background-color: var(--tp-color-cyan);
height: 4px;
width: 0;
border-radius: 10px;
animation: getWidth 7.3s ease-in;
}
.statusloader {
display: none;
overflow: hidden;
width: 100%;
background: #fff0;
height: 8px;
left: 0;
z-index: 100000;
margin-top: -10px;
margin-bottom: 10px;
width: 98%;
}
.status_element {
height: var(--size);
width: 100%;
background: #fff0;
}
.status_element:before {
content: '';
display: block;
background-color: white;
height: 7px;
width: 0;
border-radius: 10px;
animation: getWidth 3s linear infinite;
}
@media only screen and (min-width:962px) {
.m-service-box{
background: var(--tp-color-200);
margin-bottom: 10px;
border-radius: 10px;
border: 1px solid var(--tp-color-300);
display: flex;
overflow: hidden;
flex-direction: column;
padding: 0px;
width: 100%;
}
.m-service-content{
display: flex;
padding: 3px 7px 3px 7px;
justify-content: space-between;
flex-direction: column;
width: 100%;
}
.m-service-top{
display: flex;
justify-content: space-between;
}
.m-service-title{
font-size: 15px;
align-items: center;
color: var(--tp-color-700);
}
.m-service-title i{
margin-right:5px;
}
.m-service-bottom{
display: flex;
justify-content: space-between;
}
.m-service-stats{
color: var(--tp-color-500);
}
.m-service-stats span{
FONT-WEIGHT: 600;
}
.m-service-price{
font-size: 18px;
FONT-WEIGHT: 600;
}
.m-service-stat{
display: flex;
gap: 7px;
}
.m-service-feature{
display: flex;
width: 100%;
}
.m-service-feature span{
padding: 3px;
width: 100%;
display: flex;
align-items: center;
gap: 3px;
justify-content: center;
color: white;
}
}
@media only screen and (max-width:962px) {
.m-service-box{
background: var(--tp-color-200);
margin-bottom: 10px;
border-radius: 10px;
border: 1px solid var(--tp-color-300);
display: flex;
overflow: hidden;
flex-direction: column;
padding: 0px;
width: 100%;
}
.m-service-content{
display: flex;
padding: 7px 7px 7px 7px;
justify-content: space-between;
flex-direction: column;
width: 100%;
}
.m-service-top{
display: flex;
justify-content: space-between;
text-align: left;
}
.m-service-title{
font-size: 15px;
align-items: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.m-service-title i{
margin-right:5px;
}
.m-service-bottom{
display: flex;
justify-content: space-between;
}
body.default .m-service-bottom{
display: flex;
justify-content: space-between;
flex-direction: column;
}
.m-service-stats{
color: var(--tp-color-500);
}
.m-service-stats span{
FONT-WEIGHT: 600;
}
.m-service-price{
font-size: 16px;
FONT-WEIGHT: 600;
text-align: right;
white-space: nowrap;
}
.m-service-stat{
display: flex;
gap: 7px;
font-size: 11px;
}
.m-service-feature{
display: flex;
width: 100%;
}
.m-service-feature span{
padding: 3px;
width: 100%;
display: flex;
align-items: center;
gap: 3px;
justify-content: center;
color: white;
}
}
@keyframes getWidth {
100% {
width: 100%;
}
}
.loader {
margin: 50px auto;
border: 1px solid var(--tp-color-600);
width: 25px;
height: 25px;
border-radius: 50%;
border-right-color: transparent;
animation: anim 0.5s linear infinite;
}
@keyframes anim {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loader-wrapper {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: var(--tp-color-100);
display: flex;
justify-content: center;
align-items: center;
z-index: 99999999999;
}
@-webkit-keyframes bounce {
50% {
transform: scale(1.2)
}
75% {
transform: scale(0.9)
}
100% {
transform: scale(1)
}
}
@keyframes bounce {
50% {
transform: scale(1.2)
}
75% {
transform: scale(0.9)
}
100% {
transform: scale(1)
}
Editor is loading...