@import url(swiper.min.css);

@import url(bootstrap.min.css);

@import url(materialdesignicons.min.css);

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');



/*font-family: 'Manrope', sans-serif;*/





@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*font-family: 'Poppins', sans-serif;*/



* {

    margin: 0;

    padding: 0;

    outline: none;

    text-decoration: none;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    list-style: none;

}

html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

sub,

sup,

tt,

var,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

input,

select,

textarea,

button,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    vertical-align: baseline;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block;

}



body {

    line-height: 1 !important;

}



ol,

ul {

    list-style: none;

}



blockquote,

q {

    quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: "";

    content: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



a {

    text-decoration: none;

}



img {

    border: 0;

}



:focus {

    outline: 0;

}



a:active,

a:focus,

input,

button {

    background-color: transparent;

    outline: 0;

    outline-style: none;

    outline-width: 0;

}



a:hover {

    text-decoration: none;

}



input::-moz-focus-inner,

button::-moz-focus-inner {

    padding: 0;

    border: 0;

}



button,

input[type=submit] {

    cursor: pointer;

    border: 0;

    padding: 0;

}



img {

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

}



em {

    font-style: italic;

}



a,

input[type=submit],

button[type=submit] {

    cursor: pointer;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}



a[href^=tel] {

    text-decoration: inherit;

    color: inherit;

}



a[href^=mailto] {

    text-decoration: inherit;

    color: inherit;

}

p{

    line-height: 150%;

}

html {

    font-size: 13px;

    height: 100%;

    scroll-behavior: smooth;

}



body {

    font-family: 'Poppins', sans-serif;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    background: #0e0e0e;

    color: #362A39;





}



.container {

    margin: 0 auto;

}



.topbar {

    width: 100%;



    background:#fff;

    padding: 5px 0;



    position: relative;

    z-index: 1;

}

.topbar  .mode{

    display: none;

}

.topbar:after{

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

    height: 2px;

    content: '';

    background: url(../images/renkliborder.png);

    z-index: -1;

}

.topbar .topbar-left {

    float: right;

}



.topbar .topbar-left a {



    padding: 14px 20px;

    font-size: 15px;

    border-radius: 40px;

    color: #4d2b55;

    font-weight: 500;

    margin-right: 10px;

    display: block;

    padding-left: 45px;

    position: relative;

    float: left;

    transition: 0.4s;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -ms-transition: 0.4s;

}

.topbar .topbar-left a i{

    margin-right: 10px;

    color: #ff954f;

    font-size: 18px;

    position: absolute;

    left: 15px;

    top: 11px;

}





.topbar .topbar-left a:hover{



    color:#ff954f;

}

.topbar .topbar-left a:hover i{



    color: #4d2b55;

}









.topbar .container .top-announce {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    float: right;

}

.topbar .container .top-announce .language{

    float: left;

    position: relative;

}

.topbar .container .top-announce .language span{

    padding: 10px 20px;

    display: block;

    border: 1px solid #ebebeb;

    border-radius: 40px;

    margin-top: 0px;

}

.topbar .container .top-announce .language ul{

    position: absolute;

    width: 100%;

    top: 130%;

    opacity: 0;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

    z-index: -1;

    cursor: pointer;

    visibility: hidden;

}

.topbar .container .top-announce .language:hover ul{

    opacity: 1;

    top: 100%;

    z-index: 0;

    visibility: visible;

}

.topbar .container .top-announce .language ul li{

    display: block;



    background: #fff;



}

.topbar .container .top-announce .language ul li a{

    border-bottom: 1px solid #efefef;

    padding: 10px 10px;

    display: block;

    width: 100%;

    text-align: center;

    font-size: 12px;

    color: #1d1e2a;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.topbar .container .top-announce .language ul li a:hover{

    color: #ff974f;

}

.topbar .container .top-announce .announce-icon {

    color: #fff;

    background: #FFAF54;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

    padding-left: 7px;

    padding-right: 7px;

    padding-top: 13px;

    padding-bottom: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.topbar .container .top-announce p {

    color: #3a3a3a;

    font-size: 13px;

    margin-left: 10px;

}



.topbar .container ul.top-buttons {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    float: left;

}



.topbar .container ul.top-buttons li {



    padding: 11px 20px 11px 0;

}



.topbar .container ul.top-buttons li:last-child {

    border-right: 0px;

}



.topbar .container ul.top-buttons li a {

    color: #3b2f3e;

    font-size: 14px;

    font-weight: 400;

    line-height: 150%;

    letter-spacing: -0.5px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.topbar .container ul.top-buttons li a:hover{

    color: #ff954f!important;

}



.topbar .container ul.top-buttons li a i{

    color: #4d2b55;

    margin-right: 3px;

}

#type-css {

    float: left;

    padding-left: 50px;

}

#type-css h1 {

    overflow: hidden;

    line-height: 1;

    white-space: nowrap;

    border-right: 3px solid #fff;



}



#type-js {

    display: inline-block;

    line-height: 1;

    border-right: 3px solid #fff;

    animation: cursor 1s step-end infinite;

}

@keyframes cursor {

    from, to { border-color: transparent; }

    50% { border-color: #fff; }

}

header {

    padding: 30px 0;



    border-top: 1px solid #ffffff12;

    background: #F4F7FC;

}



header .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100%;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



header .container .user-loggedin-buttons {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



header .container .user-loggedin-buttons .server-owner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 0px 20px;

    height: 45px;

    border-radius: 45px;

    background: linear-gradient(60deg, #362A39, #544757);

    color: #fff;

    font-size: 15px;

    margin-right: 10px;

}



header .container .user-loggedin-buttons .messages {

    width: 70px;

    height: 45px;

    border-radius: 45px;

    background: linear-gradient(-230deg, #FF5471, #FF924E);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 14px;

    color: #fff;

    margin-right: 10px;

}



header .container .user-loggedin-buttons .messages img {

    margin-right: 4px;

    font-size: 14px;

    color: #fff;

}



header .container .user-loggedin-buttons .listings {

    width: 70px;

    height: 45px;

    border-radius: 45px;

    background: linear-gradient(-230deg, #54A4FF, #FF924E);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 14px;

    color: #fff;

    margin-right: 10px;

}



header .container .user-loggedin-buttons .listings img {

    margin-right: 4px;

    font-size: 14px;

    color: #fff;

}

header .container .user-loggedin-buttons .basket{

    width: 70px;

    height: 45px;

    border-radius: 45px;

    background: linear-gradient(-230deg, #54efff, #824eff);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 14px;

    color: #fff;

    margin-right: 10px;

}

header .container .user-loggedin-buttons .basket i {

    margin-right: 4px;

    font-size: 14px;

    color: #fff;

}

header .container .user-loggedin-buttons .user {

    position: relative;

}



header .container .user-loggedin-buttons .user .user-btn {

    width: 200px;

    height: 45px;

    border-radius: 45px;

    background: linear-gradient(60deg, #FFAF54, #FF924E);

    padding: 7px 10px;

    float: left;

}



header .container .user-loggedin-buttons .user .user-btn .user-pic {

    width: 31px;

    height: 31px;

    border-radius: 50%;

    overflow: hidden;

    float: left;

}



header .container .user-loggedin-buttons .user .user-btn .user-pic img {

    width: 100%;

}



header .container .user-loggedin-buttons .user .user-btn .name {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    float: left;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    margin-left: 8px;

    color: #fff;

}



header .container .user-loggedin-buttons .user .user-btn .name span {

    font-size: 15px;

    margin-bottom: 2px;

}



header .container .user-loggedin-buttons .user .user-btn .fa-chevron-down {

    margin-left: auto;

    color: #fff;

    margin-right: 10px;

}

header .container .user-loggedin-buttons .user .user-btn i{

    float: right;

    color: #fff;

    font-size: 20px;

    position: relative;

    top: 6px;

}



header .container .user-loggedin-buttons .user .user-dropdown {

    width: 200px;

    height: auto;

    padding: 10px;

    border-radius: 10px;

    background-color: #fff;

    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);

    left: 50%;

    -webkit-transform: translate(-50%, 15px);

    transform: translate(-50%, 15px);

    position: absolute;

    top: 100%;

    z-index: 999;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    pointer-events: none;

    opacity: 0;

    -webkit-transition: .3s all;

    transition: .3s all;

}



header .container .user-loggedin-buttons .user .user-dropdown.show {

    opacity: 1;

    pointer-events: all;

    -webkit-transform: translate(-50%, 0px);

    transform: translate(-50%, 0px);

}



header .container .user-loggedin-buttons .user .user-dropdown::before {

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 10px solid #fff;

    content: "";

    position: absolute;

    top: -10px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}



header .container .user-loggedin-buttons .user .user-dropdown a {

    padding: 10px 0;

    border-bottom: 1px solid #F4F7FC;

    font-size: 14px;

    color: #787878;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



header .container .user-loggedin-buttons .user .user-dropdown a:last-child {

    border-bottom:none!important;



}



header .container .user-loggedin-buttons .user .user-dropdown a:hover {

    color: #FFAF54;

}



header .container .user-loggedin-buttons .user .user-dropdown a:hover svg path {

    fill: #FFAF54;

}



header .container .user-loggedin-buttons .user .user-dropdown a svg {

    width: 15px;

    height: 15px;

    margin-right: 10px;

}



header .container .user-loggedin-buttons .user .user-dropdown a svg path {

    fill: #787878;

}



header .container .hamburger-btn {

    display: none;

    width: 40px;

    height: 40px;

    border-radius: 40px;

    background: -webkit-gradient(linear, left top, left bottom, from(#362A39), to(#5F5461));

    background: linear-gradient(to bottom, #362A39, #5F5461);

    color: #fff;

    font-size: 21px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    border: none;

}



header .container .profile-btn {

    display: none;

    width: 50px;

    height: 40px;

    border-radius: 40px;

    background: -webkit-gradient(linear, left top, right top, from(#FFAF54), to(#FF924E));

    background: linear-gradient(to right, #FFAF54, #FF924E);

    color: #fff;

    font-size: 21px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    border: none;

}



header .container .search-area {

    width: 540px;

    height: 62px;

    border-radius: 31px 0 0 31px;

    border: 2px solid #eaeaea;

    border-radius: 42px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    background-color: #fff;

    overflow: hidden;

    border-radius: 31px;

    border: 1px solid #eaeaea;

}



header .container .search-area input {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding: 0 20px;

    text-indent: 15px;

    background: #fff;

    border: none;

    color: #B1B1B1;

}



header .container .search-area input::-webkit-input-placeholder {

    color: #bbbbbb;

    font-size: 16px;

    font-weight: 300;

}



header .container .search-area input:-ms-input-placeholder {

    color:#bbbbbb;

    font-size: 16px;

    font-weight: 300;

}



header .container .search-area input::-ms-input-placeholder {

    color: #bbbbbb;

    font-size: 16px;

    font-weight: 300;

}



header .container .search-area input::placeholder {

    color:#bbbbbb;

    font-size: 16px;

    font-weight: 300;

}



header .container .search-area button {

    width: 45px;

    height: 45px;

    background: #ff974f;

    border: none;

    border-radius: 50%;

    margin: 6px 10px 5px 5px;

    color: #ffffff;

    cursor: pointer;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



header .container .header-buttons {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



header .container .header-buttons a {

    width: 155px;

    height: 45px;

    border-radius: 45px;

    background: #4d2b55;

    margin-left: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 15px;

    color: #fff;

    font-weight: 500;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

header .container .header-buttons a.money{

    background: #198f04;

}

header .container .header-buttons a span {

    margin-right: 5px;

}



header .container .header-buttons a.login {

    background: #ff974f;

    color: #fff;

    position: relative;

    z-index: 0;

    overflow: hidden;

}

header .container .header-buttons a.login:after{

    position: absolute;

    left: 0;

    top: 0;

    content: '';

    border-bottom-left-radius: 45px;

    border-top-left-radius: 45px;

    background: #4d2b55;

    width: 0%;

    height: 100%;

    z-index: -1;

    transition: .4s;

}

header .container .header-buttons a.login:before{

    position: absolute;

    right: 0;

    top: 0;

    content: '';

    border-bottom-right-radius: 45px;

    border-top-right-radius: 45px;

    background: #4d2b55;

    width: 0%;

    height: 100%;

    z-index: -1;

    transition: .4s;

}

header .container .header-buttons a.login:hover:before{

    width: 50%;

}

header .container .header-buttons a.login:hover:after{

    width: 50%;

}

header .container .header-buttons a i{

    margin-right: 5px;

}

header .container .header-buttons a.login:hover{

    background: #4d2b55;

}

header .container .header-buttons a.register {

    background: #4d2b55;

    position: relative;

    z-index: 0;

    overflow: hidden;

}

header .container .header-buttons a.register:after{

    position: absolute;

    left: 0;

    top: 0;

    content: '';

    border-bottom-left-radius: 45px;

    border-top-left-radius: 45px;

    background: #ff974f;

    width: 0%;

    height: 100%;

    z-index: -1;

    transition: .4s;

}

header .container .header-buttons a.register:before{

    position: absolute;

    right: 0;

    top: 0;

    content: '';

    border-bottom-right-radius: 45px;

    border-top-right-radius: 45px;

    background: #ff974f;

    width: 0%;

    height: 100%;

    z-index: -1;

    transition: .4s;

}

header .container .header-buttons a.register:hover:before{

    width: 50%;

}

header .container .header-buttons a.register:hover:after{

    width: 50%;

}

header .container .header-buttons a.register:hover{

    background: #ff974f;

}

.seller-content{

    width: 100%;

    float: left;

    padding: 40px;

}

.seller-content h3{

    font-size: 20px;

    letter-spacing: -1px;

    margin-bottom: 25px;

    float: left;

}

.seller-content .top{

    float: left;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px solid #f3f3f3;

}

.seller-content .top a{

    float: right;

    padding: 13px 25px;

    background: #ff974f;

    color: #fff;

    border-radius: 4px;

}

.seller-content .box{

    float: left;

    width: 100%;

    padding: 20px;

    border: 1px solid #e9e9e9;

    border-radius: 60px;

    display: flex;

    background: #f9f9f9;



}

.seller-content .box .left{

    display: flex;

    -webkit-box-flex: 2;

    -ms-flex: 2;

    flex: 2;

    align-items: center;

}

.seller-content .box .left h5{

    font-size: 16px;

    font-weight: 700;

    margin-right: 100px;

}

.seller-content .box .right{

    display: flex;

    -webkit-box-flex: 1;

    -ms-flex: 2;

    flex: 1;

    align-items: center;

}

.seller-content .box .right span{

    font-size: 18px;

    font-weight: 700;

    color: #ff974f;

}

.seller-content .box .right small{

    margin-left: 150px;

    font-size: 14px;

    color: #0b8b21;

    font-weight: 500;

}



nav.menu {

    float: left;

    width: 100%;



    background: linear-gradient(60deg, #FFAF54, #FF924E);

}

nav.menu .menu-right{

    float: right;

    display: flex;

    align-items: center;

}

nav.menu .menu-right a{

    font-size: 14px;

    font-weight: 400;

    letter-spacing: -0.5px;

    float: left;

    font-style: normal;

    color: #fff;

    display: flex;

    background: #392d3c;

    align-items: center;

    border-radius: 25px;

    margin-left: 10px;

    padding: 12px 15px

}

nav.menu .menu-right a i{

    margin-right: 5px;

}



nav.menu .menu-right a.money{

    background: #0b8b21;

}

nav.menu .nav-links a {

    font-size: 14px;

    padding-right: 40px;

    font-weight: 500;

    color: #fff;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}



nav .container {

    height: 55px;



    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    position: relative;

}





nav .container .nav-links {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}







nav .container .nav-right .buttons {

    background-image: -webkit-gradient(linear, left top, right top, from(#FFAF54), to(#FF924E));

    background-image: linear-gradient(to right, #FFAF54, #FF924E);

    -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);

    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);

    padding-top: 17px;

    padding-bottom: 20px;

    padding-left: 54px;

    padding-right: 4px;

}



nav .container .nav-right .buttons a {

    border-right: 1px solid #FFC37E;

    color: #fff;

    padding: 0 15px;

}



nav .container .nav-right .buttons a:last-child {

    border-right: 0px;

}

.campaign{

    width: 100%;

    float: left;

}

.campaign .box{

    width: 100%;

    float: left;

    height: 200px;

    margin-bottom: 20px;

    border-radius: 15px;

    overflow: hidden;

    position: relative;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}

.campaign .box:hover{

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -o-transform: scale(1.05);

    -ms-transform: scale(1.05);



}

.campaign .box span{

    display: flex;

    position: absolute;

    right: 15px;

    top: 15px;

    width: 55px;

    height: 55px;

    background: #B53A38;

    align-items: center;

    z-index: 5;

    justify-content: center;

    text-align: center;

    color: #fff;

    border-radius: 50%;

    font-size: 10px;

    line-height: 150%;

    animation: scl 2s infinite;

}

.campaign .box span.renk1{

    background: #8328ae;

}

.campaign .box span.renk2{

    background: #19978b;

}

.campaign .box .overlay{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(to bottom, #362a3900, #362A39);

    display: block;

}

.campaign .box .overlay .text{

    position: absolute;

    left: 50%;

    bottom: 20px;

    width: 100%;

    text-align: center;

    transform: translateX(-50%);

}

.campaign .box .overlay .text h4{

    color: #fff;

    font-size: 17px;

    margin-bottom: 10px;

    font-weight: 600;

}

.campaign .box .overlay .text .price{

    display: flex;

    align-items: center;

    width: 100%;

    text-align: center;

    justify-content: center;

}

.campaign .box .overlay .text .price .old{

    font-size: 14px;

    color: #b9b9b9;

    position: relative;

}

.campaign .box .overlay .text .price .old:after{

    content: '';

    position: absolute;

    left: 0;

    top: 6px;

    width: 100%;

    height: 1px;

    background: #fff;

}

.campaign .box .overlay .text .price .new{

    font-size: 18px;

    color: #6b8b04;

    margin-left: 20px;

    font-weight: 700;

}

.campaign .box.center{

    height: 420px;

}

.campaign .box img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.main-category{

    width: 100%;

    float: left;

}

.main-category .box{

    width: 100%;

    float: left;

    margin-bottom: 30px;

    overflow: hidden;

    border-radius: 10px;

}

.main-category .box img{

    width: 100%;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}

.main-category .box:hover img{

    transform: scale(1.2) rotate(8deg);

    -webkit-transform: scale(1.2) rotate(8deg);

    -moz-transform: scale(1.2) rotate(8deg);

    -o-transform: scale(1.2) rotate(8deg);

    -ms-transform: scale(1.2) rotate(8deg);

}

.message-content{

    width: 100%;

    padding: 40px;

}

.message-content h4{

    font-size: 20px;

    letter-spacing: -1px;

    margin-bottom: 25px;

}

.message-content .left{

    float: left;

    width: 100%;

    padding-right: 10px;

    height: 500px;

    overflow-x: hidden;

    overflow-y: scroll;

}



.message-content .left .box{

    width: 100%;

    padding: 15px;

    border-radius: 15px;

    float: left;

    margin-bottom: 15px;

    background: #f7f7f7;

    display: flex;

    align-items: center;

    position: relative;

}

.message-content .left .box span{

    position: absolute;

    right: 15px;

    top: 15px;

    padding: 5px;

    background: #ff974f;

    color: #fff;

    font-size: 12px;

    border-radius: 6px;

}

.message-content .left .box img{

    width: 65px;

    height: 65px;

    float: left;

    border-radius: 15px;

    margin-right: 15px;

}



.message-content .left .box h6{

    font-size: 14px;

    font-weight: 600;

}

.message-content .left .box p{

    font-size: 12px;

    font-weight: 300;

}

.message-content .left .box p i{

    color: #24780f;

}

.message-content .right{

    height: 500px;

    float: left;

    width: 100%;

    position: relative;

}





.message-content .card {

    background: #f5f5f573;

    transition: .5s;

    border: 0;

    margin-bottom: 30px;

    border-radius: 0.55rem;

    position: relative;

    width: 100%;

    border: 1px solid #e9e9e9;

}

.message-content .chat-app .people-list {

    width: 280px;

    position: absolute;

    left: 0;

    top: 0;

    padding: 16px;

    border-radius: 10px;

    z-index: 7;

    background: white;

}

.message-content .chat-app .people-list input{

    border: 1px solid #efefef;

    height: 40px;

}

.message-content .list-unstyled{

    height: 435px;

    float: left;

    width: 100%;

    overflow-x: hidden;

    overflow-y: scroll;

}

.message-content .list-unstyled::-webkit-scrollbar {

    width: 5px;

}



/* Track */

.message-content .list-unstyled::-webkit-scrollbar-track {

    background: #F4F7FC;

}



/* Handle */

.message-content .list-unstyled::-webkit-scrollbar-thumb {

    background: #d9d9d9;

    border-radius: 10px;

}





.message-content .chat-app .chat {

    margin-left: 280px;

    border-left: 1px solid #eaeaea

}



.message-content .people-list {

    -moz-transition: .5s;

    -o-transition: .5s;

    -webkit-transition: .5s;

    transition: .5s

}



.message-content .people-list .chat-list li {

    padding: 15px;

    list-style: none;

    border-radius: 3px;

    display: flex;

    align-items: center;

    border-bottom: 1px solid #e9e9e9;

}



.message-content .people-list .chat-list li:hover {

    background: #efefef;

    cursor: pointer

}



.message-content .people-list .chat-list li.active {

    background: #efefef

}



.message-content .people-list .chat-list li .name {

    font-size: 14px;

    margin-bottom: 5px;

}



.people-list .chat-list img {

    width: 45px;

    border-radius: 50%

}



.people-list img {

    float: left;

    border-radius: 50%

}



.people-list .about {

    float: left;

    padding-left: 8px

}



.people-list .status {

    color: #999;

    font-size: 12px;

}



.chat .chat-header {

    padding: 15px 20px;

    background:#f7f7f7;

    border-bottom: 2px solid #f4f7fc;

}



.chat .chat-header img {

    float: left;

    border-radius: 40px;

    width: 40px

}



.chat .chat-header .chat-about {

    float: left;

    padding-left: 10px

}

.chat .chat-header .chat-about h6{

    color: #343434;

    margin-top: 5px;

}

.chat .chat-header .chat-about small{

    color: #343434;

}

.chat .chat-history {

    padding: 20px;

    border-bottom: 2px solid #fff;

    background: #fff;

    height: 355px;

    overflow-x: hidden;

    overflow-y: scroll;

}

.message-content .chat .chat-history::-webkit-scrollbar {

    width: 5px;

}



/* Track */

.message-content .chat .chat-history::-webkit-scrollbar-track {

    background: #F4F7FC;

}



/* Handle */

.message-content .chat .chat-history::-webkit-scrollbar-thumb {

    background: #d9d9d9;

    border-radius: 10px;

}



.chat .chat-history ul {

    padding: 0

}



.chat .chat-history ul li {

    list-style: none;

    margin-bottom: 30px

}



.chat .chat-history ul li:last-child {

    margin-bottom: 0px

}



.chat .chat-history .message-data {

    margin-bottom: 15px

}



.chat .chat-history .message-data img {

    border-radius: 40px;

    width: 40px

}



.chat .chat-history .message-data-time {

    color: #434651;

    padding-left: 6px

}



.chat .chat-history .message {

    color: #444;

    padding: 10px 13px;

    line-height: 26px;

    font-size: 12px;

    border-radius: 7px;

    display: inline-block;

    position: relative;

}



.chat .chat-history .message:after {

    bottom: 100%;

    left: 7%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-bottom-color: #fff;

    border-width: 10px;

    margin-left: -10px

}



.chat .chat-history .my-message {

    background: #fafafa;

}



.chat .chat-history .my-message:after {

    bottom: 100%;

    left: 30px;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-bottom-color: #fafafa;

    border-width: 10px;

    margin-left: -10px

}



.chat .chat-history .other-message {

    background: #f6f9fd;

    text-align: right

}



.chat .chat-history .other-message:after {

    border-bottom-color: #F6F9FD;

    left: 82% !important;

}



.chat .chat-message {

    padding: 20px

}

.chat .chat-message input{

    height: 50px;

    padding: 0 20px;

    border: 1px solid #efefef;

}

.chat .chat-message button{

    background: #0b8b21;

    color: #fff;

    padding: 0 25px;

    font-size: 14px;

    font-weight: 700;

}



.online,

.offline,

.me {

    margin-right: 2px;

    font-size: 8px;

    vertical-align: middle

}



.online {

    color: #86c541

}



.offline {

    color: #e47297

}



.me {

    color: #1d8ecd

}



.float-right {

    float: right

}



.clearfix:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0

}



@media only screen and (max-width: 767px) {

    .message-content .chat-app .people-list {

        height: 500px;

        width: 100%;

        overflow-x: auto;

        background: #fff;

        position: inherit!important;



        padding: 0;



    }

    .message-content{

        padding: 20px;

    }

    .chat-app .people-list.open {

        left: 0

    }

    .chat-app .chat {

        margin: 0

    }

    .chat-app .chat .chat-header {

        border-radius: 0.55rem 0.55rem 0 0

    }

    .chat-app .chat-history {

        height: 300px;

        overflow-x: auto

    }

    .message-content .chat-app .chat{

        margin-left: 0;

    }

}



@media only screen and (min-width: 768px) and (max-width: 992px) {

    .chat-app .chat-list {

        height: 650px;

        overflow-x: auto

    }

    .chat-app .chat-history {

        height: 600px;

        overflow-x: auto

    }

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

    .chat-app .chat-list {

        height: 480px;

        overflow-x: auto

    }

    .chat-app .chat-history {

        height: calc(100vh - 350px);

        overflow-x: auto

    }

}

main {

    margin: 30px auto;

    height: auto;

    float: left;

    width: 100%;

}







main .container .main-side {

    width: 266px;

    margin-right: 30px;

}



main .container .main-side .side-box {

    width: 100%;

    height: auto;

    background-color: #fff;

    padding: 20px 12px;

    border-radius: 10px;

}



main .container .main-side .side-box .filter-input {

    width: 100%;

    height: 40px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

}



main .container .main-side .side-box .filter-input input {

    height: 40px;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    border-radius: 10px;

    border: 1px solid #E6E6E6;

    text-indent: 30px;

    color: #D4D1D1;

}



main .container .main-side .side-box .filter-input input::-webkit-input-placeholder {

    color: #D4D1D1;

}



main .container .main-side .side-box .filter-input input:-ms-input-placeholder {

    color: #D4D1D1;

}



main .container .main-side .side-box .filter-input input::-ms-input-placeholder {

    color: #D4D1D1;

}



main .container .main-side .side-box .filter-input input::placeholder {

    color: #D4D1D1;

}



main .container .main-side .side-box .filter-input span {

    left: 10px;

    position: absolute;

    color: #D4D1D1;

}



main .container .main-side .side-box .side-links {

    margin-top: 20px;

}



main .container .main-side .side-box .side-links li {

    border-bottom: 1px solid #F4F7FC;

    padding-bottom: 8px;

    margin-bottom: 8px;

}



main .container .main-side .side-box .side-links li:last-child {

    border-bottom: 0px;

}



main .container .main-side .side-box .side-links li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 16px;

    color: #362A39;

}



main .container .main-side .side-box .side-links li a img {

    border-radius: 3px;

    margin-right: 10px;

}



main .container .main-content {

    width: 100%;

}



main .container .main-content .hero-left {

    width: 100%;

    margin-right: 3%;

}



main .container .main-content .hero-left .swiper {

    width: 100%;

    float: left;

    height: 430px;

    border-radius: 10px;

    position: relative;

}

main .container .main-content .hero-left .swiper .swiper-pagination{

    bottom: 35px;

}

main .container .main-content .hero-left .swiper .swiper-pagination-bullet{

    width: 8px;

    height: 8px;

    background: #fff;

}

main .container .main-content .hero-left .swiper .img-overlay{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #000000c4;

}

main .container .main-content .hero-left .swiper .img-overlay .overlay-text{

    position: absolute;

    top: 50%;

    left: 60px;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

main .container .main-content .hero-left .swiper .img-overlay .overlay-text span{

    display: inline-block;

    font-size: 27px;

    line-height: 38px;

    letter-spacing: -1px;

    font-weight: 800;

    color: #000;

    background: #f9aa01;

    text-transform: capitalize;

    margin-bottom: 20px;

    padding: 0px 2px;

    position: relative;

    font-style: italic;

    margin-left: 18px;

}

main .container .main-content .hero-left .swiper .img-overlay .overlay-text span:before{

    content: "";

    border-right: 0px solid #f9aa01;

    border-bottom: 38px solid #f9aa01;

    border-left: 18px solid transparent;

    border-top: 18px solid transparent;

    position: absolute;

    left: -18px;

    top: -18px;

}

main .container .main-content .hero-left .swiper .img-overlay .overlay-text span:after{

    content: "";

    border-right: 17px solid transparent;

    border-bottom: 17px solid transparent;

    border-left: 0px solid #f9aa01;

    border-top: 38px solid #f9aa01;

    position: absolute;

    right: -17px;

    top: 0px;

}

main .container .main-content .hero-left .swiper .img-overlay .overlay-text h2{

    font-size: 48px;

    margin-bottom: 10px;

    font-weight: 700;

    letter-spacing: -2px;

    color: #fff;

}

main .container .main-content .hero-left .swiper .img-overlay .overlay-text p{

    font-size: 16px;

    color: #d3d3d3;

}

main .container .main-content .hero-left .swiper .img-overlay .overlay-text a{

    background: #ffffff;

    color: #4d2b55;

    font-size: 14px;

    font-weight: 500;

    padding: 12px 20px;

    border-radius: 25px;

    display: inline-block;

    margin-top: 20px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

main .container .main-content .hero-left .swiper .img-overlay .overlay-text a:hover{

    background: #f9aa01;

}

main .container .main-content .hero-left .swiper .img-overlay .right{

    position: absolute;

    right: 50px;

    width: 35%;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

main .container .main-content .hero-left .swiper img {

    width: 100%;

    border-radius: 10px;

    height: 100%;

    object-fit: cover;

}

main .container .main-content .main-content-hero{

    position: relative;

}

main .container .main-content .hero-left .hero-bottom{

    width: 100%;

    margin-top: 45px;

    float: left;

}

main .container .main-content .hero-left .hero-bottom .swiper{

    height: 100px;

}

main .container .main-content .hero-left .hero-bottom .overlay{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #4d2b5599;

    display: flex;

    border-radius: 10px;

    align-items: center;

    justify-content: center;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}

main .container .main-content .hero-left .hero-bottom .overlay img{

    width: auto;

    height: auto;



    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}

main .container .main-content .hero-left .hero-bottom .overlay:hover{

    background: #f9aa01ad;

}

main .container .main-content .hero-left .hero-bottom .overlay:hover img{

    transform: scale(1.2);

}

main .container .main-content .hero-right{

    width: 22%;

    float: left;

}

main .container .main-content .hero-right .swiper{

    height: 270px;

    margin-bottom: 30px;

}

main .container .main-content .hero-right .swiper-cube .swiper-cube-shadow:before{

    background: #0000005e;

}

main .container .main-content .hero-right .swiper img{

    width: 100%;

    height: 100%;



    border-radius: 10px;

}

main .container .main-content .hero-right .bottom{

    width: 100%;

    height: 270px;

}

main .container .main-content .hero-right .bottom img{

    width: 100%;

    height: 100%;



    border-radius: 10px;

}

main .container .main-content .main-content-hero>img.hero-img {

    width: 100%;

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

}



main .container .main-content .main-content-hero .img-overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(54, 42, 57, 0.92);

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 0 20px;

}



main .container .main-content .main-content-hero .img-overlay .overlay-text {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



main .container .main-content .main-content-hero .img-overlay .overlay-text h2 {

    color: #fff;

    font-weight: 700;

    font-size: 35px;

}



main .container .main-content .main-content-hero .img-overlay .overlay-text p {

    color: #fff;

    font-weight: 300;

    line-height: 20px;

    margin-top: 15px;

    font-size: 16px;

}



main .container .main-content .main-content-hero .img-overlay .overlay-text a.hero-btn {

    margin-top: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 145px;

    height: 38px;

    background: -webkit-gradient(linear, left top, right top, from(#FFAF54), to(#FF924E));

    background: linear-gradient(to right, #FFAF54, #FF924E);

    color: #fff;

    border-radius: 3px;

    font-size: 15px;

}



main .container .main-content .main-content-hero .img-overlay .overlay-text a.hero-btn span {

    margin-left: 8px;

}



main .container .main-content .main-content-hero .img-overlay .overlay-img {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



main .container .main-content .content-hero-carousel {

    display: block;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background-color: #fff;

    padding: 17px;

    position: relative;

}



main .container .main-content .content-hero-carousel .nav-btn {

    width: 25px;

    height: 25px;

    background-color: #362A39;

    color: #fff;

    font-size: 15px;

    border: none;

    border-radius: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    cursor: pointer;

}



main .container .main-content .content-hero-carousel .nav-btn.prev-btn {

    left: 6px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



main .container .main-content .content-hero-carousel .nav-btn.next-btn {

    right: 6px;

    bottom: 50%;

    -webkit-transform: translateY(50%);

    transform: translateY(50%);

}



main .container .main-content .content-hero-carousel .carousel-items {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    background-color: #fff;

    width: 95%;

    margin-left: 2.5%;

}



main .container .main-content .content-hero-carousel .carousel-items .item {

    min-width: 150px;

    max-width: 150px;

    height: 73px;

    border-radius: 3px;

    overflow: hidden;

    position: relative;

    margin-right: 15px;

}



main .container .main-content .content-hero-carousel .carousel-items .item>img {

    width: 100%;

}



main .container .main-content .content-hero-carousel .carousel-items .item .item-overlay {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    border-radius: 3px;

    background: #362a39c4;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



main .container .main-content .content-hero-carousel .carousel-items .item .item-overlay:hover {

    background-color: rgba(255, 175, 84, 0.85);

}



.section-title {

    margin-top: 100px;

    float: left;

    margin-bottom: 50px;

    color: #ffffff;

    font-size: 25px;

    width: 100%;

    font-weight: bold;

    position: relative;

    border-bottom: 1px solid #ffffff;

    padding-bottom: 10px;

    position: relative;

}



.section-title::before {

    content: "";

    position: absolute;

    bottom: -1px;

    width: 25%;

    height: 1px;

    background-color: #5e45ff;

}

.section-title .button{

    float: right;

    display: flex;

    position: absolute;

    right: 0;

    top: -9px;

}

.section-title .button div{

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 14px;

    color: #fff;

    background: #ffaf54;

    border-radius: 50%;

    cursor: pointer;

    margin-left: 10px;

}

.section-title .button div:last-child{

    background: #4d2b55;

}

.section-title img {

    margin-right: 7px;

    margin-top: 4px;

}



.section-title .nav-buttons {

    margin-left: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.section-title .nav-buttons button {

    width: 26px;

    height: 26px;

    background-color: #FFAF54;

    color: #fff;

    font-size: 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-left: 5px;

    border: none;

    cursor: pointer;

    border-radius: 50%;

}



.product-list {

    width: 100%;

    height: auto;

    margin: 15px 0;

float: left;

}



.product-list.five-item-list .product {

    width: 19%;

}



.product-list .product {

    width: 100%;

    float: left;



    margin-bottom: 30px;



    border-radius: 10px;

    overflow: hidden;

    position: relative;

}

.product-list .product:nth-child(4n){

    margin-right: 0;

}



.product-list .product .product-img {

    width: 100%;

    height: 300px;

    position: relative;

}

.product-list .product .product-img:before{

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 0%;

    height: 50%;

    background: #ffffff1f;

    z-index: 2;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.product-list .product .product-img:after{

    position: absolute;

    content: '';

    right: 0;

    bottom: 0;

    width: 0%;

    height: 50%;

    background: #ffffff1f;

    z-index: 2;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.product-list .product:hover .product-img:before{

    width: 100%;

}

.product-list .product:hover .product-img:after{

    width: 100%;

}



.product-list .product .product-img img {

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: 4s;

    -webkit-transition: 4s;

    -moz-transition: 4s;

    -o-transition: 4s;

    -ms-transition: 4s;

}

.product-list .product:hover .product-img img{

    transform: scale(1.3);

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    -ms-transform: scale(1.3);



}

.product-list .product .product-img .img-overlay {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#362a3900), to(#362A39));

    background-image: linear-gradient(to bottom, #362a3900, #362A39);

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

    -webkit-transition: .2s all;

    transition: .2s all;

}



.product-list .product .product-img .img-overlay .badge-left {

    background: #b73939;

    color: #fff;

    font-size: 10px;

    font-weight: 400;

    padding: 5px 10px;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    position: absolute;

    top: 10px;

    z-index: 5;

    animation: renk infinite 2s;

}

@keyframes renk{

    0%{

        background: #b73939;

    }

    50%{

        background: green;

    }

    100%{

        background: #b73939;

    }

}

.product-list .product .product-img .img-overlay .badge-rigth {

    background: #FFAF54;

    color: #fff;

    font-size: 10px;

    font-weight: 400;

    padding: 5px 10px;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

    position: absolute;

    z-index: 5;

    top: 10px;

    right: 0;

}





.product-list .product .product-detail .price {

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

    padding: 3px 0px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.product-list .product .product-detail .down-price{

    color: #ffaf54;

    font-size: 12px;

    font-weight: 700;

    position: relative;

}

.product-list .product .product-detail .down-price:after{

    position: absolute;

    left: 0px;

    top: 9px;

    width: 48px;

    height: 1px;

    content: '';

    background: #ffaf54;

    z-index: 4;

}

.product-list .product .product-detail h4{

    font-size: 16px;



    color: #fff;

    margin-bottom: 5px;

    font-weight: 400;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.product-list .product .product-detail{

    position: absolute;

    bottom: 0;

    z-index: 1;

    padding: 25px 10px;



}

.product-list .product .product-detail h6{

    padding: 5px 10px;

    display: inline-block;

    background: #720aa3;

    font-size: 9px;

    color: #ffffff;

    margin-top: 10px;

    border-radius: 2px;

}

.product-list .product .product-detail .top{

    transform: translateY(95px);

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.product-list.p-list1  .product-detail .top{

    transform: translateY(115px);

}

.product-list .product .product-detail .bottom{



    transform: translateY(130px);

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.product-list .product:hover .product-detail .top{

    transform: translateY(10px);

}

.product-list .product:hover .product-detail .bottom{

    transform: translateY(10px);

}

.product-list .product .product-detail p {



    display: block;

    text-align: left;

    color: #fff;

    font-size: 10px;

    line-height: 150%;

    height: 30px;

    font-weight: 300;

    max-width: 100%;

    word-break: break-all;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}



.product-list .product .product-detail .product-user {

    padding: 13px 0;

    border-top: 1px solid #E1E1E1;

    border-bottom: 1px solid #E1E1E1;

    margin: 0 13px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.product-list .product .product-detail .product-user.online .user-img::after {

    background-color: #FFAF54 !important;

}



.product-list .product .product-detail .product-user.online .user-detail span {

    color: #FFAF54;

}



.product-list .product .product-detail .product-user .user-img {

    width: 35px;

    height: 35px;

    border-radius: 3px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative;

    margin-right: 12px;

}



.product-list .product .product-detail .product-user .user-img::after {

    content: "";

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background-color: #362A39;

    border: 1px solid #fff;

    position: absolute;

    right: -4px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.product-list .product .product-detail .product-user .user-img img {

    width: 100%;

}



.product-list .product .product-detail .product-user .user-detail {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.product-list .product .product-detail .product-user .user-detail b {

    font-size: 14px;

    font-weight: 500;

}



.product-list .product .product-detail .product-user .user-detail span {

    color: #B9B9B9;

}



.product-list .product .product-detail .delivery-date {

    padding: 13px;

}



.product-list .product .product-detail .delivery-date span u {

    color: #FFAF54;

}



.product-list .product .product-detail .author {





    padding: 12px 0 12px 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.product-list .product .product-detail .author span {

    margin-left: 10px;

    color: #fff;

}

.category-list{

    width: 100%;

    float: left;

}

.category-list .box{

    background: #fff;

    float: left;

    width: 100%;

    margin-bottom: 50px;

    border-radius: 30px;

    box-shadow: 0px 0px 40px -10px #0000001c;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.category-list .box:hover{

    transform: translateY(-15px);



}

.category-list .box .image{

    height: 300px;

    width: 100%;

    position: relative;

}

.category-list .box .image span{

    position: absolute;

    left: -20px;

    top: 30px;

    padding: 10px 10px;

    background: #a54033;

    color: #fff;

    z-index: 2;

}

.category-list .box .image span:after{

    content: '';

    position: absolute;

    left: 0px;

    bottom: -47px;

    border-style: solid;

    border-width: 19px 0px 28px 20px;

    border-color: #b35347 transparent #ffffff00 transparent;

}

.category-list .box .image img{

    width: 100%;

    border-radius: 30px;

    height: 100%;

    object-fit: cover;

}

.category-list .box .text{

    padding: 40px 25px 25px 25px;

    width: 100%;

    float: left;

    position: relative;

    text-align: center;

}

.category-list .box .text h4{

    font-size: 16px;

    line-height: 150%;

    letter-spacing: -1px;

    margin-bottom: 20px;

    color: #362a39;

}

.category-list .box .text .price{

    float: left;

    width: 100%;

    display: flex;

    justify-content: center;

}

.category-list .box .text .price .new{

    font-size: 38px;

    font-weight: 700;

    float: left;

}

.category-list .box .text .price .new span{

    font-size: 14px;

    position: relative;

    top: -2px;

    left: 0px;

}

.category-list .box .text .price .old{

    float: left;

    margin-top: 20px;

    font-size: 14px;

    margin-right: 15px;

    font-weight: 600;

    color: #b9b9b9;

    position: relative;

}

.category-list .box .text .price .old:after{

    position: absolute;

    left: 0;

    top: 7px;

    width: 55px;

    content: '';

    height: 1px;

    background: #362a399c;

}

.category-list .box .text a{

    width: 100%;

    padding: 15px 20px;

    text-align: center;

    display: block;

    float: left;

    background: #ffaf54;

    font-weight: 700;

    font-size: 14px;

    border-radius: 20px;

    color: #ffffff;

    position: absolute;

    top: -20px;

    width: 90%;

    left: 5%;



    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}



.category-list .box .text a:hover{

    background: #4d2b55;

}

.category-page{

    padding: 100px 0 50px 0;

}

.main-pagination{

    float: left;

    width: 100%;

    display: flex;

    justify-content: center;

    margin-top: 50px;

}

.main-pagination a{

    width: 45px;

    height: 45px;

    color: #ffffff;

    display: flex;

    background: #ffaf54;

    align-items: center;

    float: left;

    font-size: 14px;

    font-weight: 600;

    margin: 0 2px;

    border-radius: 50%;

    justify-content: center;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.main-pagination a:hover{

    background: #4d2b55;

}

.category-slider{

    width: 100%;

    float: left;

}

.category-slider .swiper{

    float: left;

    width: 100%;

    padding: 10px 0;

}

.category-slider .swiper .box{

    width: 100%;

    text-align: center;

}

.category-slider .swiper .box .image{

    width: 80px;

    height: 80px;

    border-radius: 50%;

    margin: 0 auto 10px auto;

    position: relative;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.category-slider .swiper .box:hover .image{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}

.category-slider .swiper .box:hover p{

    color: #ff974f;

}

.category-slider .swiper .box .image span{

    border-radius: 6px;

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    padding: 3px 5px;

    font-size: 12px;

    background: #ff974f;

    display: flex;

    color: #fff;

    max-width: 100%;

    width: max-content;

}

.category-slider .swiper .box .image span.change1{

    background: #2C8DA2;

}

.category-slider .swiper .box .image span.change2{

    background: #D83C3C;

}

.category-slider .swiper .box .image span.change3{

    background: #A30A54;

}

.category-slider .swiper .box .image span.change4{

    background: #720AA3;

}

.category-slider .swiper .box .image img{

    border-radius: 50%;

    width: 100%;

    height: 100%;

    border: 3px solid #4d2b55;

}

.category-slider .swiper .box p{

    font-size: 16px;

    color: #1d1e2a;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.news-carousel {

    float: left;

    width: 100%;

}

.news-carousel .swiper{

    width: 100%;

    float: left;

    padding-bottom: 50px;

}

.news-carousel .swiper img{

    height: 250px;

    width: 100%;

    object-fit: cover;



}

.news-carousel .swiper .swiper-pagination-bullet{

    background: #4d2b55;

}

.news-carousel .swiper .box{

    width: 100%;

    background: #fff;

    text-align: center;

    position: relative;

}

.news-carousel .swiper .box span{

    position: absolute;

    left: 20px;

    top: 20px;

    background: #ffaf54;

    padding: 3px 8px;

    color: #fff;

    z-index: 5;

}

.news-carousel .swiper .box .image{

    width: 100%;

    float: left;

    height: 250px;

    position: relative;

    margin-bottom: 10px;

}

.news-carousel .swiper .box .image:after{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #4d2b5587;

    content: '';

    transform: scale(0.6);

    -webkit-transform: scale(0.6);

    -moz-transform: scale(0.6);

    -o-transform: scale(0.6);

    -ms-transform: scale(0.6);

    opacity: 0;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;



}

.news-carousel .swiper .box:hover .image:after{

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    opacity: 1;

}

.news-carousel .swiper .box:hover h4{

    color: #ffaf54;

}

.news-carousel .swiper .text{

    padding: 0 30px 20px 30px;

    width: 100%;

}

.news-carousel .swiper h4{

    font-size: 20px;

    color: #4d2b55;

    margin-bottom: 10px;

    letter-spacing: -1px;

    font-weight: 700;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.news-carousel .swiper p{

    font-size: 14px;

    color: #787878;

}

.news-carousel .news-item {

    width: 24%;

    background-color: #fff;

    border-radius: 0 0 10px 10px;

    margin-right: 10px;

}



.news-carousel .news-item .news-img {

    width: 100%;

    position: relative;

}



.news-carousel .news-item .news-img img {

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

    width: 100%;

}



.news-carousel .news-item .news-img .img-overlay {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#362a3900), to(#362A39));

    background-image: linear-gradient(to bottom, #362a3900, #362A39);

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

}



.news-carousel .news-item .news-detail {

    padding: 15px 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

}



.news-carousel .news-item .news-detail .title {

    font-size: 16px;

    font-weight: 400;

    color: #362A39;

    padding-bottom: 4px;

}



.news-carousel .news-item .news-detail span {

    color: #ACACAC;

    font-size: 14px;

}



.news-carousel .news-item .news-detail a {

    margin-top: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 145px;

    height: 38px;

    background: -webkit-gradient(linear, left top, right top, from(#FFAF54), to(#FF924E));

    background: linear-gradient(to right, #FFAF54, #FF924E);

    color: #fff;

    border-radius: 3px;

    font-size: 15px;

}



.news-carousel .news-item .news-detail a span {

    margin-left: 8px;

}

.about-page{

    width: 100%;

    float: left;

    padding: 100px 0 0 0;

    position: relative;

    z-index: 0;



}

.about-page:after{

    position: absolute;

    left: -200px;

    top: 250px;

    width: 450px;

    height: 450px;

    border:40px solid #e3e7ed;

    border-radius: 50%;

    content: '';

    z-index: -1;

}

.about-page img{

    width: 100%;

    height: 400px;

    object-fit: cover;

    margin-bottom: 50px;

}

.about-page .text{

    padding: 110px 75px;

}

.about-page h4{

    font-size: 24px;

    margin-bottom: 10px;

    letter-spacing: -1px;

    font-weight: 700;

    position: relative;

}

.about-page h4:after{

    position: absolute;

    left: 0;

    bottom: -5px;

    content: '';

    width: 40px;

    height: 2px;

    background: #ff974f;



}

.about-page p{

    font-size: 16px;

    line-height: 150%;

    margin-bottom: 20px;

}

.about-icon{

    width: 100%;

    float: left;

    margin-top: 100px;

}

.about-icon .box{

    width: 100%;

    padding: 25px;

    border-radius: 10px;

    background: white;

    text-align: center;

    position: relative;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}

.about-icon .box:before{

    content: '';

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    bottom: 0;

    width: 0;

    height: 2px;

    background: #ff974f;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}

.about-icon .box:hover{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}

.about-icon .box:hover:before{

    width: 100%;

}

.about-icon .box i{

    font-size: 38px;

    margin-bottom: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ffffff;

    width: 60px;

    height: 60px;

    background: #ff974f;

    margin: 0 auto 20px auto;

    border-radius: 50%;

}

.about-icon .box p{

    font-size: 16px;

}

.comment-list {



    width: 100%;

    float: left;

}



.comment-list .comment-box {

    width: 100%;

    min-height: 100px;

    border-radius: 10px;

    background-color: #fff;

    border: 1px solid #F1F1F1;



    padding: 40px;

    margin-bottom: 20px;

}



.comment-list .comment-box .comment-img {



    max-width: 100%;

    overflow: hidden;

    margin-right: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;



}



.comment-list .comment-box .comment-img img {

    width: 65px;

    height: 65px;

    border-radius: 50%;

    border: 4px solid #4d2b55;

    margin-bottom: 10px;

}

.comment-list .comment-box .comment-img .head{

    display: flex;

    align-items: center;

    flex-direction: column;

}

.comment-list .comment-box .comment-img .head strong{

    font-size: 16px;

    margin-bottom: 10px;

    color: #ffaf54;

}

.comment-list .comment-box .comment-img .head span{

    color: #9d9d9d;

}

.comment-list .comment-box .comment-detail {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    width: 100%;





}

.ilan-icerik-page .comment-list .comment-box .comment-detail{

    width: 90%;

}



.comment-list .comment-box .comment-detail .head strong {

    font-size: 18px;

    font-weight: 500;

    display: block;

    margin-bottom: 10px;

}



.comment-list .comment-box .comment-detail .head span {

    margin-left: 13px;

    color: #ACACAC;

    position: relative;

}



.comment-list .comment-box .comment-detail .head span::before {

    content: "";

    width: 6px;

    height: 6px;

    background-color: #FFAF54;

    border-radius: 50%;

    left: -11px;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.comment-list .comment-box .comment-detail .body p {

    font-size: 14px;

    font-weight: 300;

    margin-top: 10px;

    color: #545454;

    text-align: center;

}

.ilan-comment .comment-box .comment-detail .body p{

    text-align: left;

}



.comment-list a.show-all {

    margin: 10px auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 145px;

    height: 38px;

    background: -webkit-gradient(linear, left top, right top, from(#FFAF54), to(#FF924E));

    background: linear-gradient(to right, #FFAF54, #FF924E);

    color: #fff;

    border-radius: 3px;

    font-size: 15px;

}



.comment-list a.show-all span {

    margin-left: 8px;

}

.games-detail{

    width: 100%;

    float: left;

    BACKGROUND: #FFF;

    margin: 100px 0 0px 0;

    overflow: hidden;



}

.games-detail .left{

    width: 100%;

    height: 500px;

}

.games-detail .left img{

    width: 100%;

    height: 100%;

}

.games-detail .right{

    width: 100%;

    padding-top: 100px;

    padding-right: 300px;

    padding-left: 30px;

    position: relative;

    z-index: 0;



}

.games-detail .right:after{

    position: absolute;

    right: -100px;

    bottom: -250px;

    width: 300px;

    height: 300px;

    border: 25px solid #c1c1c11f;

    content: '';

    z-index: -1;

    border-radius: 50%;

}

.games-detail .right small{

    position: absolute;

    right: 20px;

    top: 20px;

    padding: 10px 15px;

    font-size: 16px;

    letter-spacing: -1px;

    color: #fff;

    background: #a54033;

}

.games-detail .right span{

    font-size: 14px;

    color: #9b9b9b;

    margin-bottom: 10px;

    display: block;

}

.games-detail .right h4{

    font-size: 32px;

    font-weight: 700;

    margin-bottom: 15px;

}

.games-detail .right p{

    color: #787878;

    margin-bottom: 20px;

    font-size: 14px;

}

.games-detail .right .price{

    float: left;

    width: 100%;

    display: flex;

    margin-bottom: 20px;

}

.games-detail .right .price .new{

    font-size: 48px;

    font-weight: 700;

    float: left;

    display: flex;

    align-items: flex-end;

    margin-right: 20px;

}

.games-detail .right .price .new span{

    font-size: 14px;

    position: relative;

    top: 0px;

    left: 0px;

}

.games-detail .right .price .old{

    float: left;

    margin-top: 31px;

    font-size: 14px;

    margin-right: 15px;

    font-weight: 600;

    color: #b9b9b9;

    position: relative;

}

.games-detail .right .price .old:before{

    position: absolute;

    left: 0;

    top: 7px;

    width: 42px;

    content: '';

    height: 1px;

    background: #959595;

}

.games-detail .right form{

    display: flex;

    border: 1px solid #f6f6f6;

    background: #ff974f;

    padding: 5px;

    border-radius: 20px;

    float: left;

}

.games-detail .right form a{

    height: 40px;

    width: 40px;

    background: #ef8740;

    color: #ffffff;

    font-size: 20px;

    border-radius: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.games-detail .right form input{

    text-align: center;

    font-size: 16px;

    font-weight: 600;

    width: 100px;

    color: #fff;

}

.games-detail .right .basket{

    padding: 16px 40px;

    background: #218500;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    display: inline-block;

    margin-left: 30px;

    border-radius: 25px;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;



}

.games-detail .right .basket:hover{

    background: #482950;

}

.mode{



    position: relative;



    width: 80px;

    height: 40px;

    border-radius: 24px;

    padding: 5px;

    z-index: 20;

    cursor: pointer;

    background: #ff9e5d;

    float: right;

    margin-left: 20px;

}



.mode span{

    width: 30px;

    height: 30px;

    background: #ed8f52;

    display: block;

    border-radius: 50%;

    position: absolute;

    top: 4px;

    left: 5px;

    transition: .2s;

    -webkit-transition: .2s;

    -moz-transition: .2s;

    -o-transition: .2s;

    -ms-transition: .2s;

}

.mode.active{

    background: #2a2c3a;

}

.mode.active span{

    background: #222332;

    left: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.mode img{

    transition: 0.5s;

    width: 16px;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

}

.mode .dark{

    transform: translate(-50%,-50%) scale(0);

    opacity: 0;

    visibility: hidden;

}

.mode.active .dark{

    transform: translate(-50%,-50%) scale(1);

    opacity: 1;

    visibility: visible;

}

.mode.active .light{

    transform:translate(-50%,-50%) scale(0);

    opacity: 0;

    visibility: hidden;

}

.mode .light{

    transform:translate(-50%,-50%) scale(1);

    opacity: 1;

    visibility: visible;

}

.footer-top {

    width: 100%;

    padding-bottom: 30px;

    padding-top: 30px;

    background:#1d1e2a;



    margin-top: 100px;

}



.footer-top .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.footer-top .container .footer-top-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    border-right: 1px solid #ffffff0a;

    margin-right: 58px;

}



.footer-top .container .footer-top-item:last-child {

    border-right: 0px solid #ECA04A;

    padding-right: 0px;

    margin-right: 0px;

}



.footer-top .container .footer-top-item .icon {

    min-width: 70px;

    min-height: 70px;

    background-color: #2a2b38;

    color: #fff;

    border-radius: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-right: 12px;

}

.footer-top .container .footer-top-item .icon img{

    width: 40px;

}



.footer-top .container .footer-top-item .info span {

    font-size: 18px;

    color: #fff;

    margin-bottom: 10px;

    font-weight: 500;

    display: block;

}



.footer-top .container .footer-top-item .info p {

    font-size: 13px;

    font-weight: 300;

    color: #ffffffc4;

    max-width: 210px;

}



footer {

    width: 100%;

    padding: 100px 0;



    background: #1d1e2a;

    border-top: 1px solid #ffffff12;

    position: relative;

}



footer .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



footer .container .footer-col {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}



footer .container .footer-col:nth-child(n+2) {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

footer .container .footer-col .footer-logo{

    margin-bottom: 20px;

}

footer .container .footer-col>span {

    color: #fff;

    margin-bottom: 20px;

}



footer .container .footer-col .contact-btn {



    border-radius: 3px;



    margin: 5px 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    font-size: 16px;

    margin-bottom: 10px;

    -ms-flex-align: center;

    align-items: center;

    color: #f4f7fc;

}



footer .container .footer-col .contact-btn span {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 20px;

    height: 20px;

    color: #ffaf54;

    font-size: 16px;

    margin-right: 10px;

    border-radius: 2px;

    margin-right: 5px;

}



footer .container .footer-col .footer-links {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



footer .container .footer-col .footer-links .title {

    color: #FFAF54;

    font-size: 18px;

    font-weight: 500;

    position: relative;

    margin-bottom: 20px;

}

footer .social{

    float: left;

    margin: 10px 0 20px 0;

}

footer .social ul li{

    float: left;

}

footer .social ul li a{

    font-size: 18px;

    color: #fff;

    margin-right: 15px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

footer .social ul li a:hover{



}





footer .container .footer-col .footer-links a {

    color: #908A91;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 10px;

}



footer .container .footer-col .footer-links a:hover {

    color: #fff;

}



footer .footer-support {

    width: 225px;

    height: 45px;

    border-radius: 3px;

    background: linear-gradient(60deg, #FFAF54, #FF924E);



    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    justify-content: center;

    position: absolute;

    bottom: -16px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    color: #fff;

    cursor: pointer;

}



footer .footer-support img {

    margin-right: 10px;

}



.footer-cart {

    width: 100%;



    padding: 30px 0;

}

.footer-cart span{

    font-size: 14px;

    float: right;

    padding: 10px 0;

}



.side-options {

    width: 100%;

    height: auto;

    border-radius: 10px;

    overflow: hidden;

    background-color: #fff;

}



.side-options .side-title {

    width: 100%;

    height: 55px;

    background: linear-gradient(60deg, #FFAF54, #FF924E);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 0 12px;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

}



.side-options .side-title span {

    display: none;

}



.side-options .payment-options {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}



.side-options .payment-options li {

    width: 100%;

    height: 60px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    cursor: pointer;

}



.side-options .payment-options li:nth-child(even) {

    background-color: #F2F5FB;

}



.side-options .payment-options li:nth-child(2) .icon {

    border-right: 1px solid #FFB52D;

}



.side-options .payment-options li:nth-child(3) .icon {

    border-right: 1px solid #1D83D4;

}



.side-options .payment-options li:nth-child(4) .icon {

    border-right: 1px solid #C7346B;

}



.side-options .payment-options li:nth-child(5) .icon {

    border-right: 1px solid #FFC600;

}



.side-options .payment-options li:nth-child(6) .icon {

    border-right: 1px solid #00366D;

}



.side-options .payment-options li:nth-child(7) .icon {

    border-right: 1px solid #1C8EB1;

}



.side-options .payment-options li .icon {

    width: 60px;

    height: 60px;

    border-right: 1px solid #40A2E7;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.side-options .payment-options li .detail {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    margin-left: 10px;

}



.side-options .payment-options li .detail b {

    font-size: 15px;

    font-weight: 500;

}



.side-options .payment-options li .detail span {

    color: #ACACAC;

}



.side-options .payment-options li .option-check {

    margin-left: auto;

    width: 18px;

    height: 18px;

    border: 1px solid #ACACAC;

    border-radius: 50%;

    margin-right: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.side-options .payment-options li .option-check span {

    display: none;

    margin-top: 1px;

}



.side-options .payment-options li .option-check.checked {

    background-color: #FFAF54;

    border: 1px solid #FFAF54;

    color: #fff;

}



.side-options .payment-options li .option-check.checked span {

    display: block;

}



.payment-option-tabs {

    width: 100% !important;

}



.payment-option-tabs .payment-tab {

    padding-top: 20px;

    display: none;

}



.payment-option-tabs .payment-tab.show-tab {

    display: block;

}



.payment-option-tabs .payment-tab .img-cont {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.payment-option-tabs .payment-tab .img-cont img {

    width: 100%;

    max-width: 570px;

}



.payment-option-tabs .payment-tab .title {

    font-size: 35px;

    font-weight: 600;

    color: #362A39;

    margin: 10px auto;

    text-align: center;

}



.payment-option-tabs .payment-tab .summary {

    text-align: center;

    font-size: 15px;

    margin: 0 auto;

    max-width: 560px;

}



.payment-option-tabs .payment-tab .payment-tab-form {

    width: 100%;

    padding: 24px;

    border-radius: 10px;

    background-color: #fff;

    -webkit-box-shadow: 0px 0px 10px #0000000c;

    box-shadow: 0px 0px 10px #0000000c;

    margin-top: 20px;

}



.payment-option-tabs .payment-tab .payment-tab-form .form-row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    margin-bottom: 24px;

}



.payment-option-tabs .payment-tab .payment-tab-form .form-row span {

    font-size: 15px;

    font-weight: 500;

    margin-bottom: 10px;

}



.payment-option-tabs .payment-tab .payment-tab-form .form-row input {

    width: 100%;

    height: 50px;

    border-radius: 10px;

    border: 1px solid #EEEEEE;

    text-indent: 15px;

    font-size: 15px;

    font-weight: 500;

    color: #FFAF54;

}



.payment-option-tabs .payment-tab .payment-tab-form .form-row input::-webkit-input-placeholder {

    font-weight: 500;

    color: #B1B1B1;

}



.payment-option-tabs .payment-tab .payment-tab-form .form-row input:-ms-input-placeholder {

    font-weight: 500;

    color: #B1B1B1;

}



.payment-option-tabs .payment-tab .payment-tab-form .form-row input::-ms-input-placeholder {

    font-weight: 500;

    color: #B1B1B1;

}



.payment-option-tabs .payment-tab .payment-tab-form .form-row input::placeholder {

    font-weight: 500;

    color: #B1B1B1;

}



.payment-option-tabs .payment-tab .payment-tab-form .purchase-btn {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.payment-option-tabs .payment-tab .payment-tab-form .purchase-btn a {

    margin: 10px auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 212px;

    height: 38px;

    background: -webkit-gradient(linear, left top, right top, from(#FFAF54), to(#FF924E));

    background: linear-gradient(to right, #FFAF54, #FF924E);

    color: #fff;

    border-radius: 3px;

    font-size: 15px;

}



.payment-option-tabs .payment-tab .payment-tab-form .purchase-btn a span {

    margin-left: 8px;

}

.game-slider{

    width: 100%;

    float: left;

    margin-bottom: 30px;



}

.game-slider .swiper{

    width: 100%;

    float: left;

    padding: 50px 0px;

}

.game-title{

    margin-top: 50px!important;

}

.game-slider .swiper .swiper-pagination{

    bottom: 0;

}

.game-slider .swiper .swiper-pagination-bullet{

    width: 12px;

    height: 12px;

    background: #4d2b55;

}

.game-slider .swiper .box{

    width: 100%;



    text-align: center;

    position: relative;

    height: 250px;

    border-radius: 10px;

    overflow: hidden;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}

.game-slider .swiper .box .filter{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 260px;

    background-image: linear-gradient(to bottom, #362a3900, #362A39);

}

.game-slider .swiper .box h5{

    padding: 20px;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    bottom: 10px;

    color: #fff;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}

.game-slider .swiper .box:hover h5{

    transform: translateY(-10px) translateX(-50%);

    -webkit-transform: translateY(-10px) translateX(-50%);

    -moz-transform: translateY(-10px) translateX(-50%);

    -o-transform: translateY(-10px) translateX(-50%);

    -ms-transform: translateY(-10px) translateX(-50%);

}



.game-slider .swiper .box span{

    display: flex;

    position: absolute;

    right: 15px;

    top: 15px;

    width: 60px;

    height: 60px;

    background: #B53A38;

    align-items: center;

    justify-content: center;

    color: #fff;

    border-radius: 50%;

    font-size: 12px;

    line-height: 150%;

    animation: scl 2s infinite;

}

@keyframes scl{

    0%{

        transform: scale(1);

    }

    50%{

        transform: scale(1.1);

    }

    100%{

        transform: scale(1);

    }

}

.game-slider .swiper .image{

    height: 250px;

}

.game-slider .swiper img{

    width: 100%;

    height: 250px;

    border-radius: 13px;

    object-fit: cover;

}

.game-page{

    float: left;

    width: 100%;

}

.game-page .top {

    float: left;

    width: 100%;

    display: flex;

    padding: 50px 0;



}

.game-page .top .slide {

    height:60vh;



    border-radius: 25px;

    float: left;

    margin: 10px;



    cursor: pointer;

    color: white;

    flex: 1;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    position: relative;

    transition: all 500ms ease-in-out;

}



.game-page .top .slide:last-child{

    margin-right: 0;

}



.game-page .top .slide h3 {

    position: absolute;

    font-size: 40px;

    background: #1d1e2a;

    bottom: 20px;

    left: 20px;

    padding: 5px 10px;

    border-radius: 4px;

    margin: 0;

    opacity: 0;

}



.game-page .top .slide.active {

    box-shadow: 0 5px 53px 5px #0000001f;

    flex: 10;

}



.game-page .top .slide.active h3 {

    opacity: 1;

    transition: opacity 0.3s ease-in 0.4s;

}

.game-list{

    width: 100%;

    float: left;

}

.game-list .box{

    width: 100%;

    margin-bottom: 30px;

    float: left;



}

.game-list img{

    width: 100%;

    border-radius: 10px;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}

.game-list .box:hover img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}

.alphabet{

    width: 100%;

    background: #fff;

    border-radius: 15px;

    display: flex;

    padding:  10px;

}

.alphabet a{

    padding: 15px 10px;

    color:#626262;

    display: flex;

    flex: 1;

    font-weight: 500;

    font-size: 14px;

    border-radius: 10px;

    align-items: center;

    justify-content: center;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}

.alphabet a:hover{

    background: #ff974f;



    color: #fff;

}

.profile-page {

    width: 100%;

    margin-top: -30px;

    margin-bottom: 30px;

}



.profile-page .profile-banner {

    width: 100%;

    height: 200px;

    position: relative;

}



.profile-page .profile-banner img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: top;

    border-radius: 0 0 10px 10px;

}



.profile-page .profile-banner .banner-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#362a3900), to(#362A39));

    background-image: linear-gradient(to bottom, #362a3900, #362A39);

    border-radius: 0 0 10px 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding-bottom: 20px;

}



.profile-page .profile-banner .banner-overlay .profile-details {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: -10px;

}



.profile-page .profile-banner .banner-overlay .profile-details .profile-pic {

    

    width: 180px;

    height: 180px;

    position: relative;

    border-radius: 15px;

    border: 3px solid #ffaa53;

    overflow: hidden;

}

body.dark .profile-page .profile-stats .stat-box span i{

        font-size: 35px;

    color: #fff;

}

.profile-page .profile-banner .banner-overlay .profile-details .profile-pic img {

    width: 100%;

}



.profile-page .profile-banner .banner-overlay .profile-details .profile-pic .overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 0 0 10px 10px;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#362a3900), to(#362A39));

    background-image: linear-gradient(to bottom, #362a3900, #362A39);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    text-align: center;

    padding-bottom: 16px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    color: #fff;

    font-size: 22px;

}



.profile-page .profile-banner .banner-overlay .profile-details .box {

    width: 180px;

    height: 43px;

    background: linear-gradient(60deg, #FFAF54, #FF924E);

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 15px;

    border-radius: 0 10px 10px 0;

}



.profile-page .profile-banner .banner-overlay .profile-details .box:first-child {

    background: linear-gradient(-60deg, #FFAF54, #FF924E);

    border-radius: 10px 0 0 10px;

}



.profile-page .profile-banner .banner-overlay .profile-details .box span {

    margin-right: 7px;

}



.profile-page .profile-stats {

    width: 100%;

    margin-top: 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.profile-page .profile-stats .left {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.profile-page .profile-stats .right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.profile-page .profile-stats .stat-box {

display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #080808;

    padding: 10px;

    border-radius: 10px;

    width: 207px;

    height: 80px;

    box-shadow: 0px 0px 40px -10px #0000002e;

    margin-right: 25px;

}



.profile-page .profile-stats .stat-box.blue>span {

    background-color: #A2AFD9;

}



.profile-page .profile-stats .stat-box.blue .detail span {

    color: #A2AFD9;

}



.profile-page .profile-stats .stat-box.red>span {

    background-color: #C72E3E;

}



.profile-page .profile-stats .stat-box.red .detail span {

    color: #C72E3E;

}



.profile-page .profile-stats .stat-box.green>span {

    background-color: #CBD5AB;

}



.profile-page .profile-stats .stat-box.green .detail span {

    color: #CBD5AB;

}



.profile-page .profile-stats .stat-box:last-child {

    margin-right: 0;

}



.profile-page .profile-stats .stat-box>span {

    width: 52px;

    height: 52px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    border-radius: 10px;

    margin-right: 10px;

    background-color: #FFAF54;

}



.profile-page .profile-stats .stat-box .detail {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.profile-page .profile-stats .stat-box .detail b{

    display: block;

    margin-bottom: 5px;

}

.profile-page .profile-stats .stat-box .detail span {

    font-size: 16px;

    font-weight: 600;

    color: #FFAF54;

}



.profile-page .profile-main {

    width: 100%;

    margin-top: 30px;

    float: left;

}



.profile-page .profile-main .profile-side {



    width: 100%;

    margin-right: 30px;

}



.profile-page .profile-main .profile-side .menu-nav {

    width: 100%;

    height: auto;

    background-color: #080808;

    -webkit-box-shadow: 0px 0px 6px rgb(0 0 0 / 5%);

    box-shadow: 0px 0px 50px -18px rgb(0 0 0 / 16%);

    border-radius: 10px;

}



.profile-page .profile-main .profile-side .menu-nav .title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 100%;

    height: 55px;

    background: linear-gradient(60deg, #FFAF54, #FF924E);

    color: #fff;

    font-size: 20px;

    border-radius: 10px 10px 0 0;

    font-weight: 500;

    pointer-events: none;

}



.profile-page .profile-main .profile-side .menu-nav .title span {

    display: none;

}



.profile-page .profile-main .profile-side .menu-nav .menu-links {

    width: 100%;

    height: auto;

}



.profile-page .profile-main .profile-side .menu-nav .menu-links ul li {

    position: relative;

}





.profile-page .profile-main .profile-side .menu-nav .menu-links ul li:hover a {

    color: #ffffff;

}



.profile-page .profile-main .profile-side .menu-nav .menu-links ul li:hover::before {

    position: absolute;

    top: 15px;

    left: 0;

    content: "";

    width: 4px;

    height: 20px;

    border-radius: 0 10px 10px 0;

    background-color: #f3f3f3;

}





.profile-page .profile-main .profile-side .menu-nav .menu-links ul li.active::before {

    position: absolute;

    top: 15px;

    left: 0;

    content: "";

    width: 4px;

    height: 20px;

    border-radius: 0 10px 10px 0;

    background-color: #ffffff;

}



.profile-page .profile-main .profile-side .menu-nav .menu-links ul li.active a {

    color: #f3f3f3;

}



.profile-page .profile-main .profile-side .menu-nav .menu-links ul li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    padding: 20px;

    border-bottom: 1px solid #0a0a0a;

    font-size: 14px;

    letter-spacing: -0.5px;

    font-weight: 400;

    color: #474b58;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;



}

.profile-page .profile-main .profile-side .menu-nav .menu-links ul li a:hover{

    padding-left: 30px;

}

.profile-page .profile-main .profile-side .menu-nav .menu-links ul li a  i{

    margin-right: 5px;

}

.profile-page .profile-main .profile-side .menu-nav .menu-links ul li:last-child a{

    border-bottom: none!important;

}



.profile-page .profile-main .profile-content {

    width: 100%;

    background:  #080808;

    float: left;

    border-radius: 10px;

}



.profile-page .profile-main .profile-content .info-box {

    width: 100%;

    padding: 20px;

    background: linear-gradient(60deg, #362A39, #544757);

    border-radius: 10px;

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.profile-page .profile-main .profile-content .info-box .text {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    margin-left: 20px;

}



.profile-page .profile-main .profile-content .info-box .text h2 {

    font-size: 16px;

    font-weight: 500;

}



.profile-page .profile-main .profile-content .info-box .text p {

    font-size: 15px;

    font-weight: 400;

}

.profile-page .profile-main .profile-content .payment-content{

    padding: 30px;

}

.profile-page .profile-main .profile-content .payment-content h4{

    font-size: 20px;

    letter-spacing: -1px;

    margin-bottom: 25px;

}

.profile-page .profile-main .profile-content .payment-content .box{

    width: 100%;

    padding: 30px;

    text-align: center;

    background: #f5f5f5;

    height: 150px;

    border: 1px solid #fdfdfd;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    position: relative;

    overflow: hidden;

    border-radius: 10px;

}

.profile-page .profile-main .profile-content .payment-content .box .checked{

    position: absolute;

    right: 10px;

    bottom: 10px;

    width: 30px;

    height: 30px;

    background: #087415;

    border-radius: 50%;

    transform: scale(0);

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

    -ms-transform: scale(0);

    opacity: 0;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.profile-page .profile-main .profile-content .payment-content .box .checked:after{

    content: '';

    position: absolute;

    left: 8px;

    top: 10px;

    width: 15px;

    height: 7px;

    border-left: 2px solid #ffffff;

    border-bottom: 2px solid #ffffff;

    transform: rotate(-45deg);

}

.profile-page .profile-main .profile-content .payment-content .box.active .checked{

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    opacity: 1;

}

.profile-page .profile-main .profile-content .payment-content .box.active{

    background:     #dbe1c9!important;

}

.profile-page .profile-main .profile-content .payment-content .box.active small{

    display: none;

}

.profile-page .profile-main .profile-content .payment-content .box small{

    position: absolute;

    bottom: -35px;

    padding: 7px 15px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    background: #a2afd9;

    color: #fff;

    border-radius: 6px;

    font-size: 12px;

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

}

.profile-page .profile-main .profile-content .payment-content .box:hover small{

    bottom: 5px;

}

.profile-page .profile-main .profile-content .payment-content .box input{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

}

.profile-page .profile-main .profile-content .payment-content .box img{

    width: 100px;

    height: 50px;

    object-fit: contain;

}

.profile-page .profile-main .profile-content .payment-content .box h5{

    margin-top: 10px;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: -1px;

}

.profile-page .profile-main .profile-content .payment-content .box span{

    position: absolute;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    width: max-content;

    padding: 5px 10px;

    background: linear-gradient(60deg, #FFAF54, #FF924E);

    font-weight: 300;

    font-size: 12px;

    color: #ffffff;

    border-radius: 0px 0px 10px 10px;

}

.profile-page .profile-main .profile-content .payment-content .bottom-box{

    width: 100%;

    margin: 40px 0;

    float: left;

}

.profile-page .profile-main .profile-content .payment-content .bottom-box input{

    width: 300px;

    height: 60px;

    background: whitesmoke;

    border-radius: 4px;

    float: left;

    padding: 0 20px;

    margin-right: 30px;

}

.profile-page .profile-main .profile-content .payment-content .bottom-box button{

    height: 60px;

    float: left;

    padding: 0 20px;

    background: #087415;

    color: #fff;

    font-weight: 600;

    border-radius: 4px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.profile-page .profile-main .profile-content .payment-content .bottom-box button:hover{

    background: #ff974f;

}

.profile-page .profile-main .profile-content .order-content{

    width: 100%;

    float: left;

    padding: 30px;

}

.profile-page .profile-main .profile-content .order-content .order-tab{

    float: left;

    width: 100%;

    border-bottom: 1px solid #f5f5f5;

    //padding-bottom: 30px;

}

.profile-page .profile-main .profile-content .order-content .order-tab ul li{

    float: left;

    padding: 15px 30px;

    font-size: 14px;

    font-weight: 600;

    cursor: pointer;

    border-radius: 30px;

}

.profile-page .profile-main .profile-content .order-content .order-tab ul li.active{

    background: #f4f7fc;

}

.profile-page .profile-main .profile-content .order-content .order-box{

    float: left;

    width: 100%;

    align-items: center;

    padding: 40px 0;

    display: none;

}

.profile-page .profile-main .profile-content .order-content .order-box .box{

    float: left;

    width: 48%;

    margin-right: 4%;

    position: relative;

    padding: 30px;

    border-radius: 30px;

    margin-bottom: 2%;

    background: #f9f9f9;

}

.profile-page .profile-main .profile-content .order-content .order-box .box:nth-child(even){

    float: right;

    margin-right: 0;

}

.profile-page .profile-main .profile-content .order-content .order-box .box .order-menu{

    position: absolute;

    top: 15px;

    right: 15px;

    font-size: 16px;

    border-radius: 30px;

    background: #ffffff;



}

.profile-page .profile-main .profile-content .order-content .order-box .box .order-menu small{

    padding: 10px;

    display: block;

    cursor: pointer;

}

.profile-page .profile-main .profile-content .order-content .order-box .box .order-menu ul{

    position: absolute;

    top: 100%;

    left: 0;

    width: max-content;

    z-index: 5;

    border-radius: 6px;

    box-shadow: 0px 0px 31px -8px #00000047;

    overflow: hidden;

    display: none;

}

.profile-page .profile-main .profile-content .order-content .order-box .box .order-menu ul li a{

    font-size: 12px;

    padding: 12px 15px;

    background: #ffffff;

    border-bottom: 1px solid #f3f3f3;

    display: block;

    color: #3c3c3c;

}

.profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box{

    width: 100%;

}

.profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box a.detail{

    position: inherit;

    margin-top: -33px;

    margin-right: -25px;

    float: right;

    padding: 10px 15px;

    color: #fff;

    background: #ffaf54;

    border-radius: 6px;

    font-size: 12px;

    cursor: pointer;

    font-weight: 300;

}

.profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail{

    float: left;

    width: 100%;

    /* padding: 0 30px; */

    margin-top: 0px;

}

.profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail img{

    width: 40px;

    height: 40px;

}

.profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail .left{

    display: flex;

    align-items: center;

    float: left;

}

.profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail .left h4{

    font-size: 16px;

    display: flex;

    align-items: center;

}

.profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail .left h4 span{

    padding: 2px 4px;

    background: #cbd5ab;

    color: #fff;

    border-radius: 50%;

    font-size: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: 10px;

    width: 17px;

    height: 17px;

}

.profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail .right{

    float: right;

}

.profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail .right a{

    display: flex;

    justify-content: center;

    align-items: center;

    float: left;

    color: #3e9919;

    margin-left: 20px;

    border-radius: 10px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail .right a:hover{



    color: #ffaf54;

}

.profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail .right a:last-child{



    color: #ffaf54;

}

.profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail .right a:last-child:hover{

    color: #3e9919;;

}

.profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail .right a i{



    font-size: 16px;

    margin-right: 5px;

}

.profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail .right a h3{

    font-size: 14px;

}

.profile-page .profile-main .profile-content .order-content .order-box img{

    width: 65px;

    height: 65px;

    margin-right: 20px;

    float: left;

    box-shadow: 0px 0px 30px 4px #0000002e;

    object-fit: cover;

    border-radius: 20px;

}

.profile-page .profile-main .profile-content .order-content .order-box h5{

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 5px;

    letter-spacing: -1px;

}

.profile-page .profile-main .profile-content .order-content .order-box .price{

    font-size: 13px;

    color: #ff974f;

    font-weight: 600;

    line-height: 20px;

}

.profile-page .profile-main .profile-content .order-content .order-box .date{

    font-size: 12px;

    color: #c5c5c5;

    margin-top: 8px;

}

.profile-page .profile-main .profile-content .order-content .order-box a.detail{

    position: absolute;

    right: 15px;

    bottom: 15px;

    padding: 10px 15px;

    color: #fff;

    background: #ffaf54;

    border-radius: 6px;

    font-size: 12px;

    cursor: pointer;

    font-weight: 300;



}

.profile-page .profile-main .profile-content .order-content .order-box span.not-paid{

    background: #c72e3e;

}

.profile-page .profile-main .tc-content{

    width: 100%;

    padding: 40px;

}

.profile-page .profile-main .tc-content .box{

    width: 100%;

    padding: 35px;

    height: 400px;

    border-radius: 20px;

    position: relative;

    z-index: 0;

    border: 1px solid #f3f3f3;

}

.profile-page .profile-main .tc-content .box span{

    position: absolute;

    right: 50px;

    top: 50px;

    width: 70px;

    height: 70px;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: -1;

    font-size: 120px;

    border-radius: 50%;

}

.profile-page .profile-main .tc-content .box h3{

    font-size: 24px;

    line-height: 120%;

    font-weight: 700;

    margin-bottom: 20px;

}

.profile-page .profile-main .tc-content .box h6{

    font-size: 14px;

    line-height: 150%;

    margin-bottom: 20px;

    font-weight: 600;

    color: #392d3c;

    letter-spacing: -1px;

}

.profile-page .profile-main .tc-content .box p{

    font-size: 14px;

    line-height: 150%;

    margin-bottom: 10px;

    color: #0e0e0e;

    font-weight: 300;

}

.profile-page .profile-main .tc-content .box a{

    padding: 12px 25px;

    background: #cbd5ab;

    border-radius: 24px;

    color: #fff;

    position: absolute;

    left: 30px;

    bottom: 30px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.profile-page .profile-main .tc-content .col-lg-4:first-child .box h3{

    color: #163493;

}

.profile-page .profile-main .tc-content .col-lg-4:first-child .box a{

    background: #163493;

}

.profile-page .profile-main .tc-content .col-lg-4:first-child .box span{

    color: #16349314;

}

.profile-page .profile-main .tc-content .col-lg-4:nth-child(2) .box h3{

    color: #740d87;

}

.profile-page .profile-main .tc-content .col-lg-4:nth-child(2) .box a{

    background: #740d87;

}

.profile-page .profile-main .tc-content .col-lg-4:nth-child(2) .box span{

    color: #740d8717;

}

.profile-page .profile-main .tc-content .col-lg-4:last-child .box h3{

    color: #0a8dab;

}

.profile-page .profile-main .tc-content .col-lg-4:last-child .box a{

    background: #0a8dab;

}

.profile-page .profile-main .tc-content .col-lg-4:last-child .box span{

    color:#0a8dab1a;

}

.profile-page .profile-main .tc-content .box a:hover{

    background: #1d1e2a!important;

}

.profile-page .profile-main .password-content{

    padding: 30px;

    width: 100%;

    float: left;

}

.profile-page .profile-main .password-content h4{

    font-size: 20px;

    letter-spacing: -1px;

    margin-bottom: 25px;

}

.profile-page .profile-main .password-content input{

    width: 100%;

    height: 50px;

    background: #f7f7f7;

    padding: 0 15px;

    margin-bottom: 10px;

    border-radius: 4px;

}

.profile-page .profile-main .password-content button{

    width: 100%;

    height: 50px;

    color: #fff;

    background: #0b8b21;

    font-size: 16px;

    font-weight: 600;

    border-radius: 4px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.profile-page .profile-main .password-content button:hover{

    background: #4d2b55;

}

.profile-page .profile-main .password-content .form-group{

    position: relative;

}

.profile-page .profile-main .password-content input[type="file"]{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    cursor: pointer;

    z-index: 5;

    opacity: 0;

}

.profile-page .profile-main .password-content .file-bg{

    width: 100%;

    height: 50px;

    background: #f7f7f7;

    display: flex;

    align-items: center;

}

.profile-page .profile-main .password-content .file-bg i{

    width: 50px;

    height: 50px;

    background: #e9eef5;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ff974f;

    font-size: 22px;

    float: left;

}

.profile-page .profile-main .password-content .file-bg label{

    padding: 0 20px;

    color: #818381;

}

.profile-page .profile-main .settings-content button{

    width: 200px;

    margin-top: 10px;

}

.profile-page .profile-main .password-content .form-group .phone{

    position: absolute;

    left: 0;

    top: 0;

    height: 50px;

    display: flex;

    background: #e9eef5;

    align-items: center;

    width: 90px;

    justify-content: center;

}

.profile-page .profile-main .password-content .form-group .phone img{

    width: 40px;

    margin-right: 10px;

    float: left;

}

.profile-page .profile-main .password-content .form-group .phone span{

    font-size: 14px;

    color: #060606;

    font-weight: 400;

}

.profile-page .profile-main .password-content .form-group #phone{

    padding: 0 105px;

}

.profil-left{

    width: 100%;

    float: left;

    background: #fff;

    border-radius: 10px;

    padding: 15px;

    margin-bottom: 30px;

}

.profil-left .top{

    display: flex;

    float: left;

    width: 100%;

}

.profil-left .top img{

    width: 80px;

    height: 60px;

    border-radius: 20px;

    object-fit: cover;

    margin-right: 15px;

}

.profil-left .top .text{

    float: left;

    display: flex;

    flex-direction: column;

    width: 100%;

}

.profil-left .top .text h3{

    font-size: 18px;

    margin-bottom: 10px;

    text-align: left;

}

.profil-left .top .bar{

    width: 24%;

    height: 20px;

    background: #f4f7fc;

    display: flex;

    float: left;

    border-radius: 20px;

    overflow: hidden;

    position: relative;

}

.profil-left .top .bar span{

    background: #458f01;

    width: 100%;

    display: block;

    height: 20px;

}

.profil-left .top .bar small{

    position: absolute;

    left: 47%;

    top: 3px;

    width: 100%;

    color: #fff;

    line-height: 15px;

    font-size: 13px;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

}

.profil-left .bottom{

    width: 100%;

    float: left;

    margin-top: 21px;

}

.profil-left .bottom ul{

    width: 100%;

}

.profil-left .bottom ul li{

       width: 46%;

    text-align: center;

    float: left;

    border-radius: 10px;

    justify-content: center;

    background: #f4f7fc;

    padding: 15px 0;

    margin:2%;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.profil-left .bottom ul li i{

    color: #53659f;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

    font-size: 22px;

}

.profil-left .bottom ul li:hover{

    background: #ff974f;

}

.profil-left .bottom ul li:hover i{

    color: #fff;

}

.profil-left .contact{

    float: left;

    width: 100%;

    margin-top: 27px;

}



.profil-left .contact ul li{

    width: 100%;

    margin-bottom: 18px;

}

.profil-left .contact ul li a{

  display: block;

    padding: 14px;

    text-align: center;

    width: 100%;

    border: 1px solid #f4f7fc;

    margin: 0 2px;

    border-radius: 4px;

    background: #ff974f;

    border-radius: 4px;

    color: #ffffff;

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.profil-left .contact ul li a:hover{

    background: #f4f7fc;

    color: #ff974f;

}

.profil-left .number{

       float: left;

    width: 100%;

    margin-top: 24px;

    border-radius: 10px;

    background: #f4f7fc;

    padding: 7px;

}

.profil-left .number h6{

    text-align: center;

        padding: 2px 0 8px 0;

    border-bottom: 1px solid #e3e9f3;

    margin-bottom: 25px;

}

.profil-left .number h4{

    font-size: 12px;

    margin-bottom: 5px;

    text-align: center;

}

.profil-left .number h5{

    display: flex;

    justify-content: center;

    align-items: center;

}

.profil-left .number h5 i.green{

    color: #00903C;

    font-size: 30px;

    margin-right: 5px;

}

.profil-left .number h5 i.red{

    color: #FF3836;

    font-size: 30px;

    margin-right: 5px;

}

.profil-left .number h5 span{

    font-size: 10px;

}

.profil-left .rating{

    width: 100%;

    float: left;

    margin-top: 20px;

}



.profil-left .rating .left{

    float: left;

}

.profil-left .rating .left h5{

    margin-bottom: 6px;

}

.profil-left .rating .left i{

    font-size: 10px;

    color: #cfd5df;

}

.profil-left .rating .left i.active{

    color: #ff974f;

}

.profil-left .rating .left small{

    font-size: 8px;

}

.profil-left .rating .center{

    float: left;

    width: 100%;

    padding: 9px 0;

}

.profil-left .rating .center .bar{

    width: 100%;

    display: flex;



    margin-bottom: 15px;



}

.profil-left .rating .center .bar .line{

    width: 45px;

    background: #458f01;

    height: 5px;

}

.profil-left .rating .center .bar span{

    width: 100%;

    height: 5px;

    background: #ff974f;

    display: block;

}

.profil-left .rating .center .bar small{

    color: #4d2b55;

    float: right;

    margin-left: 5px;

}

.profil-left .rating .right{

    width: 100%;

    float: left;

    padding: 4px 0;

    text-align: center;



}

.profil-left .rating .right h4{

    font-size: 14px;

    margin-bottom: 10px;

}

.profil-left .rating .right span{

    font-size: 14px;

    margin-bottom: 10px;

    color: #458f01;

    display: block;

}

.profil-left .rating .right h6{

    font-size: 24px;

    font-weight: 700;

    color: #00903c;

}

.profil-tab{

    width: 100%;

    float: left;

    padding: 30px 0;

}

.profil-tab .content-box{

    display: none;

}

.profil-tab .content{

    width: 100%;

    border-radius: 10px;

    background-color: #f4f7fc;

    display: -webkit-box;

    display: -ms-flexbox;



    display: flex;

    padding: 30px;

    margin-bottom: 20px;

}

.profil-tab .content .detail {

    -webkit-box-flex: 5;

    -ms-flex: 5;

    flex: 5;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.profil-tab .content .stock{

    float: left;

    margin-right: 20px;

    width: 65px;

    display: flex;

    align-items: center;

}

.profil-tab .content .stock img{

    width: 65px;

    height: 65px;

    border-radius: 20px;

    object-fit: cover;

}

.profil-tab .content .name{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}

.profil-tab .content .name span{

    font-size: 18px;

    font-weight: 600;

    letter-spacing: -1px;

    margin-bottom: 5px;

}

.profil-tab .content .mobile-bottom{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 5;

    -ms-flex: 5;

    flex: 5;

    align-items: center;

}

.profil-tab .content .mobile-bottom .sales-name{

    float: left;

    width: 200px;

    position: relative;

}

.profil-tab .content .mobile-bottom .sales-name small{

    position: absolute;

    left: -10px;

    top: 12px;

    border-radius: 50%;

    background: #28a745;

    width: 20px;

    height: 20px;

    color: #fff;

    display: flex;

    line-height: 16px;

    align-items: center;

    justify-content: center;

}

.profil-tab .content .mobile-bottom .sales-name span{

    display: block;

    font-size: 12px;



    font-weight: 600;

    color: #b2bccd;

    position: absolute;

    top: -20px;



}

.profil-tab .content .mobile-bottom .sales-name img{

    width: 40px;

    height: 40px;

    border-radius: 10px;

    float: left;

    margin-right: 10px;

}

.profil-tab .content .mobile-bottom .sales-name h4{

    font-size: 14px;

    margin-top: 10px;

}

.profil-tab .content .mobile-bottom form {

    display: flex;

    border: 1px solid #f6f6f6;

    background: #ffffff;

    padding: 5px;

    border-radius: 20px;

}

.profil-tab .content .mobile-bottom form a {

    height: 51px;

    width: 51px;

    background: #f4f7fc;

    color: #4d2b55;

    font-size: 20px;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.profil-tab .content .mobile-bottom form a:hover{

    background: #ff974f;

    color: #fff;

}

.profil-tab .content .mobile-bottom form input {

    text-align: center;

    font-size: 16px;

    font-weight: 600;

    width: 100px;

    margin-bottom: 0;

}

.profil-tab .content .mobile-bottom .price {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    margin-left: 50px;

    border-left: 1px solid #F4F7FC;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.profil-tab .content .mobile-bottom .price span {

    font-size: 24px;

    font-weight: 800;

    color: #ff974f;

    float: left;

    margin-bottom: 5px;

}

.profil-tab .content .mobile-bottom .action {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.profil-tab .content .mobile-bottom .action a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: auto;

    padding: 15px 25px;

    background: #458f01;

    color: #fff;

    border-radius: 3px;

    font-size: 16px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.profil-tab .content-box .comment-box{

    width: 100%;

    border: 1px solid #ededed;

    float: left;

    padding: 30px;

    border-radius: 10px;

    margin-bottom: 20px;

}

.profil-tab .content-box .comment-box .image{

    float: left;

    margin-right: 15px;

    margin-bottom: 15px;

}

.profil-tab .content-box .comment-box img{

    width: 70px;

    height:70px;

    border-radius: 20px;

}

.profil-tab .content-box .comment-box h5{

    font-size: 18px;

    line-height: 70px;

    font-weight: 600;

    float: left;

}

.profil-tab .content-box .comment-box p{

    font-size: 14px;

    line-height: 150%;

    width: 100%;

    float: left;

}

.table-orders{

        background: #ffffff;

    margin-top: 20px;

}

 .table-orders .comment-request{

      float: left;

    width: 100%;

    text-align: right;

      padding: 20px 42px 20px 0;

}

.table-orders .comment-request a{

        padding: 10px;

    background: #179db3;

    display: inline-block;

    color: #fff;

    border-radius: 4px;

}

.table-orders .comment-request a:first-child{

    background: #179db3;

  

}

.table-orders .comment-request a:last-child{

  padding: 10px;

    background: #f2904d;

    display: inline-block;

    color: #fff;

    border-radius: 4px;

  

}





.table-orders h4{

    color: #fff;

    margin-top: 20px;

}

.table-orders table{

    width: 100%;

    float: left;

    margin-top: 30px;

}

.table-orders table tr th{

    padding: 15px 10px;

    border-bottom: 1px solid #ffffff0d;

    color: #262626;

}

.table-orders table tr td{

    padding:15px 10px;

    color:  #262626;

    border-bottom: 1px solid #ffffff0d;

}

.table-orders table tr.code h5{

    float: left;

    display: block;

    margin-bottom: 20px;

    width: 100%;

    font-size: 16px;

    color: #f2904d;

}

.table-orders table tr.code span{

    float: left;

    padding: 10px;

    font-size: 14px;

    color: #262626;

    background: #ededed;

    font-weight: 400;

}

.table-orders table tr.code b{

       float: left;

    margin-right: 20px;

    font-size: 15px;

    padding: 8px 0;

    color: #262626;

}

.table-orders table tr.code .copy{

      float: left;

    color: #fff;

    font-size: 14px;

    background: #28a745;

    width: 33px;

    height: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: 15px;

    border-radius: 4px;

}

.table-orders table tr.code button{

      background: #007eff;

    float: right;

    color: #fff;

    padding: 10px;

    border-radius: 4px;

    font-size: 12px;

    margin-right: 62px;

}











.order-popup{

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100vh;

    background: #000000c9;

    z-index: 50;

    display: none;

}

.order-popup .box{

    position: absolute;

    left: 50%;

    top: 50%;

    width: 700px;

    height: 500px;

    background: #fff;

    transform: translate(-50%,-50%);

    padding: 50px;

    border-radius: 10px;

}

.order-popup .box .cls{

    position: absolute;

    right: -60px;

    top: -40px;

    border: 1px solid #fff;

    border-radius: 50%;

    cursor: pointer;

    color: #fff;

    font-size: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 50px;

    height: 50px;

}

.order-popup .box h4{

    font-size: 24px;

    color: #ffaf54;

    letter-spacing: -1px;

    text-align: center;

    margin-bottom: 50px;

    font-weight: 700;

}

.order-popup .box .order-bx{

    float: left;

    width: 30%;

    margin: 0 1.5%;

    margin-bottom: 20px;

    height: 100px;

    /* border: 1px solid #ebebeb; */

    padding: 15px;

    background: #f5f5f5;

}

.order-popup .box .order-bx span{

    font-size: 14px;

    color: #2649b1;

    margin-bottom: 15px;

    font-weight: 600;

    display: block;

}

.order-popup .box .order-bx h6{

    font-size: 14px;

    color: #4c4c4c;

    font-weight: 300;

}

.order-popup .box .order-bx a{

    padding: 7px 15px;

    display: inline-block;

    background: #2649b1;

    color: #fff;

    border-radius: 4px;

}

.order-popup .box .order-bx h5{

    background: #058709;

    display: inline-block;

    font-size: 12px;

    color: #fff;

    font-weight: 300;

    letter-spacing: -0.5px;

    padding: 5px 10px;

    border-radius: 4px;

}

.message-popup{

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100vh;

    background: #000000c9;

    z-index: 50;

    display: none;



}

.message-popup .box{

    position: absolute;

    left: 50%;

    top: 10%;

    width: 500px;

    height: 450px;

    background: #fff;

    transform: translate(-50%,0);

    padding: 30px 30px 60px 30px;

    border-radius: 10px;

}

.message-popup .box .cls{

    position: absolute;

    right: -60px;

    top: 0px;

    border: 1px solid #fff;

    border-radius: 50%;

    cursor: pointer;

    color: #fff;

    font-size: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 50px;

    height: 50px;

}

.message-popup .box h4{

    padding-bottom: 10px;

    border-bottom: 1px solid #ebebeb;

    display: flex;

    align-items: center;

    font-size: 18px;

    line-height: 105%;

    font-weight: 600;

}

.message-popup .box h4 i{

    color: #298703;

    margin-right: 10px;

}

.message-popup .box p{

    padding: 10px 10px;

    font-size: 10px;

    color: #c90202;

    background: #ff000014;

    border-radius: 5px;

    margin: 10px 0 20px 0;

}

.message-popup .box form{

    float: left;

    width: 100%;

    position: relative;

}

.message-popup .box form label{

    width: 100%;

    float: left;

    font-size: 14px;

    padding: 0 15px;

    font-weight: 500;

    color: #2e2c5a;

    margin-bottom: 10px;

}

.message-popup .box form textarea{

    width: 100%;

    height: 120px;

    background: #f7f7f7;

    border-radius: 15px;

    padding: 15px;

}

.message-popup .box form input{

    width: 100%;

    height: 40px;

    background: #f7f7f7;

    border-radius: 15px;

    padding: 15px;

}



.message-popup .box form select{

    width: 100%;

    height: 50px;

    background: #f7f7f7;

    border-radius: 15px;

    padding: 15px;

}



.message-popup .box form button{

    padding: 14px 25px;

    background: #448910;

    position: absolute;

    right: 10px;

    //bottom: 10px;

    border-radius: 4px;

    font-size: 14px;

    font-weight: 600;

    color: #fff;

}

.message-popup .profil{

    width: 100%;

    float: left;

    margin: 20px 0 0 0 ;

    border-top: 1px solid #f7f7f7;

    padding: 20px 0 0 0;

}

.message-popup .profil h5{

    font-size: 14px;

    color: #8f8f8f;

    margin-bottom: 15px;

}

.message-popup .profil img{

    width: 55px;

    height: 55px;

    border-radius: 50%;

    float: left;

}

.message-popup .profil .right{

    margin-left: 15px;

    float: left;

    margin-top: 5px;

}

.message-popup .profil .right h6{

    font-size: 16px;

    margin-bottom: 5px;

}

.message-popup .profil .right span{

    width: 17px;

    height: 17px;

    background: #448910;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #fff;

}

.message-popup .profil a{

        padding: 15px;

    background: #16ad13;

    display: inline-block;

    color: #fff;

    border-radius: 4px;

}

.verification-tel-popup{

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100vh;

    background: #000000c9;

    z-index: 50;

    display: none;

}

.verification-tc-popup{

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100vh;

    background: #000000c9;

    z-index: 50;

    display: none;

}

.verification-email-popup{

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100vh;

    background: #000000c9;

    z-index: 50;

    display: none;

}

.verification-tel-popup .box{

    position: absolute;

    left: 50%;

    top: 50%;

    width: 400px;

    height: 240px;

    background: #fff;

    transform: translate(-50%,-50%);

    border-radius: 10px;

}

.verification-tc-popup .box{

    position: absolute;

    left: 50%;

    top: 50%;

    width: 400px;

    height: 240px;

    background: #fff;

    transform: translate(-50%,-50%);

    border-radius: 10px;

}

.verification-email-popup .box{

    position: absolute;

    left: 50%;

    top: 50%;

    width: 400px;

    height:auto;

    padding-bottom: 15px;

    background: #fff;

    transform: translate(-50%,-50%);

    border-radius: 10px;

}

.verification-tc-popup .box .cls{

    position: absolute;

    right: -60px;

    top: 0px;

    border: 1px solid #fff;

    border-radius: 50%;

    cursor: pointer;

    color: #fff;

    font-size: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 50px;

    height: 50px;

}

.verification-email-popup .box .cls{

    position: absolute;

    right: -60px;

    top: 0px;

    border: 1px solid #fff;

    border-radius: 50%;

    cursor: pointer;

    color: #fff;

    font-size: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 50px;

    height: 50px;

}.verification-tel-popup .box .cls{

     position: absolute;

     right: -60px;

     top: 0px;

     border: 1px solid #fff;

     border-radius: 50%;

     cursor: pointer;

     color: #fff;

     font-size: 20px;

     display: flex;

     align-items: center;

     justify-content: center;

     width: 50px;

     height: 50px;

 }

.verification-tel-popup .box h4{

    padding: 20px;

    background: #f1f1f1;

    border-top-left-radius: 10px;

    color: #424242;

    font-size: 18px;

    letter-spacing: -1px;

    font-weight: 600;

    border-top-right-radius: 10px;

}

.verification-email-popup .box h4{

    padding: 20px;

    background: #f1f1f1;

    border-top-left-radius: 10px;

    color: #424242;

    font-size: 18px;

    letter-spacing: -1px;

    font-weight: 600;

    border-top-right-radius: 10px;

}

.verification-tc-popup .box h4{

    padding: 20px;

    background: #f1f1f1;

    border-top-left-radius: 10px;

    color: #424242;

    font-size: 18px;

    letter-spacing: -1px;

    font-weight: 600;

    border-top-right-radius: 10px;

}

.verification-tc-popup .box form{

    padding: 30px;

}

.verification-email-popup .box form{

    padding: 30px;

}

.verification-tel-popup .box form{

    padding: 30px;

}

.verification-tc-popup .box form input{

    width: 100%;

    height: 50px;

    padding: 0 20px;

    border-radius: 4px;

    background: #f7f7f7;

}

.verification-email-popup .box form input{

    width: 100%;

    height: 50px;

    padding: 0 20px;

    border-radius: 4px;

    background: #f7f7f7;

}

.verification-tel-popup .box form input{

    width: 100%;

    height: 50px;

    padding: 0 20px;

    border-radius: 4px;

    background: #f7f7f7;

}

.verification-tel-popup .box form button{

    padding: 15px 30px;

    background: #319119;

    margin-top: 15px;

    float: right;

    font-weight: 600;

    border-radius: 4px;

    color: white;

}

.verification-email-popup .box form button{

    padding: 15px 30px;

    background: #319119;

    margin-top: 15px;

    float: right;

    font-weight: 600;

    border-radius: 4px;

    color: white;

}

.verification-tc-popup .box form button{

    padding: 15px 30px;

    background: #319119;

    margin-top: 15px;

    float: right;

    font-weight: 600;

    border-radius: 4px;

    color: white;

}

.basket-page{

    width: 100%;

    float: left;

    padding: 100px 0;

}

.basket-page .left{

    width: 100%;

    float: left;

}

.basket-page .left .box{

    width: 100%;



    padding: 30px;

    float: left;

    background: #fff;

    box-shadow: 0px 0px 40px -9px #00000008;

    margin-bottom: 20px;

    display: flex;

    align-items: center;

    border-radius: 10px;

}

.basket-page .left .box .pro-name {

    width: 450px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.basket-page .left .box .pro-name img{

    width: 65px;

    height: 65px;

    border-radius: 20px;

    margin-right: 20px;

}

.basket-page .left .box .pro-name .name span{

    font-size: 12px;

    color: #adadad;

}

.basket-page .left .box .pro-name .name h4{

    font-size: 22px;

    font-weight: 700;

}

.basket-page .left .box .basket-right{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

}

.basket-page .left .box .basket-right .price{

    width: 100px;

}

.basket-page .left .box .basket-right .price span{

    font-size: 12px;

    color: #adadad;

}

.basket-page .left .box .basket-right .price h5{

    font-size: 18px;

    font-weight: 800;

    color: #ff974f;

}

.basket-page .left .box .basket-right .price small{

  font-size: 16px;

    color: #b7b7b7;

    position: relative;

    display: inline-block;

}

.basket-page .left .box .basket-right .price small:after{

    position: absolute;

    left: 0;

    top: 7px;

    width: 100%;

    height: 1px;

    background: #919191;

    content: '';

}

.basket-page .left .box .basket-right .form{

    display: flex;

    background: #e9ecf1;

    padding: 5px;

    margin: 0 20px;

    border-radius: 20px;

}

.basket-page .left .box .basket-right .form a{

    height: 40px;

    width: 40px;

    background: #fefefe;

    color: #4d2b55;

    font-size: 20px;

    border-radius: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.basket-page .left .box .basket-right .form a:hover{

    background: #ff974f;

    color: #fff;

}

.basket-page .left .box .basket-right .form input{

    text-align: center;

    font-size: 16px;

    font-weight: 600;

    width: 100px;

}

.basket-page .left .box .basket-right .cls{

    float: right;

    margin-left: 50px;

    border: 2px solid #bd0202;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;



    color: #bd0202;

    border-radius: 12px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.basket-page .left .box .basket-right .cls:hover{

    background: #bd0202;

}

.basket-page .left .box .basket-right .cls a{

    color: #bd0202;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    font-size: 18px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.basket-page .left .box .basket-right .cls:hover a{

    color: #fff;

}

.basket-page .basket-total{

    width: 100%;

    padding: 30px;

    background: #fff;

    border-radius: 10px;

}

.basket-page .basket-total h3{

    font-size: 18px;

    color: #cdcfd1;

    margin-bottom: 10px;

}

.basket-page .basket-total span{

    display: block;

    font-size: 30px;

    font-weight: 700;

    color: #362a39;

}

.basket-page .basket-total p{

    font-size: 10px;

    margin-top: 20px;

    text-align: center;

    color: #9f9f9f;

}

.basket-page .basket-total .total-button{

    margin-top: 20px;

    padding-top: 20px;

    box-shadow: 0px 0px 40px -9px #00000008;

    border-top: 1px solid #efefef;

}

.basket-page .basket-total .total-button button{

    width: 100%;

    background: #458f01;

    padding: 17px 0;

    border-radius: 10px;

    font-size: 16px;

    color: #fff;

    font-weight: 600;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}

.basket-page .basket-total .total-button button:hover{

    background: #4d2b55;

}

.basket-page .right{

    width: 100%;

    float: left;

}

.basket-page .right a{

    width: 80%;

    text-align: center;

    padding: 20px 0;

    background: #ff974f;

    display: block;

    border-radius: 10px;

    margin: 33px;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: -0.5px;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}

.basket-page .right a:hover{

    background: #4d2b55;

}



.epin-page {

    width: 100%;

    margin-top: -30px;

    margin-bottom: 30px;

}



.epin-page .page-banner {

    width: 100%;

    height: 400px;

    position: relative;

}



.epin-page .page-banner img {

    width: 100%;

    height: 100%;

    border-radius: 10px;

    object-fit: cover;

}



.epin-page .page-banner .banner-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: -webkit-gradient(linear-gradient(to bottom, #6946719e, #000000));

    background-image: linear-gradient(to bottom, #6946719e, #000000);

    border-radius: 0 0 10px 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;



    padding-left: 20px;

}

.epin-page .page-banner .banner-overlay .text {

    padding-top: 100px;

}

.epin-page .page-banner .banner-overlay .text h2 {

    font-size: 44px;

    font-weight: 600;

    color: #ff974f;

    margin-bottom: 10px;

}



.epin-page .page-banner .banner-overlay .text p {

    font-size: 15px;

    font-weight: 400;

    color: #fff;

    max-width: 450px;

}



.epin-page .epin-main {

    float: left;

    width: 100%;

    margin-top: 40px;

    margin-bottom: 30px;

}



.epin-page .epin-main .epin-content {

    width: 100%;

}



.epin-page .epin-main .epin-content .epin-box-list {

    width: 100%;

}



.epin-page .epin-main .epin-content .epin-box-list .epin-box {

    width: 100%;

    border-radius: 10px;

    background-color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    box-shadow: 0px 0px 40px -9px #00000008;

    display: flex;

    padding: 30px;

    margin-bottom: 20px;

}



.epin-page .epin-main .epin-content .epin-box-list .epin-box .detail {

    -webkit-box-flex: 3;

    -ms-flex: 3;

    flex: 3;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.epin-page .epin-main .epin-content .epin-box-list .epin-box .detail .stock{

    float: left;

    margin-right: 50px;

    width: 100px;

    display: flex;

    align-items: center;

}

.epin-page .epin-main .epin-content .epin-box-list .epin-box .detail .stock img{

    width: 100px;

    height: 100px;

    border-radius: 20px;

    object-fit: cover;

}



.epin-page .epin-main .epin-content .epin-box-list .epin-box .detail .img {

    width: 64px;

    height: 64px;

    border-radius: 5px;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-right: 10px;

}



.epin-page .epin-main .epin-content .epin-box-list .epin-box .detail .img img {

    width: 100%;

}



.epin-page .epin-main .epin-content .epin-box-list .epin-box .detail .name {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.epin-page .epin-main .epin-content .epin-box-list .epin-box .detail .name span {

    font-size: 18px;

    font-weight: 600;

    letter-spacing: -1px;

    margin-bottom: 5px;

}



.epin-page .epin-main .epin-content .epin-box-list .epin-box .detail .name p {

    font-size: 14px;

    color: #ACACAC;

}



.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 5;

    -ms-flex:5;

    flex: 5;

    align-items: center;

}

.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .ticket{

    float: left;

    margin-right: 50px;

    width: 100px;

}

.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .ticket span{

    display: block;

    padding: 5px 10px;

    background: #458f01;

    width: 100%;

    margin-bottom: 10px;

    text-align: center;

    border-radius: 20px;

    color: #fff;

}

.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .ticket span.red{

    background: #b31010;

}

.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom form{

    display: flex;

    border: 1px solid #f6f6f6;

    background: #e9ecf1;

    padding: 5px;

    border-radius: 20px;

}

.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom form a{

    height:51px;

    width: 51px;

    background: #fefefe;

    color: #4d2b55;

    font-size: 20px;

    border-radius: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom form a:hover{

    color: #fff;

    background: #ff974f;

}

.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom form input{

    text-align: center;

    font-size: 16px;

    font-weight: 600;

    width: 100px;

}

.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .stock {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    border-left: 1px solid #F4F7FC;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .stock b {

    font-size: 18px;

    font-weight: 400;

}



.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .price {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    margin-left: 50px;

    border-left: 1px solid #F4F7FC;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .price b {

    font-size: 18px;

    font-weight: 400;

}



.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .price span {

    font-size: 24px;

    font-weight: 800;

    color: #ff974f;

    float: left;

    margin-bottom: 5px;

}

.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .price small{

    font-size: 16px;

    color: #b7b7b7;

    position: relative;

}

.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .price small:after{

    position: absolute;

    left: 0;

    top: 7px;

    width: 100%;

    height: 1px;

    background: #919191;

    content: '';

}



.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .action {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;



    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .action a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: auto;

    padding: 15px 25px;



    background: #458f01;

    color: #fff;

    border-radius: 3px;

    font-size: 16px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .action a:hover{

    background: #4d2b55;

}

.epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .action a span {

    margin-left: 8px;

}



.epin-page .epin-main .epin-content .epin-tabs {

    margin-top: 30px;

}



.epin-page .epin-main .epin-content .epin-tabs .tab-buttons {

    border-bottom: 1px solid #e8e8e8;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.epin-page .epin-main .epin-content .epin-tabs .tab-buttons span {

    padding: 0 40px;

    height: 55px;

    background-color: #362A39;

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 16px;

    font-weight: 500;

    cursor: pointer;

}



.epin-page .epin-main .epin-content .epin-tabs .tab-buttons span.active {

    background-color: #FFAF54;

}



.epin-page .epin-main .epin-content .epin-tabs .tab-buttons span:hover {

    -webkit-transition: .2s all;

    transition: .2s all;

    background-color: #FFAF54;

}



.epin-page .epin-main .epin-content .epin-tabs .tab-buttons span:first-child {

    border-radius: 10px 0 0 0;

}



.epin-page .epin-main .epin-content .epin-tabs .tab-buttons span:last-child {

    border-radius: 0 10px 0 0;

}



.epin-page .epin-main .epin-content .epin-tabs .epin-tab {

    width: 100%;

    display: none;

    background: #fff;

    float: left;

    padding: 40px;

}

.epin-page .epin-main .epin-content .epin-tabs .epin-tab .comment-img{

    margin-right: 0;

}

.epin-page .epin-main .epin-content .epin-tabs .epin-tab .comment-detail .head{

    width: 100%;

    text-align: center;

}



.epin-page .epin-main .epin-content .epin-tabs .epin-tab.show-tab {

    display: block;

}



.epin-page .epin-main .epin-content .epin-tabs .epin-tab p {

    font-size: 14px;

    margin-bottom: 16px;



}

.epin-page .epin-main .epin-content .epin-tabs .epin-tab .comment-box p{

    padding: 0 30px;

}





.epin-page .epin-main .epin-content .epin-tabs .epin-tab>img {

    width: 100%;

    border-radius: 10px;

    margin-bottom: 16px;

}



.epin-page .epin-main .epin-content .epin-tabs .epin-tab .comment-list {

    margin: 0px !important;

}



.epin-page .epin-main .epin-content .epin-tabs .epin-tab .comment-list .comment-box {

    padding: 30px;

    margin-bottom: 30px;

}



.epin-page .epin-main .epin-content .epin-tabs .epin-tab .comment-list .comment-box .head span u {

    color: #FFAF54;

    font-weight: 500;

}



.epin-page .epin-main .epin-side {



    width: 100%;

    margin-left: 20px;





}



.epin-page .epin-main .epin-side .epin-side-image {

    width: 180px;

    height: 180px;

    overflow: hidden;

    float: left;

    border-radius: 10px;

    position: relative;

}



.epin-page .epin-main .epin-side .epin-side-image img {

    width: 100%;

}



.epin-page .epin-main .epin-side .epin-side-image .img-overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#362a3900), to(#362A39));

    background-image: linear-gradient(to bottom, #362a3900, #362A39);

    border-radius: 10px;

}



.epin-page .epin-main .epin-side .side-box {

    border-radius: 10px;

    padding: 20px;

    margin-top: 30px;

}



.epin-page .epin-main .epin-side .side-box b {

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 10px;

}



.epin-page .epin-main .epin-side .side-box p {

    font-size: 15px;

    font-weight: 400;

}



.form-page {

    width: 100%;

    margin-bottom: 20px;

}



.form-page .page-hero {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    padding-bottom: 30px;

    border-bottom: 1px solid #E3E5E9;

}



.form-page .page-hero h1 {

    margin: 10px 0 5px 0;

    font-size: 25px;

    font-weight: 500;

}



.form-page .page-hero p {

    font-size: 15px;

    font-weight: 400;

    max-width: 390px;

}



.form-page .mobile-col .col:first-child input {

    color: #FFAF54;

}



.form-page .mobile-col .col:nth-child(2) input {

    color: #EE54FF;

}



.form-page .mobile-col .col:last-child input {

    color: #FF5454;

}



.form-page form {

    width: 100%;

    margin-top: 30px;

}



.form-page form .form-row-two {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 20px;

}



.form-page form .form-row-two .col {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    position: relative;

}



.form-page form .form-row-two .col small {

    position: absolute;

    bottom: 18%;

    left: 10px;

    font-size: 15px;

    font-weight: medium;

    color: #ACACAC;

}



.form-page form .form-row-two .col:first-child {

    margin-right: 38px;

}



.form-page form .form-row-two .col:nth-child(3) {

    margin-left: 38px;

}



.form-page form .form-row-two .col span {

    font-size: 15px;

    font-weight: 500;

    margin-bottom: 10px;

}



.form-page form .form-row-two .col input {

    width: 100%;

    height: 50px;

    background-color: #fff;

    border-radius: 5px;

    font-size: 14px;

    border: none;

    text-indent: 10px;

    color: #ACACAC;

}



.form-page form .form-row-two .col input.ti-30 {

    text-indent: 30px;

}



.form-page form .form-row-two .col input::-webkit-input-placeholder {

    color: #ACACAC;

}



.form-page form .form-row-two .col input:-ms-input-placeholder {

    color: #ACACAC;

}



.form-page form .form-row-two .col input::-ms-input-placeholder {

    color: #ACACAC;

}



.form-page form .form-row-two .col input::placeholder {

    color: #ACACAC;

}



.form-page form .form-row-two .col select {

    width: 100%;

    height: 50px;

    background-color: #fff;

    border-radius: 5px;

    font-size: 14px;

    border: none;

    text-indent: 10px;

    color: #ACACAC;

}



.form-page form .textarea {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    margin-bottom: 20px;

}



.form-page form .textarea span {

    font-size: 15px;

    font-weight: 500;

    margin-bottom: 10px;

}



.form-page form .textarea textarea {

    width: 100%;

    height: 150px;

    background-color: #fff;

    border-radius: 5px;

    font-size: 14px;

    border: none;

    padding: 10px;

    color: #ACACAC;

    resize: none;

    font-family: 'Jost', sans-serif;

}



.form-page form .textarea textarea::-webkit-input-placeholder {

    color: #ACACAC;

}



.form-page form .textarea textarea:-ms-input-placeholder {

    color: #ACACAC;

}



.form-page form .textarea textarea::-ms-input-placeholder {

    color: #ACACAC;

}



.form-page form .textarea textarea::placeholder {

    color: #ACACAC;

}



.form-page form .file-input {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    margin-bottom: 20px;

}



.form-page form .file-input span {

    font-size: 15px;

    font-weight: 500;

    margin-bottom: 10px;

}



.form-page form .file-input input {

    display: none;

}



.form-page form .file-input label {

    width: 340px;

    height: 50px;

    border-radius: 5px;

    color: #fff;

    background: linear-gradient(60deg, #FFAF54, #FF924E);

    cursor: pointer;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 0 10px;

    font-size: 15px;

}



.form-page form .doping {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    margin-bottom: 20px;

}



.form-page form .doping span {

    font-size: 15px;

    font-weight: 500;



}



.form-page form .doping .doping-box {

    padding: 13px 22px;

    background-color: #EEF1F6;

    border-radius: 5px;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    min-height: 130px;

    height: auto;

}



.form-page form .doping .doping-box .detail {

    margin-left: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.form-page form .doping .doping-box .detail select {

    width: 268px;

    height: 32px;

    background-color: #fff;

    border-radius: 5px;

    font-size: 14px;

    border: none;

    text-indent: 10px;

    color: #ACACAC;

    margin: 10px 0;

}



.form-page form .doping .doping-box .detail p {

    font-size: 12px;

}



.form-page form .conditions {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    margin-bottom: 20px;

    /* Hide the browser's default checkbox */

    /* Create a custom checkbox */

    /* On mouse-over, add a grey background color */

    /* When the checkbox is checked, add a blue background */

    /* Create the checkmark/indicator (hidden when not checked) */

    /* Show the checkmark when checked */

    /* Style the checkmark/indicator */

}



.form-page form .conditions span {

    font-size: 15px;

    font-weight: 500;

    margin-bottom: 10px;

}



.form-page form .conditions .container-check-cond {

    display: block;

    position: relative;

    padding-left: 35px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 15px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.form-page form .conditions .container-check-cond input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

}



.form-page form .conditions .checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 25px;

    width: 25px;

    background-color: #F4F7FC;

    border: 2px solid #FFAF54;

    border-radius: 3px;

}



.form-page form .conditions .container-check-cond:hover input~.checkmark {

    background-color: #FFAF54;

}



.form-page form .conditions .container-check-cond input:checked~.checkmark {

    background-color: #FFAF54;

}



.form-page form .conditions .checkmark:after {

    content: "";

    position: absolute;

    display: none;

}



.form-page form .conditions .container-check-cond input:checked~.checkmark:after {

    display: block;

}



.form-page form .conditions .container-check-cond .checkmark:after {

    left: 7px;

    top: 3px;

    width: 5px;

    height: 10px;

    border: solid white;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



.form-page form>button {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 212px;

    padding: 0 15px;

    height: 38px;

    background: -webkit-gradient(linear, left top, right top, from(#FFAF54), to(#FF924E));

    background: linear-gradient(to right, #FFAF54, #FF924E);

    color: #fff;

    border-radius: 3px;

    font-size: 15px;

    border: none;

    cursor: pointer;

}



.form-page form>button span {

    margin-left: 8px;

}

.ilan-top{

    width: 100%;

    float: left;

    margin: 50px 0 50px 0;

}

.ilan-top .box{

    width: 100%;

    padding: 15px;

    height: 75px;

    background: white;

    border-radius: 10px;

    display: flex;

    align-items: center;

    box-shadow: 0px 0px 46px 5px #00000012;

    //justify-content: center;

}

.ilan-top .box img{

    float: left;

    margin-right: 10px;

}

.ilan-top .box h4{

    font-size: 16px;

    margin-bottom: 0px;

}

.ilan-top .box span{

    font-size: 12px;

    color: #9b9b9b;

}

.ilan-top form{

    position: relative;

    width: 100%;

    float: left;

    background: #fff;

    box-shadow: 0px 0px 46px 5px #00000012;

    height: 75px;

    border-radius: 10px;

}

.ilan-top form input{

    height: 75px;

    width: 100%;

    padding: 0 30px;

}

.ilan-top form button{

    position: absolute;

    top: 27px;

    right: 30px;

    font-size: 24px;

    color: #ff9d50;

}



.ilanlar-page {

    width: 100%;

    padding: 100px 0;

    margin-bottom: 20px;

}

.ilanlar-page .product-list{

    margin: 0;

}

.ilanlar-page .ilan-left{

    width: 100%;

    padding: 30px;

    background: #fff;

    float: left;

    border-radius: 10px;

}

.ilanlar-page .ilan-left h4{

    font-size: 22px;

    margin-bottom: 5px;

}

.ilanlar-page .ilan-left p{

    font-size: 14px;

    color: #adadad;

}

.ilanlar-page .ilan-category{

    width: 100%;

    float: left;

    margin-top: 20px;

}

.ilanlar-page .ilan-left h6{

    float: left;

    width: 100%;

    font-size: 14px;

    margin-bottom: 10px;

}

.ilanlar-page .ilan-category .cate-box{

    width: 100%;

    height: 300px;

    overflow-x: hidden;

    overflow-y: scroll;

    margin: 30px 0;

}

.ilanlar-page .ilan-category .cate-box::-webkit-scrollbar {

    width: 5px;

}



/* Track */

.ilanlar-page .ilan-category .cate-box::-webkit-scrollbar-track {

    background: #f7f7f7;

}



/* Handle */

.ilanlar-page .ilan-category .cate-box::-webkit-scrollbar-thumb {

    background:#e3e3e3;

}



.ilanlar-page .ilan-category .cate-box .form-group{

    position: relative;

    height: 30px;

    display: flex;

    align-items: center;

}

.ilanlar-page .ilan-category .cate-box .form-group input{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 5;

    opacity: 0;

    cursor: pointer;

}



.ilanlar-page .ilan-category .cate-box .form-group .ch-bg{

    width: 30px;

    height: 30px;

    border: 1px solid #ddd;

    float: left;

    border-radius: 50%;

    margin-right: 15px;

    position: relative;

}

.ilanlar-page .ilan-category .cate-box .form-group .ch-bg:after{

    position: absolute;

    left: 7px;

    top: 7px;

    content: '';

    width: 14px;

    height: 14px;

    border-radius: 50%;

    background: #ffaf54;

    transform: scale(0);

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

    -ms-transform: scale(0);

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.ilanlar-page .ilan-category .cate-box .form-group input:checked ~ .ch-bg:after{

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

}

.ilanlar-page .item-number .bootstrap-select  {

    width: 100%!important;

    height: 60px!important;

}

.ilanlar-page .item-number .bootstrap-select .btn{

    height: 50px;

    display: flex;

    align-items: center;

    margin-top: 0;

    background: #fff;

    font-size: 14px;

    border: 1px solid #efefef;

    justify-content: space-between;

}

.ilanlar-page .item-number .bootstrap-select ul li a{

    padding: 10px 30px;

}

.ilanlar-page .item-number .bootstrap-select .filter-option-inner-inner{

    line-height: 39px;

}

.ilanlar-page .ilan-left .price{

    margin-top: 20px;

    float: left;

    width: 100%;

}

.ilanlar-page .ilan-left .price input{

    width: 100%;

    height: 50px;

    border: 1px solid #efefef;

    padding: 0 10px;



}

.ilanlar-page .ilan-left .seller{

    margin-top: 20px;

    float: left;

    width: 100%;

}

.ilanlar-page .ilan-left .seller input{

    width: 100%;

    height: 50px;

    border: 1px solid #efefef;

    padding: 0 20px;



}

.ilanlar-page .ilan-left .seller input[type="checkbox"]{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 5;

    cursor: pointer;

    opacity: 0;

}

.ilanlar-page .ilan-left .seller .form-group{

    display: flex;

    align-items: center;

    margin-top: 15px;

    position: relative;

}

.ilanlar-page .ilan-left .seller .form-group .ch-bg{

    width: 30px;

    height: 30px;

    border: 1px solid #ddd;

    float: left;

    border-radius: 50%;

    margin-right: 15px;

    position: relative;

}

.ilanlar-page .ilan-left .seller .form-group .ch-bg:after{

    position: absolute;

    left: 7px;

    top: 7px;

    content: '';

    width: 14px;

    height: 14px;

    border-radius: 50%;

    background: #ffaf54;

    transform: scale(0);

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

    -ms-transform: scale(0);

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.ilanlar-page .ilan-left .seller .form-group input:checked ~ .ch-bg:after{

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

}

.ilanlar-page .ilan-left .more{

    float: left;

    width: 100%;

    margin-top: 20px;

}

.ilanlar-page .ilan-left .more input[type="checkbox"]{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 5;

    cursor: pointer;

    opacity: 0;

}

.ilanlar-page .ilan-left .more .form-group{

    display: flex;

    align-items: center;

    margin-top: 0px;

    float: left;

    position: relative;

}

.ilanlar-page .ilan-left .more .form-group .ch-bg{

    width: 30px;

    height: 30px;

    border: 1px solid #ddd;

    float: left;

    border-radius: 50%;

    margin-right: 15px;

    position: relative;

}

.ilanlar-page .ilan-left .more .form-group .ch-bg:after{

    position: absolute;

    left: 7px;

    top: 7px;

    content: '';

    width: 14px;

    height: 14px;

    border-radius: 50%;

    background: #ffaf54;

    transform: scale(0);

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

    -ms-transform: scale(0);

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.ilanlar-page .ilan-left .more .form-group input:checked ~ .ch-bg:after{

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

}

.ilanlar-page .ilan-category input[type="text"]{

    width: 100%;

    height: 50px;

    border: 1px solid #efefef;

    padding: 0 20px;

}

.ilanlar-page button{

    background-color: #FFAF54;

    width: 100%;

    height: 50px;

    border-radius: 4px;

    color: #fff;

    font-size: 16px;

    margin-top: 20px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.ilanlar-page button:hover{

    background-color: #4d2b55;

}

.ilanlar-page .page-banner {

    width: 100%;

    height: auto;

    position: relative;

}



.ilanlar-page .page-banner>img {

    width: 100%;

}



.ilanlar-page .page-banner .banner-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: calc(100% - 5px);

    background-color: rgba(244, 247, 252, 0.7);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

}



.ilanlar-page .page-banner .banner-overlay .banner-info-boxes {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 25px;

}



.ilanlar-page .page-banner .banner-overlay .banner-info-boxes .info-box {

    width: 202px;

    height: 80px;

    border-radius: 5px;

    background-color: #fff;

    padding: 18px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-right: 25px;

}



.ilanlar-page .page-banner .banner-overlay .banner-info-boxes .info-box:last-child {

    margin-right: 0px;

}



.ilanlar-page .page-banner .banner-overlay .banner-info-boxes .info-box img {

    max-width: 42px;

    margin-right: 12px;

}



.ilanlar-page .page-banner .banner-overlay .banner-info-boxes .info-box .detail {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.ilanlar-page .page-banner .banner-overlay .banner-info-boxes .info-box .detail b {

    font-size: 17px;

    font-weight: 500;

}



.ilanlar-page .page-banner .banner-overlay .banner-info-boxes .info-box .detail span {

    font-size: 15px;

    font-weight: 400;

    color: #ACACAC;

}



.ilanlar-page .page-banner .banner-overlay .banner-search {

    max-width: 656px;

    height: 42px;

    border-radius: 10px;

    overflow: hidden;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border: 1px solid #EFEFEF;

    background-color: #fff;

}



.ilanlar-page .page-banner .banner-overlay .banner-search input {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    border: none;

    text-indent: 12px;

    height: 100%;

    margin-right: 10px;

}



.ilanlar-page .page-banner .banner-overlay .banner-search button {

    width: 29px;

    height: 29px;

    margin-right: 10px;

    border-radius: 50%;

    border: none;

    color: #fff;

    background-color: #FFAF54;

    font-size: 15px;

    cursor: pointer;

}



.ilanlar-page .page-nav-links {

    width: 100%;

    height: 50px;

    border-radius: 0 0 10px 10px;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: -5px;

}



.ilanlar-page .page-nav-links a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    height: 50px;

    font-weight: 500;

    font-size: 16px;

    color: #fff;

    background-color: #362A39;

}



.ilanlar-page .page-nav-links a.active {

    background-color: #FFAF54;

}



.ilanlar-page .page-nav-links a:hover {

    background-color: #FFAF54;

    -webkit-transition: .2s all;

    transition: .2s all;

}



.pagination {

    width: 100%;

    margin-top: 100px;

    float: left;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.pagination a {

    width: 31px;

    height: 31px;

    border-radius: 5px;

    background-color: #362A39;

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-right: 8px;

    font-weight: 500;

}



.pagination a.active {

    background-color: #FFAF54;

}



.pagination a:hover {

    background-color: #FFAF54;

}



.haberler-page {

    width: 100%;

}



.haberler-page .page-multi-banner {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.haberler-page .page-multi-banner .swiper{

    height: 500px;

    float: left;

    width: 100%;

}

.haberler-page .page-multi-banner .swiper img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.haberler-page .page-multi-banner .swiper .filter{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(275deg, rgba(54,42,57,0) 0%, rgba(54,42,57,0.5270483193277311) 51%, rgba(54,42,57,1) 100%);

}

.haberler-page .page-multi-banner .swiper .text{

    position: absolute;

    left: 100px;

    top: 50%;

    transform: translateY(-50%);

}

.haberler-page .page-multi-banner .swiper .text h4{

    color: #fff;

    font-size: 42px;

    font-weight: 700;

    margin-bottom: 10px;

}

.haberler-page .page-multi-banner .swiper .text p{

    font-size: 14px;

    color: #fff;

    line-height: 150%;

}

.haberler-page .page-multi-banner .swiper .text a{

    padding: 13px 25px;

    background: #ff974f;

    color: #fff;

    display: inline-block;

    margin-top: 20px;

    border-radius: 4px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.haberler-page .page-multi-banner .swiper .text a:hover{

    background: #392d3c;

}

.haberler-page .page-multi-banner .swiper .swiper-pagination{

    bottom: 20px;

}

.haberler-page .page-multi-banner .swiper .swiper-pagination-bullet{

    width: 12px;

    height: 12px;

    background: #fff;

}

.haberler-page .page-multi-banner .multi-banner {

    width: 400px;

    margin-right: 16px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}



.haberler-page .page-multi-banner .multi-banner .banner-item {

    width: 100%;

    height: 105px;

    border-radius: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    overflow: hidden;

    position: relative;

    margin-bottom: 16px;

}



.haberler-page .page-multi-banner .multi-banner .banner-item:last-child {

    margin-bottom: 0px;

}



.haberler-page .page-multi-banner .multi-banner .banner-item .overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#362a3900), to(#362A39));

    background-image: linear-gradient(to bottom, #362a3900, #362A39);

    border-radius: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

}



.haberler-page .page-multi-banner .multi-banner .banner-item .overlay a {

    font-size: 18px;

    font-weight: 600;

    color: #fff;

}



.haberler-page .page-multi-banner .hero-banner {

    width: 100%;

    max-height: 347px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    overflow: hidden;

    border-radius: 10px;

    position: relative;

}



.haberler-page .page-multi-banner .hero-banner img {

    width: 100%;

    -o-object-fit: cover;

    object-fit: cover;

}



.haberler-page .page-multi-banner .hero-banner .overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#362a3900), to(#362A39));

    background-image: linear-gradient(to bottom, #362a3900, #362A39);

    border-radius: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    text-align: center;

    padding: 30px 0;

}



.haberler-page .page-multi-banner .hero-banner .overlay a {

    font-size: 25px;

    font-weight: 600;

    color: #fff;

}



.haberler-page .page-multi-banner .hero-banner .overlay p {

    font-size: 15px;

    color: #fff;

    max-width: 80%;

}



.haberler-page .haberler-content {

    width: 100%;

}



.haberler-page .haberler-content .news-list {

    width: 100%;



    margin: 30px 0;

}



.haberler-page .haberler-content .news-list .news-item {

    width: 100%;

    background-color: #fff;

    border-radius: 0 0 10px 10px;

    margin-bottom: 35px;

    float: left;

    overflow: hidden;

    box-shadow: 0px 0px 40px -10px #0000001c;

    border-radius: 10px;

}



.haberler-page .haberler-content .news-list .news-item .news-img {

    width: 100%;

    float: left;

    height: 200px;

    position: relative;

    overflow: hidden;

    margin-bottom: 10px;

}

.haberler-page .haberler-content .news-list .news-item .news-img span{

    position: absolute;

    left: 20px;

    top: 20px;

    background: #ffaf54;

    padding: 3px 8px;

    color: #fff;

    z-index: 5;

}



.haberler-page .haberler-content .news-list .news-item .news-img img {

    height: 200px;

    width: 100%;

    object-fit: cover;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}

.haberler-page .haberler-content .news-list .news-item:hover .news-img img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}

.haberler-page .haberler-content .news-list .news-item .news-img .img-overlay {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#362a3900), to(#362A39));

    background-image: linear-gradient(to bottom, #362a3900, #362A39);

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding-bottom: 10px;

    color: #fff;

}

.news-detail-page{

    width: 100%;

    float: left;

    padding: 50px 0;

}

.news-detail-page .left{

    width: 100%;

    float: left;

}

.news-detail-page .left img{

    width: 100%;

    margin-bottom: 40px;

}

.news-detail-page .left h4{

    font-size: 28px;

    font-weight: 700;

    letter-spacing: -1px;

    margin-bottom: 20px;

}

.news-detail-page .left p{

    font-size: 16px;

    line-height: 150%;

    margin-bottom: 20px;

}

.news-detail-page .right{

    width: 100%;

    float: left;

}

.news-detail-page .right h3{

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 30px;

}

.news-detail-page .right .box{

    width: 100%;

    margin-bottom: 20px;

    background:  #fff;

}

.news-detail-page .right .box img{

    width: 100%;

    height: 250px;

    object-fit: cover;

}

.news-detail-page .right .box .text{

    padding:30px;

}

.news-detail-page .right .box .text h5{

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 15px;

}

.news-detail-page .right .box .text p{

    font-size: 14px;

    line-height: 150%;

    margin-bottom: 20px;

}

.news-detail-page .right .box .text a{

    padding: 12px 22px;

    display: inline-block;

    background: #ff974f;

    color: #ffff;

    border-radius: 4px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.news-detail-page .right .box .text a:hover{

    background: #4d2b55;

}



.haberler-page .haberler-content .news-list .news-item .news-detail {

    padding: 10px 30px 40px 30px;

    width: 100%;

    float: left;

    text-align: center;

}



.haberler-page .haberler-content .news-list .news-item .news-detail .title {

    font-size: 20px;

    color: #4d2b55;

    margin-bottom: 20px;

    letter-spacing: -1px;

    font-weight: 600;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}



.haberler-page .haberler-content .news-list .news-item .news-detail>span {

    font-size: 14px;

    color: #787878;

    line-height: 150%;

    display: block;

    margin-bottom: 30px;

}



.haberler-page .haberler-content .news-list .news-item .news-detail a {

    background: -webkit-gradient(linear, left top, right top, from(#FFAF54), to(#FF924E));

    background: linear-gradient(to right, #FFAF54, #FF924E);

    color: #fff;

    border-radius: 3px;

    font-size: 14px;

    padding: 8px 20px;

    text-align: center;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.haberler-page .haberler-content .news-list .news-item .news-detail a:hover{

    margin-left: 15px;

}

.haberler-page .haberler-content .news-list .news-item .news-detail a span {

    margin-left: 8px;

}



.haberler-page .haberler-content .tab-buttons {

    border-bottom: 2px solid #e8e8e8;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 30px;

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important;

    overflow-x: auto !important;

    -webkit-overflow-scrolling: touch;

}



.haberler-page .haberler-content .tab-buttons::-webkit-scrollbar {

    display: none;

}



.haberler-page .haberler-content .tab-buttons span {

    -webkit-box-flex: 0 !important;

    -ms-flex: 0 0 auto !important;

    flex: 0 0 auto !important;

    width: auto;

    height: 50px;

    padding: 0 20px;

    background-color: #362A39;

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 16px;

    font-weight: 500;

    cursor: pointer;

}



.haberler-page .haberler-content .tab-buttons span.active {

    background-color: #FFAF54;

}



.haberler-page .haberler-content .tab-buttons span:hover {

    -webkit-transition: .2s all;

    transition: .2s all;

    background-color: #FFAF54;

}



.haberler-page .haberler-content .tab-buttons span:first-child {

    border-radius: 10px 0 0 0;

}



.haberler-page .haberler-content .tab-buttons span:last-child {

    border-radius: 0 10px 0 0;

}



.ilan-icerik-page {

    width: 100%;

    margin-bottom: 30px;

}



.ilan-icerik-page .ilan-main {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: auto;

}



.ilan-icerik-page .ilan-main .ilan-slider {

    width: 560px;

    margin-right: 17px;

}

.ilan-icerik-page .ilan-main .ilan-slider .mySwiper2{

    height: 350px;

}

.ilan-icerik-page .ilan-main .ilan-slider .mySwiper2 .swiper-button-next:after{

    font-size: 24px;

    color: #fff;

}

.ilan-icerik-page .ilan-main .ilan-slider .mySwiper2 .swiper-button-prev:after{

    font-size: 24px;

    color: #fff;

}

.ilan-icerik-page .ilan-main .ilan-slider .mySwiper2 img{

    width: 100%;

    object-fit: cover;

    height: 100%;

    border-radius: 10px;

}

.ilan-icerik-page .ilan-main .ilan-slider .mySwiper{

    height: 80px;

    margin-top: 20px;

}

.ilan-icerik-page .ilan-main .ilan-slider .mySwiper img{

    border-radius: 10px;

    width: 100%;

    height: 100%;

    object-fit: cover;

}





.ilan-icerik-page .ilan-main .ilan-slider .slider-hero {

    width: 100%;

    height: 400px;

    max-height: 400px;

    overflow: hidden;

    border-radius: 10px;

    margin-bottom: 17px;

}



.ilan-icerik-page .ilan-main .ilan-slider .slider-hero img {

    width: 100%;

}



.ilan-icerik-page .ilan-main .ilan-slider .slider-hero-nav {

    width: 100%;

    height: 90px;

    max-height: 90px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.ilan-icerik-page .ilan-main .ilan-slider .slider-hero-nav .nav-item {

    width: 125px;

    max-width: 125px;

    height: 90px;

    max-height: 90px;

    border-radius: 10px;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-right: 17px;

}



.ilan-icerik-page .ilan-main .ilan-slider .slider-hero-nav .nav-item img {

    width: 100%;

}



.ilan-icerik-page .ilan-main .ilan-details {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    border-radius: 10px;

    background-color: #fff;

}



.ilan-icerik-page .ilan-main .ilan-details .countdown {

    padding: 10px;

    border-radius: 0 0 10px 10px;

    background-color: #FFAF54;

    color: #fff;

    display: inline-block;

    margin-left: 50%;

    width: auto !important;

    text-align: center;

    max-width: 100% !important;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}



.ilan-icerik-page .ilan-main .ilan-details .seller-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 40px 0px 10px 20px;

    margin: 0 24px;



}



.ilan-icerik-page .ilan-main .ilan-details .seller-info .row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.ilan-icerik-page .ilan-main .ilan-details .seller-info .img {

    width: 64px;

    height: auto;

}



.ilan-icerik-page .ilan-main .ilan-details .seller-info .img img {

    width: 100%;

    height: 65px;

    border-radius: 50%;

    object-fit: cover;

}



.ilan-icerik-page .ilan-main .ilan-details .seller-info .detail {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;



    -ms-flex-direction: column;



    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    margin-left: 12px;

}

.ilan-icerik-page .ilan-main .ilan-details .seller-info .detail .name{

    float: left;

}

.ilan-icerik-page .ilan-main .ilan-details .seller-info .detail .name b {

    font-size: 16px;

    font-weight: 500;

    display: block;

    margin-bottom: 5px;

}



.ilan-icerik-page .ilan-main .ilan-details .seller-info .detail .name span {

    color: #ACACAC;

    position: relative;

    margin-left: 10px;

}



.ilan-icerik-page .ilan-main .ilan-details .seller-info .detail .name span::before {

    content: "";

    width: 6px;

    height: 6px;

    background-color: #FFAF54;

    border-radius: 50%;

    left: -9px;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.ilan-icerik-page .ilan-main .ilan-details .seller-info .detail .badge {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 5px;

    float: left;

    margin-left: 25px;

}



.ilan-icerik-page .ilan-main .ilan-details .seller-info .detail .badge .text {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    margin-left: 12px;

}



.ilan-icerik-page .ilan-main .ilan-details .seller-info .detail .badge .text b {

    color: #FFAF54;

    font-weight: 400;

    display: block;

    margin-bottom: 4px;

}



.ilan-icerik-page .ilan-main .ilan-details .seller-info .seller-contact {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-left: auto;

}



.ilan-icerik-page .ilan-main .ilan-details .seller-info .seller-contact a {

    width: 180px;

    height: 38px;

    border-radius: 38px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background-color: #FF5471;

    color: #fff;

    margin-bottom: 8px;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    -ms-transition: .5s;

}

.ilan-icerik-page .ilan-main .ilan-details .seller-info .seller-contact a:last-child {

    background-color: #54A4FF;

}



.ilan-icerik-page .ilan-main .ilan-details .seller-info .seller-contact a:hover{

    background: #4d2b55;

}



.ilan-icerik-page .ilan-main .ilan-details .seller-info .seller-contact a img {

    margin-right: 6px;

}



.ilan-icerik-page .ilan-main .ilan-details .ilan-info {

    padding: 20px 0px;

    margin: 0 24px;

    border-bottom: 1px solid #F2F2F2;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .description ul {

    border: 1px solid #ededed;

    padding: 0px 0;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .description ul li{

    padding: 15px 15px;

    font-size: 14px;

    text-align: right;

    border-bottom: 1px solid #e7e7e7;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .description ul li:last-child{

    border-bottom: none;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .description ul li b{

    float: left;

}

.ilan-icerik-page .ilan-main .ilan-details .ilan-info .numbers {

    margin-left: 10px;

}



.ilan-icerik-page .ilan-main .ilan-details .ilan-info .numbers span {

    margin-right: 20px;

    color: #7c7c7c;

    font-size: 12px;

    font-weight: 400;

    margin-bottom: 10px;

    position: relative;

    display: inline-block;

}



.ilan-icerik-page .ilan-main .ilan-details .ilan-info .numbers span::before {

    content: "";

    width: 6px;

    height: 6px;

    background-color: #CCCCCC;

    border-radius: 50%;

    left: -11px;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.ilan-icerik-page .ilan-main .ilan-details .ilan-info h2 {

    font-size: 28px;

    font-weight: 600;

    padding-bottom: 10px;

    color: #4d2b55;

    letter-spacing: -1px;

}



.ilan-icerik-page .ilan-main .ilan-details .ilan-info p {

    font-size: 14px;

}



.ilan-icerik-page .ilan-main .ilan-details .ilan-pricing {

    padding: 20px 0px 10px 0;

    margin: 0px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.ilan-icerik-page .ilan-main .ilan-details .ilan-pricing .price {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    padding: 0 30px;

}



.ilan-icerik-page .ilan-main .ilan-details .ilan-pricing .price span {

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 10px;

}



.ilan-icerik-page .ilan-main .ilan-details .ilan-pricing .price b {

    font-size: 30px;

    color: #FFAF54;

}



.ilan-icerik-page .ilan-main .ilan-details .ilan-pricing>a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: auto;

    padding: 15px 24px;

    height: 55px;

    background: #198f04;

    color: #fff;

    border-radius: 3px;

    font-size: 18px;

    letter-spacing: -1px;

    font-weight: 600;

    margin-right: 28px;

}



.ilan-icerik-page .ilan-main .ilan-details .ilan-pricing>a span {

    margin-left: 8px;

}



.ilan-icerik-page .tab-buttons {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 30px;

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important;

    overflow-x: auto !important;

    -webkit-overflow-scrolling: touch;

}



.ilan-icerik-page .tab-buttons::-webkit-scrollbar {

    display: none;

}



.ilan-icerik-page .tab-buttons span {

    -webkit-box-flex: 0 !important;

    -ms-flex: 0 0 auto !important;

    flex: 0 0 auto !important;

    width: 33.3%;

    height: 70px;

    padding: 0 20px;

    background-color: #362A39;

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 15px;

    font-weight: 400;

    cursor: pointer;

}



.ilan-icerik-page .tab-buttons span.active {

    background-color: #FFAF54;

}



.ilan-icerik-page .tab-buttons span:hover {

    -webkit-transition: .2s all;

    transition: .2s all;

    background-color: #FFAF54;

}



.ilan-icerik-page .tab-buttons span:first-child {

    border-radius: 10px 0 0 0;

}



.ilan-icerik-page .tab-buttons span:last-child {

    border-radius: 0 10px 0 0;

}



.ilan-icerik-page .ilan-content-tabs {

    width: 100%;

    float: left;

    padding: 40px;

    background: #fff;

}



.ilan-icerik-page .ilan-content-tabs .ilan-tab {

    display: none;

}



.ilan-icerik-page .ilan-content-tabs .ilan-tab.show-tab {

    display: block;

}



.ilan-icerik-page .ilan-content-tabs .ilan-tab .description {



    background-color: #fff;

    border-radius: 10px;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .description h5{

    font-size: 22px;

    margin-bottom: 20px;

    letter-spacing: -1px;

    font-weight: 700;

    color: #4d2b55;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .description p {

    font-size: 14px;

    color: #727272;

    font-weight: 400;

}



.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .comment-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    border: none;

    padding: 20px 40px;

    border-radius: 0;

    border-bottom: 1px solid #f4f7fc;

}



.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .top-list{

    float: left;

    width: 100%;

    padding-bottom: 40px;

    background: #f9f9f9;

    padding: 30px;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .top-list .left{

    float: left;

    width: 100%;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .top-list .left ul li{

    padding: 10px 0;

    width: 100%;

    float: left;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .top-list .left ul li i{

    color: #ffaf54;

    font-size: 16px;

    margin-right: 5px;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .top-list .left ul li b{

    width: 150px;

    float: left;

    font-size: 16px;

    display: block;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .top-list .center{

    float: left;

    width: 100%;

    padding:  5px 0;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .top-list .center ul li{

    width: 100%;

    height: 20px;

    background: #ededed;

    margin-bottom: 18px;

    float: left;

    border-radius: 15px;

    position: relative;

    text-align: center;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .top-list .center ul li span{

    position: absolute;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    background: linear-gradient(60deg, #FFAF54, #FF924E);;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .top-list .center ul li h4{

    color: #fff;

    font-size: 14px;

    position: relative;

    z-index: 5;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .top-list .right {

    width: 100%;

    display: flex;

    justify-content: center;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .top-list .right .rate{

    width: 175px;

    height: 175px;

    border: 5px solid #4d2b55;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .top-list .right .rate h4{

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 5px;

    color: #ffaf54;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .top-list .right .rate p{

    font-size: 14px;

    margin-bottom: 5px;

    letter-spacing: -0.5px;

    font-weight: 500;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .top-list .right .rate h6 {

    color: #ffaf54;

    font-size: 16px;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .comment-box .row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .comment-box .sub-comment {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 20px 0 10px 50px;

    margin-top: 20px;

    border-top: 1px solid #F4F7FC;

}



.ilan-icerik-page .ilan-content-tabs .ilan-tab .accordion {

    width: 100%;

    margin-bottom: 20px;

}



.ilan-icerik-page .ilan-content-tabs .ilan-tab .accordion .title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 100%;

    height: 70px;

    border-radius: 4px;

    padding: 0 25px;

    background-color: #362A39;

    color: #fff;

    cursor: pointer;

}



.ilan-icerik-page .ilan-content-tabs .ilan-tab .accordion .title.active {

    background-color: #FFAF54;

}





.ilan-icerik-page .ilan-content-tabs .ilan-tab .accordion .title p {

    padding-left: 15px;

    font-size: 18px;

}



.ilan-icerik-page .ilan-content-tabs .ilan-tab .accordion .title span {



    font-size: 16px;



    height: 54px;



    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.ilan-icerik-page .ilan-content-tabs .ilan-tab .accordion .title span #plus {

    display: block;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .accordion .title span #minus {

    display: none;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .accordion .title.active span #minus {

    display: block;

}

.ilan-icerik-page .ilan-content-tabs .ilan-tab .accordion .title.active span #plus {

    display: none;

}





.ilan-icerik-page .ilan-content-tabs .ilan-tab .accordion .panel {

    padding:40px;

    font-size: 14px;

    display: none;

}

.kvkk{

    width: 100%;

    float: left;

    padding-top: 80px;

}

.kvkk h3{

    font-size: 28px;

    letter-spacing: -1px;

    font-weight: 700;

    margin-bottom: 20px;

}

.kvkk p{

    color: #000;

    font-size: 14px;

    margin-bottom: 20px;

}

.ad-area {

    width: 100%;

    height: 300px;

    border-radius: 10px;



    position: relative;

    overflow: hidden;

    margin: 30px 0;

}



.ad-area img {

    width: 100%;

    height: 300px;

    border-radius: 10px;

    -o-object-fit: cover;

    object-fit: cover;

    overflow: hidden;

}



.ad-area .overlay {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 90px;

    background-color: rgba(54, 42, 57, 0.9);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

    border-radius: 10px;

    font-size: 27px;

    color: #fff;

    font-weight: 500;

}



.ad-area .overlay u {

    color: #FFAF54;

}

.contact-page{

    width: 100%;

    float: left;

    padding: 100px 0;

    position: relative;

    z-index: 0;

}



.contact-page .left{

    float: left;

    width: 100%;

    margin-bottom: 100px;

}

.contact-page .left h4{

    font-size: 24px;

    letter-spacing: -1px;

    font-weight: 600;

    margin-bottom: 40px;

    position: relative;

}

.contact-page .left h4:after {

    position: absolute;

    left: 0;

    bottom: -5px;

    content: '';

    width: 40px;

    height: 2px;

    background: #ff974f;

}

.contact-page .left ul li{

    margin-bottom: 15px;

    font-size: 16px;

    line-height: 30px;

}

.contact-page .left ul li a{

    color: #000;

    font-size: 16px;

}

.contact-page .left ul li i{

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    float: left;

    background: #ff974f;

    margin-right: 15px;

    color: #fff;

    font-size: 18px;

    border-radius: 50%;

}

.contact-page .left .box{

    padding: 40px;

    background: #fff;

    height: 180px;

    display: flex;

    align-items: center;

    flex-direction: column;

    position: relative;

    border-radius: 4px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.contact-page .left .box:hover{

    box-shadow: 0px 0px 40px 5px #00000008;

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -o-transform: scale(1.05);

    -ms-transform: scale(1.05);

}

.contact-page .left .box i{

    font-size: 24px;

    width: 45px;

    height: 45px;

    color: #fff;

    background: #ff974f;

    position: absolute;

    top: 25px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.contact-page .left .box a{

    font-size: 14px;

}

.contact-page .left .box p{

    font-size: 14px;

    text-align: center;

}

.contact-page .left .box h6{

    font-size: 18px;

    font-weight: 700;

    margin: 40px 0 10px 0;

}

.contact-page .right{

    float: left;

    width: 100%;

}

.contact-page .right h4{

    font-size: 24px;

    letter-spacing: -1px;

    font-weight: 600;

    margin-bottom: 40px;

    position: relative;

}

.contact-page .right h4:after {

    position: absolute;

    left: 0;

    bottom: -5px;

    content: '';

    width: 40px;

    height: 2px;

    background: #ff974f;

}

.contact-page .right input{

    width: 100%;

    height: 50px;

    background: #fff;

    border-radius: 6px;

    padding: 0 20px;

    border: 1px solid transparent;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.contact-page .right input:focus{

    border: 1px solid #ff974f;

}

.contact-page .right textarea{

    width: 100%;

    height: 120px;

    border-radius: 6px;

    background: #fff;

    border: 1px solid transparent;

    padding: 20px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.contact-page .right textarea:focus{

    border: 1px solid #ff974f;

}

.contact-page .right button{

    float: right;

    padding: 15px 45px;

    background: #ff974f;

    border-radius: 6px;

    font-size: 16px;

    color: #fff;

    font-weight: 600;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    -ms-transition: .4s;

}

.contact-page .right button:hover{

    background: #4d2b55;

}

.mobile-menu-bg {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(54, 42, 57, 0.88);

    z-index: 9997;

    opacity: 0;

    pointer-events: none;

    -webkit-transition: .3s all;

    transition: .3s all;

}



.mobile-menu-bg.show {

    opacity: 1;

    pointer-events: all;

}



.mobile-menu {

    width: 230px;

    height: 100vh;

    background-color: #1d1e2a;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    -webkit-transition: .3s all;

    transition: .3s all;

}



.mobile-menu.show {

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

}



.mobile-menu .close-menu {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.mobile-menu .close-menu button {

    border: none;

    background: #2a2b38;

    width: 54px;

    height: 45px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: 28px;

    padding-bottom: 5px;

    color: #fff;

    border-radius: 0 0 45px 45px;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    cursor: pointer;

}



.mobile-menu .mobile-logo {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 20px 0;

}



.mobile-menu .mobile-menu-nav {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}



.mobile-menu .mobile-menu-nav a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    height: 44px;

    padding: 0 15px;

    color: #fff;

    font-size: 16px;

}





.mobile-menu .bottom-links {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-top: 20px;

    padding: 0 15px;

}



.mobile-menu .bottom-links a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    height: 50px;

    border-radius: 30px;

    padding: 0 20px;

    color: #fff;

    font-size: 16px;

    background: -webkit-gradient(linear, right top, left top, from(#FFAF54), to(#ff924ec7));

    background: linear-gradient(to left, #FFAF54, #ff924ec7);

    margin-bottom: 10px;

}



.mobile-menu .bottom-links a span {

    margin-right: 10px;

}



.sag-reklam {

    position: absolute;

    right: 0px;

    top: 80px;

    right: 20px;

    z-index: 0;

    max-width: 300px;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.sag-reklam a {

    display: block;

}



.sol-reklam {

    position: absolute;

    left: 0px;

    top: 80px;

    left: 20px;

    z-index: 0;

    max-width: 300px;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.sol-reklam a {

    display: block;

}



.fix {

    width: 100%;

    height: 400px;

    display: block;

}





/****************************************************

/****************************************************

/****************************************************

/*********************RESPONSIVE*********************

/****************************************************

/****************************************************

/****************************************************/



@media only screen and (max-width: 1900px) {

    .sag-reklam {

        max-width: 150px;

        right: 0px !important;

    }

    .sol-reklam {

        max-width: 150px;

        left: 0px !important;

    }

}



@media only screen and (max-width: 1500px) {

    .sag-reklam {

        max-width: 120px;

    }

    .sol-reklam {

        max-width: 120px;

    }

}



@media only screen and (max-width: 1450px) {

    .sag-reklam {

        max-width: 100px;

    }

    .sol-reklam {

        max-width: 100px;

    }

}



@media only screen and (max-width: 1399px) {

    .sag-reklam {

        display: none !important;

    }

    .sol-reklam {

        display: none !important;

    }

}





/* TABLET RESPONSIVE */



@media only screen and (max-width: 1190px) {

    .mobile-hide {

        display: none !important;

    }

    .table-orders{

        width: 100%;

        overflow-x: scroll;

        float: left;

        margin-right: 10px;

    }

    .table-orders table{

        width: 700px!important;

        

    }

    .topbar .mode{

        display: block;

        margin-right: 15px;

        height: 30px;

        width: 55px;

        margin-top: 5px;

    }

    .topbar .container ul.top-buttons li{

        padding: 10px 10px 10px 0;

    }

    .topbar .mode span{

        width: 22px;

        height: 22px;

        top: 3px;

    }

    .profile-page .profile-main .profile-content .order-content .order-tab ul li{

        width: 50%;

            padding: 10px;

        font-size: 12px;

        text-align: center;

    }

    .profile-page .profile-main .profile-content .order-content .order-box .box{

        width: 100%;

        padding: 15px!important;

        margin-bottom: 25px;

    }

    .message-popup .profil{

        text-align: center;

    }

    .message-popup .profil a{

        margin-top: 20px;

    }

    body.dark .profile-page .profile-main .profile-content .order-content .order-box .box .order-menu{

            top: 0;

    right: 0px;

        background: transparent;

    }

    .profile-page .profile-main .profile-content .order-content .order-box h5{

        padding-right: 10px;

    }

    .profile-page .profile-main .profile-content .order-content .order-box .box:last-child{

        margin-bottom: 0;

    }

    .profile-page .profile-main .profile-content .order-content .order-box .box .order-menu ul{

        left: -100px;

    }

    .profile-page .profile-main .profile-content .order-content{

        padding: 15px;

    }

    .profile-page .profile-main .profile-content .order-content .order-box h5{

        font-size: 14px;

    }

    .profile-page .profile-main .profile-content .order-content .order-box .price{

        font-size: 12px;

    }

    .profile-page .profile-main .profile-content .order-content .order-box .price span{

            display: block;

    width: 100%;

    float: left;

    margin: 8px 0;

    }

    .mode.active span{

        left: 27px;

    }

    .topbar .container {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }

    .topbar .container .top-announce {

        display: none !important;

    }



    .product-list .product .product-detail{

        padding: 20px 10px;

    }

    header {

        padding: 20px 0;

        -webkit-box-shadow: 0px 0px 10px #0000001c;

        box-shadow: 0px 0px 10px #0000001c;

        background: #fff;

    }

    header .hamburger-btn {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important;

    }

    header .profile-btn {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important;

    }

    nav {

        display: none;

    }

    main {

        width: 100%;

    }

    main .container .main-side.hide {

        display: none;

    }

    .main-content {

        max-width: 100% !important;

        width: 100%;

    }

    .main-content .main-content-hero {

        position: relative;

    }

    .main-content .main-content-hero>img.hero-img {

        width: 100%;

        border-top-right-radius: 10px;

        border-top-left-radius: 10px;

        height: 275px;

    }

    .main-content .main-content-hero .img-overlay {

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        background: rgba(54, 42, 57, 0.92);

        border-top-right-radius: 10px;

        border-top-left-radius: 10px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        padding: 0 20px;

    }

    .main-content .main-content-hero .img-overlay .overlay-text {

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1;

    }

    .main-content .main-content-hero .img-overlay .overlay-text h2 {

        color: #fff;

        font-weight: 700;

        font-size: 35px;

    }

    .main-content .main-content-hero .img-overlay .overlay-text p {

        color: #fff;

        font-weight: 300;

        line-height: 20px;

        margin-top: 15px;

        font-size: 16px;

    }

    .main-content .main-content-hero .img-overlay .overlay-text a.hero-btn {

        margin-top: 20px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        width: 145px;

        height: 38px;

        background: -webkit-gradient(linear, left top, right top, from(#FFAF54), to(#FF924E));

        background: linear-gradient(to right, #FFAF54, #FF924E);

        color: #fff;

        border-radius: 3px;

        font-size: 15px;

    }

    .main-content .main-content-hero .img-overlay .overlay-text a.hero-btn span {

        margin-left: 8px;

    }

    .main-content .main-content-hero .img-overlay .overlay-img {

        display: none !important;

    }

    .main-content .content-hero-carousel {

        display: block;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        background-color: #fff;

        padding: 17px;

        position: relative;

    }

    .main-content .content-hero-carousel .nav-btn {

        display: none !important;

    }

    .main-content .content-hero-carousel .carousel-items {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        width: 100%;

        background-color: #fff;

        width: 100% !important;

        margin-left: 0% !important;

    }

    .main-content .content-hero-carousel .carousel-items .item {

        min-width: 0 !important;

        max-width: 100% !important;

        min-height: 73px !important;

        border-radius: 3px;

        overflow: hidden;

        position: relative;

        margin-right: 15px;

    }

    .main-content .content-hero-carousel .carousel-items .item>img {

        width: 100%;

    }

    .main-content .content-hero-carousel .carousel-items .item .item-overlay {

        position: absolute;

        left: 0px;

        top: 0px;

        width: 100%;

        height: 100%;

        border-radius: 3px;

        background: #362a39c4;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }



    .main-content .content-hero-carousel .carousel-items .item .item-overlay:hover {

        background-color: rgba(255, 175, 84, 0.85);

    }

    .product-list {

        width: 100%;

        height: auto;

        margin: 15px 0;



    }

    .product-list.five-item-list .product {

        width: 24%;

    }





    .profile-stats {

        width: 100%;

        margin-top: 40px !important;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

    }

    .profile-stats .left {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        width: 100% !important;

    }

    .profile-stats .right {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        width: 100% !important;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

    }

    .profile-stats .stat-box {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        background-color: #fff;

        padding: 15px;

        border-radius: 10px;

        width: 100% !important;

        height: 80px;

        margin-right: 0px !important;

        margin-bottom: 10px;

    }

    .profile-banner .banner-overlay {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: end !important;

        -ms-flex-align: end !important;

        align-items: flex-end !important;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        padding-bottom: 20px;

    }

    .profile-banner .banner-overlay .profile-details {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        margin-bottom: -50px !important;

    }

    .profile-banner .banner-overlay .profile-details .profile-pic {

        margin-top: -40px !important;

        max-width: 160px !important;

        max-height: 160px !important;

        position: relative;

    }

    .profile-banner .banner-overlay .profile-details .box {

        width: auto !important;

        min-width: 115px !important;

        height: 40px;

        background: linear-gradient(60deg, #FFAF54, #FF924E);

        color: #fff;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        font-size: 12px !important;

        border-radius: 0 10px 10px 0;

    }

    .profile-page .profile-banner .banner-overlay .profile-details .profile-pic .overlay{

        font-size: 14px;

    }

    .profile-banner .banner-overlay .profile-details .box:first-child {

        background: linear-gradient(-60deg, #FFAF54, #FF924E);

        border-radius: 10px 0 0 10px;

    }

    .profile-banner .banner-overlay .profile-details .box span {

        margin-right: 7px;

    }

    .haberler-page {

        width: 100%;

    }

    .haberler-page .page-multi-banner {

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse;

    }

    .haberler-page .page-multi-banner .multi-banner {

        width: 100% !important;

        margin-right: 0 !important;

        margin-top: 16px;

    }

    .haberler-page .page-multi-banner .multi-banner .banner-item {

        width: 100%;

        height: 105px !important;

        margin-bottom: 16px;

    }

    .haberler-page .page-multi-banner .multi-banner .banner-item img {

        width: 100%;

    }

    .haberler-page .page-multi-banner .multi-banner .banner-item:last-child {

        margin-bottom: 0px;

    }

    .haberler-page .page-multi-banner .multi-banner .banner-item .overlay a {

        font-size: 16px;

    }

    .haberler-page .page-multi-banner .hero-banner img {

        width: 100%;

        -o-object-fit: cover;

        object-fit: cover;

    }

    .haberler-page .page-multi-banner .hero-banner .overlay {

        -webkit-box-pack: center !important;

        -ms-flex-pack: center !important;

        justify-content: center !important;

        text-align: center;

        padding: 10px 0 !important;

    }

    .haberler-page .page-multi-banner .hero-banner .overlay a {

        font-size: 18px;

    }

    .haberler-page .page-multi-banner .hero-banner .overlay p {

        font-size: 13px;

    }

    .haberler-content {

        width: 100%;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }



    .ilan-main {

        width: 100%;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        height: auto;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }

    .ilan-main .ilan-slider {

        width: 100% !important;

        margin-right: 0px !important;

        margin-bottom: 30px;

    }

    .ilan-main .ilan-slider .slider-hero {

        width: 100%;

        height: auto !important;

        max-height: 400px;

        overflow: hidden;

        border-radius: 10px;

        margin-bottom: 17px;

    }

    .ilan-main .ilan-slider .slider-hero img {

        width: 100%;

    }

    .ilan-main .ilan-slider .slider-hero-nav {

        width: 100%;

        height: 90px;

        max-height: 90px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

    }

    .ilan-main .ilan-slider .slider-hero-nav .nav-item {

        width: 125px;

        max-width: 125px;

        height: 90px;

        max-height: 90px;

        border-radius: 10px;

        overflow: hidden;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        margin-right: 17px;

    }

    .ilan-main .ilan-slider .slider-hero-nav .nav-item img {

        width: 100%;

    }

    .ilan-main .ilan-details .seller-info {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: start !important;

        -ms-flex-align: start !important;

        align-items: flex-start !important;

    }

    .ilan-main .ilan-details .seller-info .seller-contact {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: horizontal !important;

        -webkit-box-direction: normal !important;

        -ms-flex-direction: row !important;

        flex-direction: row !important;

        margin-right: auto;

        margin-left: 0 !important;

        margin-top: 10px;

        width: 100%;

    }

    .ilan-main .ilan-details .seller-info .seller-contact a {

        width: 50% !important;

        margin-bottom: 0px !important;

        margin-right: 10px;

    }

}



@media only screen and (max-width: 960px) {

    body{

        width: 100%;

        overflow-x: hidden;

    }

    body.dark .profil-tab .content .mobile-bottom .price{

        border-left: none;

    }

    #ilanYukleth .table-orders table tr.code b{

           display: block;

    width: 100%;

    }

    

    #ilanYukleth .table-orders table tr td{

        padding: 15px 0;

    }

    #ilanYukleth .table-orders table tr.code span{

            padding: 7px;

    font-size: 12px;

    }

    #ilanYukleth .table-orders table tr.code .copy{

        width: 26px;

        height: 26px;

    }

    #ilanYukleth .table-orders table tr.code button{

        padding: 7px;

    }

    #ilanYukleth .table-orders .comment-request{

        padding: 20px 0;

    }

    #ilanYukleth .table-orders .comment-request a{

        width: 100%;

        margin-bottom: 10px;

        text-align: center;

    }

    main {

        width: 100%;

    }

    main .container.col {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }

    .basket-page .left .box .pro-name{

        width: 80%;

    }

    .ilan-top .box{

        margin-bottom: 10px;

    }

    .profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box a.detail{

          display: block;

    margin-top: 20px;

    margin: 0;

    bottom: 0px;

    left: 0;

    margin-top: 15px;

    padding: 10px 20px;

    font-size: 14px;

    float: left;

    }

    .profil-tab .content .mobile-bottom .sales-name small{

        position: inherit;

        top: 0;

        left: 0;



    }

    .profil-tab .content .name span{

        font-size: 16px;



        margin-top: 10px;

    }

    .profil-tab .content .stock {

        margin-right: 0;

    }

    .profil-tab .content-box .comment-box p{

        font-size: 12px;

    }

    .profil-tab .content .mobile-bottom .sales-name{

        width: 100%;

        display: flex;

        justify-content: center;

        padding: 20px 0;

    }

    .profil-tab .content .mobile-bottom .sales-name span{

        top: -5px;

    }

    .contact-page{

        padding: 0;

    }

    .contact-page .left h4{

        font-size: 18px;

    }

    .contact-page .right h4{

        font-size: 18px;

    }

    .contact-page .left .box{

        margin-bottom: 15px;

    }

    .about-page {

        padding: 0;

    }

    .about-page .text{

        padding: 0;

    }

    .about-page p{

        font-size: 14px;

    }

    .about-icon .box{

        margin-bottom: 20px;

    }

    .profil-tab .content .mobile-bottom .price{

        border-left: none;

    }

    .profil-tab .content{

        height: auto !important;

        min-height: 90px !important;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }

    .profil-tab .content .detail {

        display: flex;

        text-align: center;

        flex-direction: column;

        justify-content: center;

    }

    .profil-tab .content .mobile-bottom{

        display: initial;

        margin-top: 25px;

        width: 100%;

        float: left;

    }

    .profil-tab .content .mobile-bottom form{

        width: 100%;

        display: flex;

        justify-content: center;

    }

    .profil-tab .content .mobile-bottom form input {

        width: 90%;

    }

    .profil-tab .content .mobile-bottom .price {

        height: 63px;

        border-left: none;

        margin-left: 0;

        float: left;

        width: 100%;

        padding: 10px 0;

    }

    .profil-tab .content .mobile-bottom .action {

        width: 100%;

    }

    .profil-tab .content .mobile-bottom .action a {

        width: 100%;

    }

    .epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .ticket{

        width: 100%;

        display: flex;

        justify-content: center;

    }

    .epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .ticket span{

        margin: 0 5px 20px 5px;

    }

    .news-detail-page .left h4{

        font-size: 20px;

    }

    .news-detail-page .left p{

        font-size: 14px;

    }

    .news-detail-page .right h3{

        font-size: 20px;

    }

    .news-detail-page .right {

        margin-top: 50px;

    }

    .news-detail-page{

        padding: 0;

    }

    .haberler-page .page-multi-banner .swiper{

        height: 300px;

    }

    .haberler-page .page-multi-banner .swiper .text{

        left: 20px;

    }

    .haberler-page .page-multi-banner .swiper .text h4{

        font-size: 22px;

    }

    .haberler-page .page-multi-banner .swiper .text p{

        font-size: 12px;

    }

    .haberler-page .page-multi-banner .swiper .text a{

        font-size: 12px;

        padding: 10px 20px;

    }

    .profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail .left{

        width: 100%;

        margin-bottom: 15px;

    }

    .profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail{

        padding: 30px 0;

    }

    .profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail .right{

        width: 100%;

    }

    .profile-page .profile-main .profile-content .order-content .ilan-order .order-box .box .profil-detail .right a{

        width: 100%;

        margin: 0 1%;

        padding: 10px!important;

        font-size: 12px;

    }#ilanYukleth .table-orders table tr.code button{

        margin-right: 0px;

    }



    .message-popup .box{

        width: 95%;

    }

    .message-popup .box .cls{

        top: -60px;

        right: 0;

    }

    .message-popup .box form button{

        padding: 10px 20px;

        font-size: 12px;

    }

    .profile-page .profile-main .tc-content{

        padding: 20px;

    }

    .profile-page .profile-main .tc-content .box{

        margin-bottom: 20px;

    }

    .verification-popup .box{

        width: 95%;

    }

    .verification-popup .box .cls{

        right: 0;

        top: -60px;

    }

    .ilanlar-page .ilan-left .more .form-group{

        width: 100%;

    }

    .ilanlar-page .ilan-left .price input{

        margin-bottom: 10px;

    }

    .ilanlar-page .product-list{

        margin-top: 50px;

    }

    .ilanlar-page .product-list .row-cols-5>*{

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

    .ilanlar-page .product-list .col{

        width: 50%;

    }

    .order-popup .box{

        width: 95%;

        height: 550px;

        padding: 20px;

    }

    .order-popup .box .cls{

        right: 0;

        top: -65px;

    }

    .order-popup .box .order-bx{

        width: 48%;

        margin: 0 1% 20px 1%;5

    }

    .order-popup .box h4{

        font-size: 20px;

        margin-bottom: 30px;

    }

    .campaign .box .overlay .text h4{

        font-size: 16px;

    }

    .alphabet a {

        padding: 10px;

    }

    .alphabet{

        overflow-x: scroll;

    }

    .game-page .top{

        padding: 20px 0;

    }

    .game-page .top .slide{

        height: 300px;

    }

    .game-page .top .slide h3{

        font-size: 18px;

    }

    .basket-page .left .box{

        display: initial;

        position: relative;

        padding: 15px;

    }

    .basket-page .left .box .basket-right{

        display: initial;

    }

    .basket-page{

        padding: 0;

    }

    .basket-page .basket-total span{

        font-size: 26px;

    }

    .basket-page .right a{

        margin: 20px auto;

    }

    .basket-page .left .box .basket-right .price{

        width: 100%;

        margin-top: 20px;

        float: left;

        text-align: center;

        padding: 20px 0;

        border-radius: 20px;

    }

    .basket-page .left .box .basket-right .form{

        margin-left: 0;

        margin-top: 15px;

        float: left;

        width: 100%;

    }

    .basket-page .left .box .basket-right .form input{

        width: 80%;

    }

    .basket-page .left .box .basket-right .cls{

        position: absolute;

        right: 15px;

        top: 20px;

    }

    header .container .profile-btn{

        display: none!important;

    }

    main .container .main-side {

        width: 100%;

    }

    main .container .main-side.hide {

        display: none;

    }

    .epin-page .epin-main .epin-content .epin-box-list .epin-box .detail{

        display: flex;

        text-align: center;

        flex-direction: column;

        justify-content: center;

    }

    .epin-page .epin-main .epin-content .epin-box-list .epin-box .detail .name{

        display: initial;

        margin-top: 20px;

        float: left;

    }

    .games-detail{

        margin:0 ;

    }

    .games-detail .left{

        height: 400px;

    }

    .games-detail .left img{

        object-fit: cover;

    }

    .games-detail .right{

        padding-right: 15px;

        padding-left: 15px;

    }

    .games-detail .right h4{

        font-size: 24px;

        margin-bottom: 10px;

    }

    .games-detail .right form{

        width: 192px;;

    }



    .game-list .row-cols-5 .col{

        flex: 0 0 50%;

        max-width: 50%;

    }

    .game-page .top{

        padding: 20px 0;

    }

    .game-page .top .slide{

        height: 300px;

    }

    .game-page .top .slide h3{

        font-size: 18px;

    }

    .ilan-icerik-page .tab-buttons span{

        width: 100%;

    }

    .ilan-icerik-page .tab-buttons{

        display: inherit;

    }

    .ilan-icerik-page .tab-buttons span:last-child{

        border-radius: 0 0px 0 0;

    }

    .ilan-icerik-page .ilan-content-tabs{

        padding: 0;

    }

    .epin-page .page-banner .banner-overlay .text{

        padding-top: 0;

    }

    .epin-page .page-banner img{

        width: 100px;

        height: 100px;

        margin-bottom: 15px;

    }

    .epin-page .epin-main .epin-content .epin-box-list .epin-box .detail .stock{

        margin-right: 0;

        width: 100%;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom{

        display: initial;

        margin-top: 25px;

        width: 100%;

        float: left;

    }

    .epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom form{

        width: 100%;

        float: left;

    }

    .epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom form input{

        width: 90%;

    }



    .epin-page .epin-main .epin-content .epin-box-list .epin-box .detail .name span{

        font-size: 16px;

    }

    .epin-page .epin-main .epin-content .epin-box-list .epin-box .detail .name p{

        font-size: 12px;

    }

    .epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .action a{

        width: 50%;

    }

    .epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .price {

        height: 63px;

        border-left: none;

        margin-left: 0;

        float: left;

        width:100%;

        padding: 10px 0;

    }

    .epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .action{

        width: 100%;

    }

    .epin-page .epin-main .epin-content .epin-tabs .tab-buttons span{

        padding: 0 15px;

        height: 45px;

        font-size: 14px;

    }

    .epin-page .epin-main .epin-content .epin-tabs .epin-tab{

        padding: 20px;

    }

    .epin-page .epin-main .epin-content .epin-tabs .epin-tab .comment-list .comment-box{

        padding: 10px;

    }

    .epin-page .epin-main .epin-content .epin-tabs .epin-tab .comment-box p{

        padding: 0;

    }

    .epin-page .page-banner{

        height: 250px;

    }

    .epin-page .page-banner .banner-overlay .text p{

        font-size: 12px;

    }

    .comment-list .comment-box .comment-detail{

        width: 100%;

    }

    .comment-list .comment-box .comment-detail .head span{

        font-size: 12px;

        margin-bottom: 10px;

        display: inline-block;

    }

    .ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .comment-box .sub-comment{

        display: initial;

        padding: 0;

    }

    .ilan-comment .comment-box .comment-detail{

        border: none;

        padding: 0;

    }

    .ilan-icerik-page .ilan-content-tabs .ilan-tab .comment-list .comment-box{

        border-bottom:none;

        margin-bottom: 0;

        border-radius: 0;

    }

    .ilan-icerik-page .ilan-content-tabs .ilan-tab .description{

        padding: 30px;

    }

    .ilan-icerik-page .ilan-content-tabs .ilan-tab .description h5{

        font-size: 18px;

    }

    .ilan-icerik-page .ilan-content-tabs .ilan-tab .accordion .title p{

        font-size: 14px;



    }

    .ilan-icerik-page .ilan-content-tabs .ilan-tab .accordion{

        margin-top: 20px;

    }

    .ilan-icerik-page .ilan-content-tabs .ilan-tab .accordion .title{

        height: 60px;

        padding: 0 15px;

    }

    .ilan-icerik-page .comment-list .comment-box .comment-img{

        display: inherit;

    }

    .footer-top {

        width: 100%;

        padding-bottom: 10px;

        padding-top: 10px;

    }

    .footer-top .container {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

    .footer-top .container .footer-top-item {

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1;



        margin-right: 0px;

        width: 100%;

        padding-bottom: 15px;

        margin-bottom: 15px;

    }

    .footer-top .container .footer-top-item:last-child {

        border-right: 0px solid #ECA04A;

        padding-right: 0px;

        margin-right: 0px;

        border-bottom: 0px solid #ECA04A;

    }



    .ad-area{

        height: 420px;

    }

    .ad-area img{

        height: 200px;

        margin-bottom: 10px;

    }

    footer {

        width: 100%;

        padding: 20px 0;



        position: relative;

    }

    footer .container {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        padding: 0 20px;

    }

    footer .container .footer-col {

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        margin-bottom: 40px;

    }

    footer .container .footer-col:nth-child(n+2) {

        -webkit-box-align: start !important;

        -ms-flex-align: start !important;

        align-items: flex-start !important;

    }

    footer .container .footer-col>span {

        color: #fff;

        margin: 5px 0;

    }

    footer .container .footer-col .contact-btn {



        margin: 5px 0;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;



    }

    footer .container .footer-col .contact-btn span {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;



        border-radius: 2px;

        margin-right: 5px;

    }

    footer .container .footer-col .footer-links {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

    footer .container .footer-col .footer-links .title {

        color: #FFAF54;

        font-size: 18px;

        font-weight: 500;

        position: relative;

    }



    footer .container .footer-col .footer-links a {

        color: #908A91;

        font-size: 14px;

        font-weight: 400;

        margin:0px 0 5px 0;

    }

    footer .container .footer-col .footer-links a:hover {

        color: #fff;

    }

    footer .footer-support {

        width: 235px;

        height: 32px;

        border-radius: 3px;

        background: -webkit-gradient(linear, left top, right top, from(#362A39), to(#5E5161));

        background: linear-gradient(to right, #362A39, #5E5161);

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        position: absolute;

        bottom: -16px;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        color: #fff;

        cursor: pointer;

    }

    footer .footer-support img {

        margin: 0 10px;

    }

    .footer-cart {

        width: 100%;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        padding: 30px 0;

    }

    .footer-cart  {

        text-align: center;

    }

    .footer-cart span{

        width: 100%;

        text-align: center;

        margin-top: 10px;

    }

    .side-options {

        width: 100%;

        height: auto;

        border-radius: 10px;

        overflow: hidden;

        background-color: #fff;

        margin-bottom: 20px;

    }

    .side-options .side-title {

        width: 100%;

        height: 55px;

        background: linear-gradient(60deg, #FFAF54, #FF924E);

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        padding: 0 20px;

        color: #fff;

        font-size: 16px;

        font-weight: 600;

    }

    .side-options .payment-options {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }

    .profile-main {

        width: 100%;

        margin-top: 30px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }

    .profile-main .profile-side {

        max-width: 100% !important;

        width: 100%;

        margin-right: 0px !important;

        margin-bottom: 20px;

    }

    .profile-main .profile-side .menu-nav {

        width: 100%;

        height: auto;

        background-color: #fff;

        -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);

        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);

        border-radius: 10px;

        overflow: hidden;

    }

    .profile-main .profile-side .menu-nav .title {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: justify !important;

        -ms-flex-pack: justify !important;

        justify-content: space-between !important;

        width: 100%;

        padding: 0 25px;

        height: 55px;

        background: linear-gradient(60deg, #FFAF54, #FF924E);

        color: #fff;

        font-size: 20px;

        border-radius: 10px 10px 0 0;

        font-weight: 500;

        pointer-events: all !important;

    }

    .profile-main .profile-side .menu-nav .title span {

        display: block !important;

    }

    .profile-main .profile-side .menu-nav .menu-links {

        width: 100%;

        height: auto;

        display: none;

    }

    .user-loggedin-buttons {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }

    .user-loggedin-buttons .server-owner {

        display: none !important;

    }

    .user-loggedin-buttons .messages {

        display: none !important;

    }

    .user-loggedin-buttons .listings {

        display: none !important;

    }

    .user-loggedin-buttons .user {

        position: relative;

    }

    .user-loggedin-buttons .user .user-btn {

        width: auto !important;



        height: 35px!important;

        border-radius: 45px;

        background: linear-gradient(60deg, #FFAF54, #FF924E);

        padding: 7px 5px!important;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }

    header .container .user-loggedin-buttons .basket{

        width: 55px;

        height: 35px;

    }

    .user-loggedin-buttons .user .user-btn .user-pic {

        margin-right: 5px;

    }

    .user-loggedin-buttons .user .user-btn .name {

        display: none !important;

    }

    .user-loggedin-buttons .user .user-btn .fa-chevron-down {

        margin-left: auto;

        color: #fff;

        margin-right: 10px;

    }

    .user-loggedin-buttons .user .user-dropdown {

        width: 177px;

        height: auto;

        padding: 10px;

        border-radius: 10px;

        background-color: #fff;

        -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);

        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);

        left: -5% !important;

        -webkit-transform: translate(-55%, 15px) !important;

        transform: translate(-55%, 15px) !important;

        position: absolute;

        margin-top: 17px;

        z-index: 999;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        pointer-events: none;

        opacity: 0;

        -webkit-transition: .3s all;

        transition: .3s all;

    }

    .user-loggedin-buttons .user .user-dropdown::before {

        width: 0;

        height: 0;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-bottom: 10px solid #fff;

        content: "";

        position: absolute;

        top: -10px;

        left: 85% !important;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

    }

    .profile-banner {

        width: 100%;

        height: auto;

        position: relative;

        min-height: 200px;

    }

    .profile-banner>img {

        -o-object-fit: cover;

        object-fit: cover;

        height: 200px !important;

    }

    .profile-banner .banner-overlay {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background-image: -webkit-gradient(linear, left top, left bottom, from(#362a3900), to(#362A39));

        background-image: linear-gradient(to bottom, #362a3900, #362A39);

        border-radius: 0 0 10px 10px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: end;

        -ms-flex-align: end;

        align-items: flex-end;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        padding-bottom: 20px;

    }

    .epin-page .page-banner {

        width: 100%;

        height: auto;

        position: relative;

        min-height: 200px;

    }

    .epin-page .page-banner>img {

        -o-object-fit: cover;

        object-fit: cover;

        height: 250px !important;

    }

    .epin-page .page-banner .banner-overlay {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center !important;

        -ms-flex-align: center !important;

        align-items: center !important;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        text-align: center;

        padding-left: 10px !important;

        padding-right: 10px;

    }

    .epin-page .page-banner .banner-overlay .text h2 {

        font-size: 18px !important;

    }

    .epin-main {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }

    .epin-main .epin-box-list {

        width: 100%;

    }

    .epin-main .epin-box-list .epin-box {

        height: auto !important;

        min-height: 90px !important;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }

    .epin-main .epin-box-list .epin-box .detail {

        width: 100%;

    }

    .epin-main .epin-box-list .epin-box .mobile-bottom {

        width: 100%;

        margin-top: 10px;

    }

    .epin-main .epin-box-list .epin-box .mobile-bottom .stock {

        border-left: 0 !important;

    }

    .epin-main .epin-side {

        max-width: 100% !important;

        margin-left: 0 !important;

        margin-top: 30px !important;

    }

    form {

        width: 100%;



    }

    .profile-page .profile-main .profile-content .payment-content h4{

        font-size: 16px;

    }

    .profile-page .profile-main .profile-content .payment-content .box{

        margin-bottom: 20px;

    }

    .profile-page .profile-main .profile-content .payment-content .bottom-box input{

        width: 100%;

        margin-bottom: 20px;

    }

    .profile-page .profile-main .profile-content .payment-content .bottom-box button{

        float: right;

    }

    form .form-row-two {

        width: 100%;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        margin-bottom: 20px;

    }

    form .form-row-two .col {

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

    form .form-row-two .col:first-child {

        margin-right: 10px !important;

    }

    form .form-row-two .col:nth-child(3) {

        margin-left: 0px !important;

    }

    form .form-row-two.mobile-col {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }

    form .form-row-two.mobile-col .col {

        margin-bottom: 10px;

    }

    form .form-row-two.mobile-col .col:first-child {

        margin-right: 0px !important;

    }

    form .doping select {

        width: 100% !important;

    }

    .five-item-list .product {

        width: 32% !important;

    }

    .haberler-content {

        width: 100%;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }



    .ilanlar-page {

        width: 100%;

        padding: 0;

        margin-bottom: 20px;

    }

    .ilanlar-page .page-banner {

        width: 100%;

        height: auto;

        position: relative;

        min-height: 400px !important;

    }

    .ilanlar-page .page-banner>img {

        -o-object-fit: cover;

        object-fit: cover;

        height: 400px !important;

    }

    .ilanlar-page .page-banner .banner-overlay {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: calc(100% - 5px);

        background-color: rgba(244, 247, 252, 0.7);

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        text-align: center;

    }

    .ilanlar-page .page-banner .banner-overlay .banner-info-boxes {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        margin-bottom: 15px !important;

        width: 100%;

    }

    .ilanlar-page .page-banner .banner-overlay .banner-info-boxes .info-box {

        width: 90%;

        height: 70px;

        border-radius: 5px;

        background-color: #fff;

        padding: 18px;

        margin-right: 0px !important;

        margin-bottom: 10px;

    }

    .ilanlar-page .page-banner .banner-overlay .banner-search {

        max-width: 100% !important;

        height: 42px;

        width: 90%;

    }

    .ilanlar-page .page-nav-links {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: nowrap !important;

        flex-wrap: nowrap !important;

        overflow-x: auto !important;

        margin-top: -5px;

        -webkit-overflow-scrolling: touch;

    }

    .ilanlar-page .page-nav-links::-webkit-scrollbar {

        display: none;

    }

    .ilanlar-page .page-nav-links a {

        -webkit-box-flex: 0 !important;

        -ms-flex: 0 0 auto !important;

        flex: 0 0 auto !important;

        min-height: 50px !important;

        padding: 0 20px !important;

    }

    main .container .main-content .hero-left{

        width: 100%;

    }

    main .container .main-content .hero-left .swiper{

        height: 300px;

    }

    main .container .main-content .hero-left .swiper .img-overlay .overlay-text h2{

        font-size: 22px;

    }

    main .container .main-content .hero-left .swiper .img-overlay .overlay-text p{

        font-size: 12px;

    }

    main .container .main-content .hero-left .swiper .img-overlay .overlay-text p br{

        display: none;

    }

    main .container .main-content .hero-left .swiper .img-overlay .overlay-text span{

        font-size: 14px;

        line-height: 28px;

    }

    main .container .main-content .hero-left .swiper .img-overlay .overlay-text span:before{

        border-bottom: 29px solid #f9aa01;



        border-top: 17px solid transparent;

    }

    main .container .main-content .hero-left .swiper .img-overlay .overlay-text span:after{

        border-top: 29px solid #f9aa01;

    }

    main .container .main-content .hero-left .swiper .img-overlay .overlay-text{

        left: 20px;

    }

    main .container .main-content .hero-left .swiper .img-overlay .overlay-text a{

        padding: 8px 10px;

        font-size: 12px;

        margin-top: 9px;

    }

    main .container .main-content .hero-right{

        width:100%;

        margin-top: 30px;

    }

    main .container .main-content .hero-left .swiper .img-overlay .right{

        display: none;

    }

    main .container .main-content .hero-right .swiper{

        width: 47%;



        float: left;

    }

    main .container .main-content .hero-left .hero-bottom .swiper{

        height: 70px;

    }

    main .container .main-content .hero-right .swiper:last-child{

        float: right;

    }

    .product-list .product .product-img{

        height: 250px;

    }

    .product-list .product .product-detail h4{

        font-size: 16px;

    }

    .product-list .product .product-detail .price{

        font-size: 16px;

    }

    .product-list .product .product-detail .down-price{

        font-size: 12px;

    }

    .product-list .product .product-detail .down-price:after{

        width: 45px;

    }

    .product-list .product .product-detail p{

        font-size: 12px;

        display: none;

    }

    .product-list .product .product-detail .top{

        transform: translateY(60px);

    }

    .product-list.p-list1 .product .product-detail .top{

        transform: translateY(85px);

    }





    .product-list .product:hover .product-detail .bottom{

        transform: translateY(10px);

    }

    .product-list.p-list1 .product:hover .product-detail .top {

    transform: translateY(10px);

}

    .section-title{

        font-size: 18px;

        margin-top: 50px;

    }

    .footer-top .container .footer-top-item{

        padding-bottom: 25px;

        margin-bottom: 25px;

        border-right: none;

    }

    .footer-top{

        padding-top: 70px;

    }

    body.dark .ilan-comment .comment-box .comment-detail{

        border: none!important;

    }

    .ad-area{

        height: 300px;

    }

}



@media only screen and (max-width: 540px) {

    .product-list {

        width: 100%;

        height: auto;

        margin: 15px 0;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

    }

    .games-detail .right .basket{

        margin: 20px 0;

        width: 100%;

        text-align: center;

    }

    .epin-page .epin-main .epin-content .epin-box-list .epin-box .mobile-bottom .action a{

        width: 100%;

    }

    .ad-area img{

        height: 140px;

        margin-bottom: 10px;

    }

    main .container .main-content .hero-right .swiper{

        height: 170px;

        width: 47%;

    }

    .product-list.five-item-list .product {

        width: 49% !important;

    }

    .product-list .product {

        width: 100%;

        margin-bottom: 30px;



        border-radius: 0 0 10px 10px;

    }

    .product-list .product:nth-child(even){

        margin-right: 0%;

    }

    .product-list .product:nth-child(3n){

        margin-right: 0;

    }

    .haberler-content {

        width: 100%;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }



}







/*# sourceMappingURL=style.css.map */