Tekil Mesaj gösterimi - html/css açılır menü

Konu html/css açılır menü

21-07-2022, 09:46:01

#1

BlackSoul

http://kozmetikxml.xyz/

index dosyası

<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta name="author" content="templatemo">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&di splay=swap" rel="stylesheet">

<title>Menü</title>


<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">



<link rel="stylesheet" href="assets/css/fontawesome.css">
<link rel="stylesheet" href="assets/css/templatemo-liberty-market.css">
<link rel="stylesheet" href="assets/css/owl.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet"href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/>

</head>

<body>


<div id="js-preloader" class="js-preloader">
<div class="preloader-inner">
<span class="dot"></span>
<div class="dots">

</div>
</div>
</div>



<header class="header-area header-sticky">
<div class="container">
<div class="row">
<div class="col-12">
<nav class="main-nav">

<a href="index.html" class="logo">
<img src="assets/images/logo.png" alt="">
</a>


<ul class="nav">
<nav class="menu">
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">Kategoriler (+)</a>
<ul>
<li><a href="#">Alt Menü 1</a></li>
<li><a href="#">Alt Menü 2</a></li>
<li><a href="#">Alt Menü 3</a></li>
</ul>
</li>
<li><a href="#">İşlemler</a>
<ul>
<li><a href="#">Alt Menü 1</a></li>
<li><a href="#">Alt Menü 2</a></li>
<li><a href="#">Alt Menü 3</a></li>
</ul>
</li>
<li><a href="#">İletişim</a></li>
</ul>
<a class='menu-trigger'>
<span>Menu</span>
</a>

</nav>
</div>
</div>
</div>
</header>



<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>

<script src="assets/js/isotope.min.js"></script>
<script src="assets/js/owl-carousel.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/tabs.js"></script>
<script src="assets/js/popup.js"></script>
<script src="assets/js/custom.js"></script>

</body>
</html>

style css

/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer

--------------------------------------------- */
/*
---------------------------------------------
font & reset css
---------------------------------------------
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,8 00,900");
/*
---------------------------------------------
reset
---------------------------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

ul, li {
padding: 0;
margin: 0;
list-style: none;
color:white;
}

header, nav, section, article, aside, footer, hgroup {
display: block;
}

* {
box-sizing: border-box;
}

html, body {
font-family: 'Roboto', sans-serif;
font-weight: 400;
background-color: #1e1e1e;
font-size: 16px;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

a {
text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 0px;
margin-bottom: 0px;
color: #fff;
font-weight: 700;
}

ul {
margin-bottom: 0px;
}

p {
font-size: 15px;
line-height: 30px;
color: #fff;
}

img {
width: 100%;
overflow: hidden;
}

/*
---------------------------------------------
Global Styles
---------------------------------------------
*/
html,
body {
background: #fff;
font-family: 'Roboto', sans-serif;
}

::selection {
background: #7453fc;
color: #fff;
}

::-moz-selection {
background: #7453fc;
color: #fff;
}

.border-button a {
font-size: 14px;
color: #fff;
background-color: transparent;
border: 1px solid #7453fc;
padding: 12px 30px;
display: inline-block;
border-radius: 25px;
font-weight: 500;
text-transform: capitalize;
letter-spacing: 0.5px;
transition: all .3s;
position: relative;
overflow: hidden;
}

.border-button a:after {
width: 78%;
height: 2px;
background-color: #fff;
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}

.border-button a:hover {
background-color: #7453fc;
color: #fff;
}

.main-button a {
font-size: 14px;
color: #fff;
background-color: #7453fc;
border: 1px solid #7453fc;
padding: 12px 30px;
display: inline-block;
border-radius: 25px;
font-weight: 500;
text-transform: capitalize;
letter-spacing: 0.5px;
transition: all .3s;
position: relative;
overflow: hidden;
}

.main-button a:after {
width: 78%;
height: 2px;
background-color: #fff;
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}

.main-button a:hover {
background-color: #fff;
color: #7453fc;
border: 1px solid #fff;
}

section {
margin-top: 120px;
}

.section-heading {
position: relative;
z-index: 2;
margin-top: 0px;
margin-bottom: 80px;
text-align: center;
}

.section-heading .line-dec {
width: 100px;
height: 2px;
background-color: #7453fc;
margin: 0 auto 30px auto;
}

.section-heading h2 {
margin-top: 10px;
line-height: 36px;
font-size: 30px;
font-weight: 700;
text-transform: capitalize;
color: #fff;
}

.section-heading h2 em {
color: #7453fc;
font-style: normal;
}

/*
---------------------------------------------
Pre-loader Style
---------------------------------------------
*/

.js-preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.98);
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
opacity: 1;
visibility: visible;
z-index: 9999;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}

.js-preloader.loaded {
opacity: 0;
visibility: hidden;
pointer-events: none;
}

@-webkit-keyframes dot {
50% {
-webkit-transform: translateX(96px);
transform: translateX(96px);
}
}

@keyframes dot {
50% {
-webkit-transform: translateX(96px);
transform: translateX(96px);
}
}

@-webkit-keyframes dots {
50% {
-webkit-transform: translateX(-31px);
transform: translateX(-31px);
}
}

@keyframes dots {
50% {
-webkit-transform: translateX(-31px);
transform: translateX(-31px);
}
}

.preloader-inner {
position: relative;
width: 142px;
height: 40px;
background: transparent;
}

.preloader-inner .dot {
position: absolute;
width: 16px;
height: 16px;
top: 12px;
left: 15px;
background: #7453fc;
border-radius: 50%;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation: dot 2.8s infinite;
animation: dot 2.8s infinite;
}

.preloader-inner .dots {
-webkit-transform: translateX(0);
transform: translateX(0);
margin-top: 12px;
margin-left: 31px;
-webkit-animation: dots 2.8s infinite;
animation: dots 2.8s infinite;
}

.preloader-inner .dots span {
display: block;
float: left;
width: 16px;
height: 16px;
margin-left: 16px;
background: #7453fc;
border-radius: 50%;
}

/*
---------------------------------------------
Header Style
---------------------------------------------
*/

.background-header {
background-color: #fff !important;
height: 70px!important;
position: fixed!important;
top: 0!important;
left: 0;
right: 0;
box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
}

.header-area {
background-color: transparent;
position: absolute;
height: 70px;
top: 30px;
left: 0;
right: 0;
z-index: 100;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
}

.header-area .main-nav {
min-height: 80px;
background: transparent;
display: flex;
background-color: #fff;
padding: 15px 30px;
border-radius: 50px;
}

.background-header .main-nav {
padding: 0px;
background-color: transparent;
}

.header-area .main-nav .logo {
flex-basis: 30%;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

.header-area .main-nav .logo img {
width: 223px;
}

.background-header .main-nav .logo {
margin-top: 8px;
}

.background-header .main-nav .logo img {
width: 180px;
}

.header-area .main-nav .nav {
display: inline-flex;
flex-basis: 70%;
justify-content: flex-end;
vertical-align: middle;
text-align: right;
margin-top: 15px;
margin-right: 0px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
position: relative;
z-index: 999;
}

.header-area .main-nav .nav li {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
}

.header-area .main-nav .nav li a {
display: block;
font-weight: 500;
font-size: 14px;
text-transform: capitalize;
color: #2a2a2a;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border: transparent;
padding: 8px 15px;
border-radius: 18px;
letter-spacing: 1px;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li:last-child a:hover,
.background-header .main-nav .nav li.has-sub ul.sub-menu li:last-child a:hover {
padding-left: 25px !important;
}

.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
color: #fff;
background-color: #7453fc;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
color: #fff;
opacity: 1;
}

.header-area .main-nav .nav li.has-sub {
position: relative;
padding-right: 15px;
}

.header-area .main-nav .menu-trigger {
cursor: pointer;
display: block;
position: absolute;
top: 33px;
width: 32px;
height: 40px;
text-indent: -9999em;
z-index: 99;
right: 20px;
display: none;
}

.background-header .main-nav .menu-trigger {
top: 17px;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
background-color: #7453fc;
display: block;
position: absolute;
width: 30px;
height: 2px;
left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
background-color: #7453fc;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
background-color: #7453fc;
display: block;
position: absolute;
width: 30px;
height: 2px;
left: 0;
width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
background-color: #7453fc;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
content: "";
}

.header-area .main-nav .menu-trigger span {
top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
-moz-transform-origin: 33% 100%;
-ms-transform-origin: 33% 100%;
-webkit-transform-origin: 33% 100%;
transform-origin: 33% 100%;
top: -10px;
z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
-moz-transform-origin: 33% 0;
-ms-transform-origin: 33% 0;
-webkit-transform-origin: 33% 0;
transform-origin: 33% 0;
top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
background-color: transparent;
width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
-moz-transform: translateY(6px) translateX(1px) rotate(45deg);
-ms-transform: translateY(6px) translateX(1px) rotate(45deg);
-webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
transform: translateY(6px) translateX(1px) rotate(45deg);
background-color: #7453fc;
}

.background-header .main-nav .menu-trigger.active span:before {
background-color: #7453fc;
}

.header-area .main-nav .menu-trigger.active span:after {
-moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
-ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
-webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
transform: translateY(-6px) translateX(1px) rotate(-45deg);
background-color: #7453fc;
}

.background-header .main-nav .menu-trigger.active span:after {
background-color: #7453fc;
}

.header-area.header-sticky {
min-height: 70px;
}

.header-area.header-sticky .nav li a.active {
color: #fff;
}

@media (max-width: 1200px) {
.header-area .main-nav .nav li {
padding-left: 10px;
padding-right: 10px;
}
.header-area .main-nav:before {
display: none;
}
}

@media (max-width: 992px) {
.header-area {
top: 0;
}
.header-area .main-nav {
background-color: transparent;
border-radius: 0px;
}
.header-area .main-nav .nav {
height: auto;
flex-basis: 100%;
}
.header-area .main-nav .logo {
position: absolute;
left: 30px;
top: 15px;
}
.background-header .main-nav .logo {
top: 0px;
}
.background-header .main-nav .border-button {
top: 0px !important;
}
.header-area .main-nav .border-button {
position: absolute;
top: 15px;
right: 70px;
}
.header-area.header-sticky .nav li a:hover,
.header-area.header-sticky .nav li a.active {
color: #7453fc!important;
opacity: 1;
}
.header-area.header-sticky .nav li.search-icon a {
width: 100%;
}
.header-area {
background-color: #f7f7f7;
padding: 0px 15px;
height: 100px;
box-shadow: none;
text-align: center;
}
.header-area .container {
padding: 0px;
}
.header-area .logo {
margin-left: 0px;
}
.header-area .menu-trigger {
display: block !important;
}
.header-area .main-nav {
overflow: hidden;
}
.header-area .main-nav .nav {
float: none;
width: 100%;
display: none;
-webkit-transition: all 0s ease 0s;
-moz-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
margin-left: 0px;
}
.header-area.header-sticky .nav {
margin-top: 85px !important;
text-align: center;
}
.background-header.header-sticky .nav {
margin-top: 70px !important;
}
.header-area .main-nav .nav li:first-child {
border-top: 1px solid #eee;
}
.header-area .main-nav .nav li {
width: 100%;
background: #fff;
border-bottom: 1px solid #eee;
padding-left: 0px !important;
padding-right: 0px !important;
}
.header-area .main-nav .nav li a {
height: 50px !important;
line-height: 50px !important;
padding: 0px !important;
border: none !important;
background: #fff !important;
color: #1e1e1e !important;
}
.header-area .main-nav .nav li a:hover {
background: #fff !important;
color: #7453fc!important;
}
.header-area .main-nav .nav li.has-sub ul.sub-menu {
position: relative;
visibility: inherit;
opacity: 1;
z-index: 1;
transform: translateY(0%);
top: 0px;
width: 100%;
box-shadow: none;
height: 0px;
transition: all 0s;
}
.header-area .main-nav .nav li.submenu ul li a {
font-size: 12px;
font-weight: 400;
}
.header-area .main-nav .nav li.submenu ul li a:hover:before {
width: 0px;
}
.header-area .main-nav .nav li.has-sub ul.sub-menu {
height: auto;
}
.header-area .main-nav .nav li.has-sub:after {
color: #3B566E;
right: 30px;
font-size: 14px;
top: 15px;
}
.header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
height: 0px;
}
}

/*
---------------------------------------------
Banner Style
---------------------------------------------
*/

.main-banner {
background-image: url(../images/banner-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding-top: 290px;
padding-bottom: 240px;
background-color: #2a2a2a;
}

.main-banner h6 {
font-size: 20px;
margin-bottom: 15px;
font-weight: 500;
letter-spacing: 0.5px;
}

.main-banner h2 {
color: #fff;
font-size: 50px;
font-weight: 700;
line-height: 66px;
text-transform: uppercase;
}

.main-banner p {
margin-top: 20px;
}

.main-banner .buttons {
margin-top: 30px;
display: flex;
justify-content: start;
}

.main-banner .border-button {
margin-right: 15px;
}

.main-banner .owl-banner {
margin-top: -40px;
}

.main-banner .owl-nav {
position: absolute;
width: 100%;
margin: 0 auto;
bottom: -76px;
text-align: center;
}

.main-banner .owl-nav .owl-prev {
margin-right: 7.5px;
}

.main-banner .owl-nav .owl-next {
margin-left: 7.5px;
}

.main-banner .owl-nav .owl-prev span,
.main-banner .owl-nav .owl-next span {
width: 46px;
height: 46px;
line-height: 46px;
font-size: 24px;
display: inline-block;
color: #7453fc;
background-color: #fff;
border-radius: 50%;
opacity: 1;
transition: all .3s;
}

.main-banner .owl-nav .owl-prev span:hover,
.main-banner .owl-nav .owl-next span:hover {
opacity: 1;
}

/*
---------------------------------------------
Categories & Collections Style
---------------------------------------------
*/

.categories-collections {
background-image: url(../images/dark-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 120px 0px 150px 0px;
position: relative;
}

.categories-collections:after {
background-image: url(/assets/images/category-collection-dec.png);
width: 300px;
height: 282px;
position: absolute;
bottom: 0;
right: 30px;
content: '';
}

.categories .item {
background-color: #282b2f;
text-align: center;
padding: 30px;
border-radius: 20px;
border: 1px solid #404245;
position: relative;
}

.categories .item .icon {
width: 62px;
height: 62px;
display: inline-block;
text-align: center;
line-height: 62px;
background-color: #fff;
border-radius: 50%;
}

.categories .item .icon img {
max-width: 31px;
}

.categories .item h4 {
margin-top: 15px;
font-size: 20px;
}

.categories .item .icon-button a {
display: inline-block;
width: 46px;
height: 46px;
line-height: 46px;
background-color: #fff;
color: #7453fc;
border-radius: 50%;
font-size: 18px;
position: absolute;
left: 50%;
bottom: -23px;
transform: translateX(-23px);
transition: all .3s;
opacity: 0;
visibility: hidden;
}

.categories .item .icon-button a:hover {
background-color: #7453fc;
color: #fff;
}

.categories .item:hover .icon-button a {
visibility: visible;
opacity: 1;
}

.collections {
margin-top: 140px;
}

.collections .item img {
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}

.collections .item .down-content {
background-color: #282b2f;
border: 1px solid #404245;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
padding: 30px;
}

.collections .item .down-content h4 {
font-size: 20px;
border-bottom: 1px solid rgba(255,255,255,0.2);
margin-bottom: 20px;
padding-bottom: 20px;
}

.collections .item {
padding-bottom: 60px;
}

.collections .item span {
color: #fff;
display: inline-block;
width: 48%;
font-size: 15px;
}

.collections .item span strong {
font-size: 20px;
}

.collections .item span.category {
text-align: right;
}

.collections .item .main-button a {
width: 100%;
text-align: center;
}

.collections .item .main-button {
margin-top: 20px;
margin-bottom: -60px;
}

.collections .item .main-button a:hover {
background-color: #fff;
border: 1px solid #fff;
color: #7453fc;
}

.collections .owl-nav {
position: absolute;
width: 100%;
margin: 0 auto;
top: 50%;
transform: translateY(-50px);
text-align: center;
}

.collections .owl-nav .owl-prev {
position: absolute;
left: -23px;
}

.collections .owl-nav .owl-next {
position: absolute;
right: -23px;
}

.collections .owl-nav .owl-prev span,
.collections .owl-nav .owl-next span {
width: 46px;
height: 46px;
line-height: 46px;
font-size: 24px;
display: inline-block;
color: #7453fc;
background-color: #fff;
border-radius: 50%;
opacity: 1;
transition: all .3s;
}

.collections .owl-nav .owl-prev span:hover,
.collections .owl-nav .owl-next span:hover {
opacity: 1;
}

/*
---------------------------------------------
Create NFT Style
---------------------------------------------
*/

.create-nft {
background-image: url(../images/main-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 120px 0px;
position: relative;
}

.create-nft .section-heading .line-dec {
margin-left: 0%;
background-color: #fff;
}

.create-nft .section-heading {
text-align: left;
margin-bottom: 50px;
}

.create-nft .main-button {
text-align: right;
}

.create-nft .item {
margin-top: 30px;
position: relative;
}

.create-nft .first-item .number {
position: absolute;
right: 0;
top: -20px;
}

.create-nft .first-item:after {
position: absolute;
width: 1px;
height: 95%;
background-color: rgba(255, 255, 255, 0.2);
content: '';
right: 5px;
top: 5%;
}

.create-nft .second-item .number {
position: absolute;
right: 0;
top: -20px;
}

.create-nft .second-item:after {
position: absolute;
width: 1px;
height: 95%;
background-color: rgba(255, 255, 255, 0.2);
content: '';
right: 5px;
top: 5%;
}

.item .icon {
width: 62px;
height: 62px;
display: inline-block;
text-align: center;
line-height: 62px;
background-color: #fff;
border-radius: 50%;
}

.create-nft .item .icon img {
max-width: 31px;
}

.create-nft h4 {
font-size: 20px;
margin-top: 30px;
margin-bottom: 15px;
}

.create-nft p {
margin-right: 30px;
}

.create-nft .item a {
color: #3CF;
}

/*
---------------------------------------------
Currently Market Style
---------------------------------------------
*/

.currently-market {
background-image: url(../images/dark-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 120px 0px;
position: relative;
}

.currently-market-item {
width: 45%;
margin: 0 auto;
}

.currently-market .section-heading {
text-align: left;
}

.currently-market .section-heading .line-dec {
margin-left: 0;
}

.currently-market .filters {
text-align: right;
}

.currently-market .filters ul li {
display: inline-block;
margin-left: 10px;
font-size: 15px;
color: #fff;
font-weight: 500;
padding: 8px 15px;
border-radius: 20px;
cursor: pointer;
transition: all .3s;
}

.currently-market .filters ul li:first-child {
margin-left: 0px;
}

.currently-market .filters ul li.active,
.currently-market .filters ul li:hover {
background-color: #7453fc;
}

.currently-market .item {
background-color: #282b2f;
border: 1px solid #404245;
border-radius: 20px;
padding: 30px;
display: flex;
margin-bottom: 30px;
}

.currently-market .item .right-content {
margin-left: 30px;
width: 100%;
}

.currently-market .item .right-content h4 {
font-size: 20px;
margin-bottom: 25px;
}

.currently-market .item .right-content span.author {
display: flex;
margin-bottom: 25px;
}

.currently-market .item .right-content span.author img {
margin-right: 15px;
}

.currently-market .item .right-content span.author h6 {
font-size: 15px;
font-weight: 400;
line-height: 25px;
}

.currently-market .item .right-content span.author a {
color: #7453fc;
font-weight: 700;
margin-top: 5px;
}

.currently-market .item span {
color: #fff;
display: inline-block;
font-size: 15px;
}

.currently-market .item .line-dec {
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.2);
margin-bottom: 25px;
margin-top: 30px;
}

.currently-market .item span strong {
font-size: 20px;
}

.currently-market .item span.bid {
line-height: 35px;
}

.currently-market .item span.bid em,
.currently-market .item span.ends em {
font-style: normal;
}

.currently-market .item span.ends {
text-align: right;
float: right;
line-height: 35px;
}

.currently-market .item .text-button {
margin-top: 40px;
}

.currently-market .item .text-button a {
font-size: 15px;
font-weight: 700;
color: #7453fc;
border-bottom: 1px solid #7453fc;
}

/*
---------------------------------------------
Footer Style
---------------------------------------------
*/

footer
{
position: relative;
width: 100%;
background: #3586ff;
min-height: 100px;
padding: 20px 50px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
footer .social_icon, footer .menu
{
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 10px 0;
flex-wrap: wrap;
}
footer .social_icon li, footer .menu li
{
list-style: none;
}
footer .social_icon li a{
font-size: 2em;
color: #fff;
margin: 0 10px;
display: inline-block;
transition: 0.5s;
}
footer .social_icon li a:hover
{
transform: translateY(-10px);
}
footer .menu li a , footer p a
{
font-size: 1.2em;
color: #fff;
margin: 0 10px;
display: inline-block;
text-decoration: none;
}
footer .menu li a:hover
{
opacity: 1;
}
footer p {
color: #fff;
text-align: center;
margin-top: 15px;
margin-bottom: 10px;
font-size: 1.1em;
}
footer .wave
{
position: absolute;
top: -100px;
left: 0;
width: 100%;
height: 100px;
background: url(wave.png);
background-size: 1000px 100px;
}
footer .wave#wave1
{
z-index : 1000;
opacity: 1;
bottom: 0;
animation: animateWave 4s linear infinite;
}
footer .wave#wave2
{
z-index : 999;
opacity: 0.5;
bottom: 10px;
animation: animateWave_02 4s linear infinite;
}

footer .wave#wave3
{
z-index : 1000;
opacity: 0.2;
bottom: 15px;
animation: animateWave 3s linear infinite;
}
footer .wave#wave4
{
z-index : 999;
opacity: 0.7;
bottom: 20px;
animation: animateWave_02 3s linear infinite;
}

@keyframes animateWave
{
0%
{
background-position-x: 1000px;
}
100%
{
background-position-x: 0px
}
}
@keyframes animateWave_02
{
0%
{
background-position-x: 0px;
}
100%
{
background-position-x: 1000px
}
}

/*
---------------------------------------------
Page Heading Style
---------------------------------------------
*/

.normal-space {
padding: 250px 0px 120px 0px !important;
}

.page-heading {
background-image: url(../images/heading-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding-top: 250px;
text-align: center;
background-color: #2a2a2a;
}

.page-heading h6 {
font-size: 20px;
margin-bottom: 15px;
font-weight: 500;
letter-spacing: 0.5px;
}

.page-heading h2 {
color: #fff;
font-size: 50px;
font-weight: 700;
line-height: 66px;
text-transform: uppercase;
}

.page-heading span {
color: #8a75da;
font-size: 15px;
}

.page-heading span a {
color: #fff;
}

.page-heading .buttons {
margin-top: 35px;
display: flex;
justify-content: center;
}

.page-heading .buttons .main-button {
margin-right: 15px;
}

.page-heading .buttons .border-button {
margin-left: 15px;
}

/*
---------------------------------------------
Explore Style
---------------------------------------------
*/

.featured-explore {
margin-top: 60px;
margin-bottom: -300px;
}

.featured-explore .owl-features {
min-height: 100%;
}

.featured-explore .item .thumb {
position: relative;
overflow: hidden;
}

.featured-explore .item .thumb:hover .hover-effect {
visibility: visible;
opacity: 1;
right: 30px;
}

.featured-explore .item .thumb .hover-effect {
position: absolute;
right: -100%;
bottom: 30px;
padding: 30px 40px;
border-radius: 20px;
border: 1px solid rgba(64, 66, 69, 0.9);
background-color: rgba(40, 43, 47, 0.9);
opacity: 0;
visibility: hidden;
transition: all .5s;
}

.featured-explore .item .hover-effect .content h4 {
font-size: 20px;
margin-bottom: 25px;
}

.featured-explore .item .hover-effect .content span.author {
display: flex;
margin-bottom: 0px;
}

.featured-explore .item .hover-effect .content span.author img {
margin-right: 15px;
}

.featured-explore .item .hover-effect .content span.author h6 {
font-size: 15px;
font-weight: 400;
line-height: 25px;
text-align: left;
}

.featured-explore .item .hover-effect .content span.author a {
color: #7453fc;
font-weight: 700;
margin-top: 5px;
}

.featured-explore .owl-nav {
position: absolute;
width: 100%;
margin: 0 auto;
top: 50%;
transform: translateY(-23px);
text-align: center;
}

.featured-explore .owl-nav .owl-prev {
position: absolute;
left: 30px;
}

.featured-explore .owl-nav .owl-next {
position: absolute;
right: 30px;
}

.featured-explore .owl-nav .owl-prev span,
.featured-explore .owl-nav .owl-next span {
width: 46px;
height: 46px;
line-height: 46px;
font-size: 22px;
font-weight: 700;
display: inline-block;
color: #7453fc;
background-color: #fff;
border-radius: 50%;
opacity: 0.5;
transition: all .3s;
}

.featured-explore .owl-nav .owl-prev span:hover,
.featured-explore .owl-nav .owl-next span:hover {
opacity: 1;
}

.discover-items {
background-image: url(../images/dark-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 400px 0px 120px 0px;
position: relative;
}

.discover-items .section-heading {
text-align: left;
}

.discover-items .section-heading .line-dec {
margin-left: 0;
}

.discover-items #search-form {
margin-top: 15px;
}

.discover-items #search-form input,
.discover-items #search-form select {
width: 100%;
height: 46px;
outline: none;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 23px;
background-color: transparent;
padding: 0px 15px;
font-size: 14px;
color: #fff;
}

.discover-items #search-form select {
cursor: pointer;
}

.discover-items #search-form select option {
background-color: #2a2a2a;
}

.discover-items #search-form input:laceholder,
.discover-items #search-form select:laceholder {
color: #fff;
}

.discover-items #search-form button {
font-size: 14px;
color: #fff;
background-color: #7453fc;
border: 1px solid #7453fc;
height: 46px;
line-height: 46px;
text-align: center;
width: 100%;
display: inline-block;
border-radius: 25px;
font-weight: 500;
text-transform: capitalize;
letter-spacing: 0.5px;
transition: all .3s;
position: relative;
overflow: hidden;
}

.discover-items #search-form button:after {
width: 78%;
height: 2px;
background-color: #fff;
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}

.discover-items #search-form button:hover {
background-color: #fff;
color: #7453fc;
border: 1px solid #fff;
}

.discover-items .item span.banner {
font-size: 15px;
background-color: #7453fc;
color: #fff;
font-weight: 500;
padding: 5px 15px;
display: inline-block;
position: absolute;
border-radius: 16px;
left: 50%;
transform: translateX(-50%);
top: -16px;
}

.discover-items .item span.author {
display: inline-flex;
width: 100%;
}

.discover-items .item span.author img {
margin: 0 auto;
position: relative;
z-index: 2;
}

.discover-items .item img {
margin-top: -32px;
position: relative;
z-index: 1;
}

.discover-items .item h4 {
font-size: 20px;
margin-top: 30px;
}

.discover-items .item .line-dec {
width: 100%;
height: 1px;
background-color: rgba(255,255,255,0.2);
margin: 30px 0px;
}

.discover-items .item {
background-color: #282b2f;
border: 1px solid #404245;
padding: 30px;
border-radius: 20px;
position: relative;
margin-bottom: 52px;
}

.discover-items .item span {
color: #fff;
display: inline-block;
font-size: 15px;
}

.discover-items .item span strong {
font-size: 20px;
}

.discover-items .item span.category {
text-align: right;
}

.discover-items .item .main-button {
margin-top: 20px;
margin-bottom: -60px;
text-align: center;
}

.top-seller {
background-image: url(../images/main-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 120px 0px 90px 0px;
position: relative;
}

.top-seller .section-heading .line-dec {
background-color: #fff;
}

.top-seller .item {
display: flex;
margin-bottom: 30px;
}

.top-seller .item img {
margin-right: 15px;
}

.top-seller .item h4 {
font-size: 20px;
margin-top: 12px;
margin-right: 10px;
}

.top-seller .item h6 {
font-size: 20px;
font-weight: 700;
line-height: 25px;
text-align: left;
}

.top-seller .item a {
font-size: 14px;
cursor: auto;
color: #fff;
font-weight: 400;
margin-top: 5px;
}

/*
---------------------------------------------
Details Page Style
---------------------------------------------
*/

.item-details-page {
background-image: url(../images/dark-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 120px 0px 120px 0px;
position: relative;
}

.item-details-page:after {
background-image: url(/assets/images/category-collection-dec.png);
width: 300px;
height: 282px;
position: absolute;
bottom: 0;
right: 30px;
content: '';
z-index: 1;
}

.item-details-page .left-image {
margin-right: 30px;
}

.item-details-page h4 {
font-size: 20px;
margin-bottom: 25px;
}

.item-details-page span.author {
display: flex;
margin-bottom: 30px;
}

.item-details-page span.author img {
margin-right: 15px;
}

.item-details-page span.author h6 {
font-size: 15px;
font-weight: 400;
line-height: 25px;
}

.item-details-page span.author a {
color: #7453fc;
font-weight: 700;
margin-top: 5px;
}

.item-details-page p {
margin-bottom: 30px;
}

.item-details-page span {
color: #fff;
display: inline-block;
font-size: 15px;
}

.item-details-page span strong {
font-size: 20px;
color: #7453fc;
}

.item-details-page p {
position: relative;
z-index: 2;
}

.item-details-page span.bid,
.item-details-page span.owner,
.item-details-page span.ends {
line-height: 35px;
position: relative;
z-index: 2;
}

.item-details-page span.bid em,
.item-details-page span.ends em,
.item-details-page span.owner em {
font-style: normal;
color: #afafaf;
}

.item-details-page form {
margin-top: 40px;
}

.item-details-page form label {
color: #afafaf;
font-size: 15px;
font-weight: 500;
margin-right: 10px;
}

.item-details-page form input {
width: 100px;
height: 46px;
border: 1px solid #7453fc;
outline: none;
border-radius: 23px;
background-color: transparent;
color: #fff;
text-align: center;
margin-right: 15px;
}

.item-details-page form input:laceholder {
color: #fff;
}

.item-details-page button {
font-size: 14px;
color: #fff;
background-color: #7453fc;
border: 1px solid #7453fc;
padding: 12px 30px;
display: inline-block;
border-radius: 25px;
font-weight: 500;
text-transform: capitalize;
letter-spacing: 0.5px;
transition: all .3s;
position: relative;
overflow: hidden;
}

.item-details-page button:after {
width: 50%;
height: 2px;
background-color: #fff;
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}

.item-details-page button:hover {
background-color: #fff;
color: #7453fc;
border: 1px solid #fff;
}

.current-bid {
margin-top: 120px;
}

.current-bid select {
float: right;
width: 150px;
background-color: transparent;
color: #fff;
font-weight: 500;
font-size: 14px;
border: none;
outline: none;
cursor: pointer;
}

.current-bid .mini-heading h4 {
background-color: #7453fc;
display: inline-block;
font-size: 20px;
padding: 10px 20px;
border-radius: 22px;
}

.current-bid .item {
position: relative;
z-index: 2;
margin-top: 30px;
display: flex;
border-radius: 20px;
overflow: hidden;
background-color: #282b2f;
border: 1px solid #404245;
}

.current-bid .item .left-img {
flex-basis: 80%;
display: inline-flex;
}

.current-bid .item .right-content {
padding: 30px;
width: 100%;
}

.current-bid .item .right-content h4 {
font-size: 20px;
margin-bottom: 0px;
}

.current-bid .item .right-content a {
font-size: 15px;
color: #7453fc;
font-weight: 700;
}

.current-bid .item .right-content .line-dec {
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.2);
margin: 25px 0px;
}

.current-bid .item .right-content h6 {
font-size: 15px;
font-weight: 400;
margin-bottom: 8px;
}

.current-bid .item .right-content h6 em {
font-size: 18px;
color: #7453fc;
font-style: normal;
font-weight: 700;
}

.current-bid .item .right-content span.date {
font-size: 15px;
color: #7453fc;
}

/*
---------------------------------------------
Author Page Style
---------------------------------------------
*/

.author-page {
background-image: url(../images/dark-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 120px 0px 120px 0px;
position: relative;
}

.author-page .author {
display: flex;
}

.author-page .author h4 {
margin-top: 60px;
font-size: 20px;
margin-left: 30px;
}

.author-page .author h4 a {
font-size: 15px;
color: #7453fc;
}

.author-page .right-info {
background-color: #282b2f;
border: 1px solid #404245;
padding: 20px 30px;
border-radius: 20px;
margin-left: 100px;
}

.author-page .right-info .info-item {
margin-bottom: 20px;
}

.author-page .right-info i {
color: #7453fc;
font-size: 22px;
}

.author-page .right-info h6 {
font-size: 20px;
color: #7453fc;
margin-top: 4px;
}

.author-page .right-info h6 em {
font-size: 15px;
font-style: normal;
font-weight: 400;
color: #fff;
}

.author-page .right-info h5 {
font-size: 20px;
color: #afafaf;
margin-top: 10px;
}

.author-page .right-info .main-button a {
width: 100%;
text-align: center;
}

.author-page .section-heading {
margin-top: 80px;
text-align: left;
}

.author-page .section-heading .line-dec {
margin-left: 0;
}

.author-page .item span.author {
display: inline-flex;
width: 100%;
}

.author-page .item span.author img {
margin: 0 auto;
position: relative;
z-index: 2;
}

.author-page .item img {
margin-top: -32px;
position: relative;
z-index: 1;
}

.author-page .item h4 {
font-size: 20px;
margin-top: 30px;
}

.author-page .item .line-dec {
width: 100%;
height: 1px;
background-color: rgba(255,255,255,0.2);
margin: 30px 0px;
}

.author-page .item {
background-color: #282b2f;
border: 1px solid #404245;
padding: 30px;
border-radius: 20px;
position: relative;
margin-bottom: 52px;
}

.author-page .item span {
color: #fff;
display: inline-block;
font-size: 15px;
}

.author-page .item span strong {
font-size: 20px;
}

.author-page .item span.category {
text-align: right;
}

.author-page .item .main-button {
margin-top: 20px;
margin-bottom: -60px;
text-align: center;
}

/*
---------------------------------------------
Create Page Style
---------------------------------------------
*/

#contact {
background-color: #37393c;
border-radius: 20px;
padding: 60px 30px;
margin-bottom: 120px;
}

#contact input {
width: 100%;
height: 46px;
text-align: left;
padding: 0px 15px;
background-color: #282b2f;
border: 1px solid #404245;
margin-bottom: 30px;
font-weight: 500;
color: #afafaf;
}

#contact input:laceholder {
color: #afafaf;
}

#contact label {
font-size: 15px;
color: #fff;
margin-bottom: 8px;
}

#contact input#file {
padding: 8px 0px;
background-color: transparent;
border: none;
border-radius: 0px;
}

#contact button {
margin-top: 30px;
width: 100%;
text-align: center;
}

/*
---------------------------------------------
Responsive Style
---------------------------------------------
*/

body {
overflow-x: hidden;
}

@media (max-width: 767px) {
.top-seller .item {
justify-content: center;
}
}

@media (max-width: 992px) {
.main-banner .owl-banner {
margin-top: 80px;
}
.categories .item {
margin-bottom: 35px;
}
.create-nft .section-heading,
.currently-market .section-heading {
text-align: center;
}
.currently-market-item {
width: 100%;
}
.create-nft .section-heading .line-dec,
.currently-market .section-heading .line-dec {
margin: 0 auto;
}
.create-nft .main-button,
.currently-market .filters {
text-align: center;
}
.currently-market .filters {
margin-bottom: 30px;
margin-top: -30px;
}
.create-nft p {
margin-right: 0px;
}
.create-nft .first-item:after,
.create-nft .second-item:after,
.create-nft .first-item .number,
.create-nft .second-item .number {
display: none;
}
.create-nft .item {
text-align: center;
margin-top: 45px;
}
.discover-items #search-form {
margin-bottom: 40px;
margin-top: -30px;
}
.discover-items #search-form fieldset {
margin-bottom: 30px;
}
.top-seller .item h6 {
font-size: 16px;
}
.item-details-page .left-image {
margin-right: 0px;
margin-bottom: 30px;
}
.current-bid select {
float: none;
}
.author-page .author {
justify-content: center;
}
.author-page .right-info {
margin-left: 0px;
margin-top: 30px;
}
}

@media (max-width: 1200px) {

}

pktContianer a:hover,.pktContianer a:focus{color:#fff;text-decoration:none}#pktSection1{float:left;width:100% ;background:#eff2f4;padding:75px 0 0;position:relative}#pktSection2{float:left;width: 100%;background:#fff;padding:0}#pktSection3{float: left;width:100%;background:#fff;padding:70px 0;display:none}#pktSection4{float:left;width:100%; background:#fff;padding:70px 0}#pktSection5{float:left;background:#fff;height:1 px;overflow:hidden;padding:0;width:1px}#pktSection 5.active{width:100%;height:auto;margin:0;overflow: visible;padding:0 0 70px;position:relative;white-space:normal}#pktSection6{float:left;width:100%;ba ckground:#2477eb;padding:50px 0}#pktSection7{float:left;width:100%;background:#e ff2f4;padding:50px 0}.pktContianer{max-width:1715px;margin:0 auto;display:block;position:relative}.pktBtnA{disp lay:inline-block;vertical-align:top;background:#2477eb;border-radius:8px;color:#fff;font-size:16px;font-weight:600;padding:0 25px;line-height:50px;text-decoration:none;transition:all .1s ease-in-out}.pktBtnA:hover,.pktBtnA:focus{background:#02c7 53}.pktBtnANone{display:inline-block;vertical-align:top;background:#fff;border:1px solid #162448;border-radius:8px;color:#152349;font-size:19px;font-weight:600;padding:0 35px;line-height:48px;text-decoration:none;transition:all .1s ease-in-out}.pktBtnANone svg{margin-left:10px;fill:#162448}.pktBtnANone:hover,.pktBtnA None:focus{background:#162448;color:#fff}.pktBtnAN one:hover svg,.pktBtnANone:focus svg{fill:#fff}.paketTitle{float:left;width:100%;te xt-align:center;margin-bottom:50px}.paketTitle .pktTit,.paketTitle .pktAlt,.paketTitle .pktBtn{float:left;width:100%}.paketTitle .pktTit{margin-bottom:10px}.paketTitle .pktAlt{margin-bottom:25px}.paketTitle h1{font-size:40px;line-height:50px;font-weight:700;letter-spacing:-.4px}.paketTitle h2{font-size:22px;font-weight:300;line-height:28px}.paketMarka{float:left;width:100%;text-align:center;margin-bottom:30px}.paketMarka .pktMOwl{float:left;width:100%}.paketMarka .pktMOwl ul .owl-stage-outer{padding:0 7% 0 4%}.paketMarka .pktMOwl ul li{width:220px;display:inline-block;vertical-align:top}.pktTabLik{float:left;width:100%;margin-top:0}.pktTabLik ul{text-align:center;font-size:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:wrap;justify-content:center;-webkit-justify-content:center}.pktTabLik ul li{display:inline-block;vertical-align:top;width:400px;margin:0 -10px}.pktTabLik ul li a{float:left;width:100%;height:100%;color:#152349; font-size:14px;font-weight:300;letter-spacing:-.14px;line-height:22px;padding:17px 0;text-decoration:none;background:#dce3eb;border-radius:15px 15px 0 0;position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;flex-direction:column;-webkit-flex-direction:column;transition:.1s ease-in-out}.pktTabLik ul li a:hover,.pktTabLik ul li a:focus{color:#152349}.pktTabLik ul li a span:nth-child(1){font-size:18px;font-weight:700;letter-spacing:-.18px;line-height:24px}.pktTabLik ul li.active a{background:#fff;z-index:1}.pktTabLik ul li:hover:not(.active) a{background:#7c9ac0;color:#fff}.pktTextMetin{floa t:left;width:100%;padding:60px 0;text-align:center;font-size:24px;line-height:30px;background:#fff}.pktTextMetin .topMsteri{color:#02c753;margin-right:10px}.pktTextMst{float:left;width:100%;paddi ng:60px 0;background:#fff}.pktTextMst .gmobImg{display:none;float:left;width:100%}.pktTe xtMst .gmobImg img{max-width:100%;margin:0 auto;display:block}.pktTextMst .pktGList{float:left;width:100%}.pktTextMst .pktGList ul{float:left;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row;-webkit-flex-direction:row;justify-content:space-between;-webkit-justify-content:space-between}.pktTextMst .pktGList li{float:left}.pktTextMst .pktGList li .glist{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;flex-direction:row;-webkit-flex-direction:row}.pktTextMst .pktGList li .glist .gimg{margin-right:10px;height:48px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}.pktTextMst .pktGList li .glist .gimg svg{max-height:100%}.pktTextMst .pktGList li .glist .gtex{color:#152349;font-size:20px;letter-spacing:-.2px}.pktMinList{float:left;width:100%}.pktMinList .pktMinListUl{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin:0 -5px;flex-direction:row;-webkit-flex-direction:row;flex-wrap:wrap}.pktMinList .pktMinListLi{flex:1;padding:0 5px;flex-basis:0;flex-grow:1}.pktMinList .pktmnDiv{float:left;width:100%;height:100%;paddin g:50px 40px;border:1px solid #dce3eb;border-radius:15px;background:#fff;position:relative;curs or:default;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:flex-start;-webkit-align-items:flex-start;flex-direction:column;-webkit-flex-direction:column}.pktMinList .pktmnDiv .pktDivOzl{position:absolute;top:-1px;left:-1px;right:-1px;text-align:center;color:#f0f0f0;font-size:12px;letter-spacing:2.4px;line-height:15px;border-radius:15px 15px 0 0;padding:13px 0 12px}.pktDivOzl.kckislt{background:#7c9ac0}.pktDiv Ozl.encok{background:#2477eb}.pktMinList .pktmnTop{float:left;width:100%;margin-bottom:20px}.pktMinList .pktmnTop h3{color:#152349;font-size:30px;font-weight:800;line-height:38px}.pktPrice{float:left;width:100%;margin-top:6px}.pktPrice .pktReg{color:#7c9ac0;font-size:18px;text-decoration:line-through;line-height:23px;letter-spacing:-.18px;display:inline-block;vertical-align:top}.pktPrice .pktReg sub{text-decoration:line-through}.pktPrice .pktInd{display:inline-block;vertical-align:top;margin-left:13px;border:1px solid #2477eb;border-radius:5px;line-height:19px;padding:0 10px;color:#2477eb;font-size:9px;font-weight:900;margin-top:1px}.pktPrice .pktHFlexDiv{float:left;width:100%;height:70px;pad ding-top:9px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:flex-start;-webkit-align-items:flex-start;justify-content:center;-webkit-justify-content:center;flex-direction:column;-webkit-flex-direction:column}.pktPrice .pktTks{float:left;width:100%;color:#152349;font-size:21px;font-weight:800;letter-spacing:-.42px;line-height:26px;margin-bottom:3px}.pktPrice .pktTks span{display:inline-block;vertical-align:baseline}.pktPrice .pktTksFyt{font-weight:900;font-size:28px;letter-spacing:-.56px;line-height:35px;margin-right:4px}.pktPrice .pktYil{float:left;width:100%;color:#7c9ac0;font-size:14px;font-weight:800;letter-spacing:-.14px}.pktPrice .pktYil span{display:inline-block;vertical-align:baseline}.pktPrice .pktYilFyt{font-size:18px;font-weight:900;line-height:23px;letter-spacing:-.18px;margin-right:4px}.pktPrice .pktFytDurum{margin-left:4px}.Prof .pktPrice .pktHFlexDiv{flex-direction:column-reverse;-webkit-flex-direction:column-reverse;padding-top:0}.Prof .pktPrice .pktFytDurum{display:none}.Prof .pktPrice .pktYil{color:#152349;font-size:24px;letter-spacing:-.24px;margin-bottom:7px}.Prof .pktPrice .pktYilFyt{font-size:36px;line-height:45px;letter-spacing:-.36px}.Prof .pktPrice .pktTks{font-size:14px;color:#7c9ac0;letter-spacing:-.14px;line-height:18px;margin-bottom:0}.Prof .pktPrice .pktTksFyt{font-size:14px;line-height:18px}.PaketlerContent .Prof .pktPrice .pktHFlexDiv{height:60px;margin-bottom:7px}.PaketlerContent .Prof .pktPrice .pktYil{font-size:17px;margin-bottom:6px}.PaketlerContent .Prof .pktPrice .pktYilFyt{font-size:25px;line-height:31px}.PaketlerContent .Prof .pktPrice .pktTks{font-size:13px;line-height:17px;font-weight:700}.PaketlerContent .Prof .pktPrice .pktTksFyt{font-weight:700;font-size:13px;line-height:17px}.pktMinList .pktmnMid{float:left;width:100%;margin-bottom:35px}.pktMinList .pktmnBot{float:left;width:100%;height:100%;displa y:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.pktMinList .pktaraBtn{max-width:250px;margin:0 auto}.pktMinList .pktaraBtn a{float:left;width:100%;text-align:center;text-decoration:none;background:#dce3eb;border-radius:5px;line-height:18px;padding:9px 0 8px;color:#152349;font-size:14px;font-weight:700;transition:.1s ease-in-out}.pktMinList .pktaraBtn a:hover,.pktMinList .pktaraBtn a:focus{background:#02c753;color:#fff}.pktMinList .pktMinListText{float:left;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column}.pktMinList .pktEkTxt{color:#152349;letter-spacing:-.14px;line-height:18px;font-size:14px;margin-bottom:17px;font-weight:800;float:left;width:100%}.pktMinList .tmozBtn{float:left;width:100%;margin-top:auto}.pktMinList .tmozBtn a{color:#2477eb;font-size:14px;text-decoration:underline;font-weight:800;line-height:18px}.pktMinList .pktMinListText ul{float:left;width:100%;margin-bottom:25px}.pktMinList .pktMinListText ul li{color:#152349;letter-spacing:-.14px;line-height:18px;font-size:14px;margin-bottom:17px}.pktMinList .pktMinListText ul li svg{width:13px;margin-right:10px}.pktMinList .pktMinListText ul li:last-child{margin-bottom:0}.pktMinList .tmPaktBtn{float:left;width:100%;margin-top:30px;text-align:center}.pktMinList .centerProfTex .pktMinListLi{text-align:center}.pktSihirbaz{float:left;width:100%}.p ktSihirbaz ul{margin:0 -5px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row;-webkit-flex-direction:row}.pktSihirbaz ul li{float:left;width:50%;padding:0 5px}.pktSihirbaz .pktshr{float:left;width:100%;height:100%;backgrou nd:#eff2f4;border-radius:15px;padding:45px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row;-webkit-flex-direction:row;align-items:flex-start;-webkit-align-items:flex-start;justify-content:center;-webkit-justify-content:center}.pktSihirbaz .pktshrLeft{float:left;width:175px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:flex-start;-webkit-align-items:flex-start;justify-content:center;-webkit-justify-content:center}.pktSihirbaz .pktshrRight{float:left;width:calc(100% - 200px);height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-grow:1;flex-direction:column;-webkit-flex-direction:column;align-items:flex-start;-webkit-align-items:flex-start}.pktSihirbaz .pktShtit{float:left;width:100%;margin-bottom:20px}.pktSihirbaz .pktShtit h3{color:#152349;font-size:28px;line-height:35px}.pktSihirbaz .pktShtext{float:left;width:100%;color:#152349;fon t-size:20px;font-weight:300;line-height:28px;margin-bottom:40px}.pktSihirbaz .pktShBtn{margin-top:auto}.pktSihirbaz .pktShBtn a{float:left;background:#2477eb;color:#fff;border-radius:8px;font-size:15px;font-weight:600;line-height:20px;padding:10px 35px;text-decoration:none;transition:.1s ease-in-out}.pktSihirbaz .pktShBtn a:hover,.pktSihirbaz .pktShBtn a:focus{background:#02c753}.visuallyhidden{border: 0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;wi dth:1px;white-space:nowrap}.PaketlerContent{float:left;width:100 %}.PaketlerContent .paketTable{float:left;width:100%}.PaketlerContent .paketTable.ProfTable .paket_Table tbody th{width:15%}.PaketlerContent .paket_Table{border-spacing:0;border-collapse:collapse;-webkit-text-size-adjust:100%;width:100%}.PaketlerContent .paket_Table .paketTable_Property.true{display:table-row}.PaketlerContent .paket_Table .paketTable_Property.false{display:none}.PaketlerC ontent .paket_Table th,.PaketlerContent .paket_Table td{padding:21px 16px 20px;border:1px solid #dce3eb}.PaketlerContent .paket_Table th{background:#eff2f4;font-weight:400}.PaketlerContent .paket_Table thead th{vertical-align:top;padding:36px 5.3px}.PaketlerContent .paket_Table th.head_name{background:0 0;padding-bottom:20px;position:relative}.PaketlerContent .paket_Table th>p{padding:0;margin:0;color:#152349;font-size:26px;font-weight:800;letter-spacing:-.26px;line-height:33px}.PaketlerContent .paket_Table tbody th,.PaketlerContent .paket_Table tbody td{text-align:left}.PaketlerContent .paket_Table tbody td{width:10%;text-align:center}.PaketlerContent .paket_Table tbody th{width:25%}.PaketlerContent .paket_Table th[scope=row]{background-color:transparent}.PaketlerContent .paket_Table th.paketTable_label{border-top:none;padding-left:0;padding-right:5%;padding-bottom:10px;border-left:none;text-align:left}.PaketlerContent .paket_Table .pktDivOzl{position:absolute;top:0;left:10px;right :10px;border-radius:0 0 10px 10px;color:#f0f0f0;font-size:8px;letter-spacing:1.6px;line-height:10px;padding:6px 0 5px}.PaketlerContent .pktLablDiv{float:left;width:100%}.PaketlerContent .pktLablDiv dl{padding:0;margin:0;color:#152349}.PaketlerConte nt .pktLablDiv dt{font-size:32px;line-height:40px;letter-spacing:-.32px;font-weight:800;margin-bottom:10px}.PaketlerContent .pktLablDiv dd{font-size:16px;font-weight:300;line-height:22px;padding:0;margin:0}.PaketlerContent .paket_Table td.paketTable_price{border-top:none;padding-top:0;padding-bottom:35px}.PaketlerContent .pktaraBtn{max-width:250px;margin:0 auto;width:100%}.PaketlerContent .pktaraBtn a{float:left;width:100%;text-align:center;text-decoration:none;background:#dce3eb;border-radius:5px;line-height:16px;padding:9px 0 8px;color:#152349;font-size:13px;font-weight:800;transition:.1s ease-in-out}.PaketlerContent .pktaraBtn a:hover,.PaketlerContent .pktaraBtn a:focus{background:#02c753;color:#fff}.PaketlerCon tent .paket_Table .paketTable_Search_Filter th{background:#dce3eb;padding:10px}.PaketlerConten t .paketTable_SearchDiv{float:left;width:440px;posit ion:relative}.PaketlerContent .paketTable_SearchDiv #paketArama{float:left;width:100%;background:#fff; border-radius:10px;height:30px;padding:0 40px 0 20px;color:#000;font-size:14px;font-weight:300;border:none}.PaketlerContent .paketTable_SearchDiv #paketArama::-webkit-input-placeholder{color:#7c9ac0}.PaketlerContent .paketTable_SearchDiv #paketArama:-moz-placeholder{color:#7c9ac0}.PaketlerContent .paketTable_SearchDiv #paketArama::-moz-placeholder{color:#7c9ac0}.PaketlerContent .paketTable_SearchDiv #paketArama:-ms-input-placeholder{color:#7c9ac0}.PaketlerContent .paketTable_SearchDiv #paketArama:focus{color:#000}.PaketlerContent .paketTable_SearchDiv .buttonSearch{position:absolute;right:0;top:0;bott om:0;cursorointer;width:40px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}.PaketlerContent .paketTable_FilterDiv{float:right;margin-right:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}.PaketlerContent .paketTable_FilterDiv .FilterTex{float:left;color:#152349;font-size:14px;margin-left:15px;line-height:30px}.PaketlerContent .paketTable_FilterDiv .switchBTn{float:left;position:relative}.PaketlerC ontent .paketTable_FilterDiv .switchDiv{width:44px;float:left;height:22px;borde r-radius:50px;background:#7c9ac0;transition:backgrou nd .2s ease-in-out}.PaketlerContent .paketTable_FilterDiv .switchTog{position:absolute;left:2px;top:2px;bott om:2px;right:auto;width:18px;background:#fff;borde r-radius:100%;transition:left .2s ease-in-out}.PaketlerContent .paketTable_FilterDiv .active .switchDiv{background:#02c753}.PaketlerContent .paketTable_FilterDiv .active .switchTog{left:calc(100% - 20px)}.PaketlerContent .paketTable_FilterDiv .switchInput{position:absolute;left:0;top:0;bottom :0;right:0;cursorointer;z-index:1;width:100%;margin:0;padding:0;height:100%; opacity:0}.PaketlerContent .paketTable_head_section{color:#152349;font-size:22px;line-height:28px;font-weight:800}.PaketlerContent .paketTable_name dl{padding:0;margin:0;color:#152349}.PaketlerConte nt .paketTable_name dt{font-size:15px;line-height:19px;font-weight:700}.PaketlerContent .paketTable_name dd{padding:0;margin:0;color:#7c9ac0;font-size:11px;line-height:14px;letter-spacing:-.11px}.PaketlerContent .toolBtn{display:inline-block;vertical-align:top;width:16px;height:16px;margin-top:3px;cursorointer;margin-left:5px;position:relative}.PaketlerContent th .toolBtn{margin-top:2px}.PaketlerContent .toolBtn:hover svg circle{fill:#02c753}.PaketlerContent .toolBtn:hover .toolBtntip{display:block}.PaketlerContent .toolBtn .toolBtntip{position:absolute;left:calc(100% + 20px);top:0;background:#fff;box-shadow:2px 2px 6px rgba(0,0,0,.16);color:#152349;font-size:11px;line-height:14px;padding:9px;width:150px;font-weight:400;text-align:left;display:none;z-index:2}.PaketlerContent .toolBtn .toolBtntip:after{right:100%;top:0;border:solid transparent;content:"";height:0;width:0;position:a bsolute;border-color:transparent;border-right-color:#f5f5f5;border-width:10px;margin-top:0;z-index:1}.PaketlerContent .toolBtn .toolBtntip:before{content:'';position:absolute;to p:0;left:-30px;bottom:0;width:30px}.PaketlerContent .toolBtn .toolBtntip a{color:#02c753;font-size:11px}.PaketlerContent .toolBtn.istek .toolBtntip{width:140px}.PaketlerContent .paketTable_value{color:#152349;font-size:15px;font-weight:300;line-height:19px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}.PaketlerContent th .videoIcoHref{display:inline-block;vertical-align:top;width:16px!important;height:16px!importa nt;margin-top:3px;cursorointer;margin-left:5px;position:relative;background:url(Componen t326.svg) no-repeat center center}.PaketlerContent .paket_Table tbody td:last-child .toolBtn .toolBtntip{right:0;left:auto;top:25px}.PaketlerCo ntent .paket_Table tbody td:last-child .toolBtn .toolBtntip:before{top:-25px;left:0;width:100%;right:0;bottom:auto;height: 25px}.PaketlerContent .paket_Table tbody td:last-child .toolBtn .toolBtntip:after{display:none}.PaketlerContent .paket_Table thead.fixed{position:fixed;left:0;top:-100%;right:0;margin:0 auto;max-width:1715px;transition:top .2s ease-in-out;z-index:5;pointer-events:none}.PaketlerContent .paket_Table thead.fixed th.paketTable_label{opacity:0;width:33.33%;border-bottom:none}.PaketlerContent .paket_Table thead.fixed th.head_name{width:13.33%;background:#fff;pointer-events:auto}.PaketlerContent .paketTable.ProfTable .paket_Table thead.fixed th.paketTable_label{width:20%}.pktBankGuvenList{fl oat:left;width:100%}.pktBankGuvenList>ul{margin:0 -5px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row;-webkit-flex-direction:row}.pktBankGuvenList>ul>li{float:left;w idth:50%;padding:0 5px}.pktBankGuvenList .pktBG{float:left;width:100%;height:100%;backgroun d:#eff2f4;border-radius:15px;padding:45px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}.pktBankGuvenList .pktBgTit{float:left;width:100%;text-align:center;color:#152349;font-size:24px;line-height:30px;font-weight:600;margin-bottom:40px}.pktBankGuvenList .pktBG ul{float:left;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.pktBankGuvenList .pktBG ul li{float:left;flex:1;height:83px;padding:0 2px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}.pktBankGuvenList .pktBG ul li img{max-width:100%;max-height:100%}#pktSection6 .pktContianer{max-width:920px}#anasayfaDemoTalep2 .AnasayfaDemoTalepContent{background:0 0;float:left;width:100%}#anasayfaDemoTalep2 .talepHead{float:left;width:100%;text-align:center;color:#fff;margin-bottom:30px}#anasayfaDemoTalep2 .talepHead h4{font-size:36px;line-height:45px;letter-spacing:-.36px;margin-bottom:4px;font-weight:600}#anasayfaDemoTalep2 .talepHead p{font-size:14px;font-weight:300;line-height:18px}#anasayfaDemoTalep2 .anasayfaDemoTalepInner{background:0 0;padding:0;float:left;width:100%}#anasayfaDemoTal ep2 .anasayfaDemoTalepInner>ul{margin:0 -4px;padding:0;list-style:none}#anasayfaDemoTalep2 .anasayfaDemoTalepInner>ul>li{float:left;width:20% ;padding:0 4px}#anasayfaDemoTalep2 .anasayfaDemoTalepInner>ul>li .form-control{border:1px solid #707070;border-radius:10px;padding:0 15px;height:40px;color:#7c9ac0;font-size:11px;background:#fff}#anasayfaDemoTalep2 .anasayfaDemoTalepInner>ul>li .form-control#txtbxTelefon2{padding-left:40px}#anasayfaDemoTalep2 .anasayfaDemoTalepInner>ul>li .form-control::-webkit-input-placeholder{color:#7c9ac0}#anasayfaDemoTalep2 .anasayfaDemoTalepInner>ul>li .form-control::-moz-placeholder{color:#7c9ac0}#anasayfaDemoTalep2 .anasayfaDemoTalepInner>ul>li .form-control:-moz-placeholder{color:#7c9ac0}#anasayfaDemoTalep2 .anasayfaDemoTalepInner>ul>li .form-control:-ms-input-placeholder{color:#7c9ac0}#anasayfaDemoTalep2 .anasayfaDemoTalepInner>ul>li .form-control:focus{color:#000}#anasayfaDemoTalep2 .anasayfaDemoTalepInner>ul>li #btnDemoGonder2{padding:0 10px;width:100%;line-height:40px;border-radius:10px;font-size:11px}.PktSSS{float:left;width:100%}.PktSSS .pktSssSol{float:left;width:400px}.PktSSS .pktSssSag{float:left;width:calc(100% - 400px)}.PktSSS .pktSssTop{float:left;width:100%;margin-bottom:90px;max-width:280px}.PktSSS .pktSssMid{float:left;width:100%}.PktSSS .pktsssTit{margin-bottom:12px}.PktSSS .pktsssTit h3{color:#152349;font-size:32px;font-weight:800;letter-spacing:-.32px;line-height:40px}.PktSSS .pktsssTex{color:#152349;font-size:16px;font-weight:300}.PktSSS .pktsssBtn{margin-top:12px}.PktSSS .pktSssTop .pktsssTex{line-height:22px}.PktSSS .pktSssMid .pktsssTex{line-height:20px;font-style:italic;letter-spacing:-.16px}.PktSSS .sssulsbtn{line-height:35px;padding:0 30px;font-size:12px}.Accordion_SSS{float:left;width:100%}.Ac cordion_SSS .sssItemDiv{float:left;width:100%;margin-bottom:10px;background:#fff;border-radius:15px}.Accordion_SSS .sssItemDivTitle{float:left;width:100%;color:#1523 49;font-size:20px;line-height:25px;font-weight:600;padding:22px 30px;cursorointer}.Accordion_SSS .sssItemDivTitle span{float:left;width:calc(100% - 20px)}.Accordion_SSS .sssItemDivTitle .svgbtnDiv{float:right;width:17px}.Accordion_SSS .sssItemDivTitle .svgbtnDiv svg.svgup{transform:rotate(180deg)}.Accordion_SSS .sssItemDivDesc{float:left;width:100%;padding:0 30px 30px;color:#152349;font-size:17px;line-height:25px;display:none}.Accordion_SSS .sssItemDivDesc p{margin:0;padding:0}.Accordion_SSS .sssItemDivDesc a{color:#428bca}.PktSayac{width:100%;z-index:2;margin:0 auto 65px;float:left;text-align:center}.PktSayac .container{max-width:750px;padding:0;margin:0 auto;display:block}.PktSayac .kampanyaSayac{margin:0;padding:20px;border-radius:15px;box-shadow:6px 6px 14px rgba(0,0,0,.08);padding:0;text-align:center}.PktSayac .kampanyaSayacBox{padding:20px}.PktSayac .kampanyaSayacBox .left{margin:0 0 25px;padding:0;width:100%}.PktSayac .kampanyaSayacBox .kampanyaDesc1{color:#152349;font-size:30px;font-weight:700;line-height:38px;letter-spacing:-.3px;margin-bottom:1px}.PktSayac .kampanyaSayacBox .kampanyaDesc2{color:#2477eb;font-size:16px;font-weight:600;line-height:20px;letter-spacing:-.16px;margin:0}.PktSayac .kampanyaSayacBox .right{width:100%;margin:0;padding:0;text-align:center}.PktSayac .kampanyaSayacBox .right ul{display:inline-block;vertical-align:top}.PktSayac .kampanyaSayacBox .right ul li{width:70px;margin-right:20px;background:#eff2f4;border-radius:10px;border:none;padding:5px 0 9px;color:#152349;font-size:10px;line-height:13px;letter-spacing:-.4px;text-transform:uppercase}.PktSayac .kampanyaSayacBox .right ul li:last-child{margin-right:0}.PktSayac .kampanyaSayacBox .right ul li span{color:#152349;font-size:30px;line-height:38px;font-weight:800;letter-spacing:-1.2px;margin-bottom:5px}.mobilPktList{display:none}.pktMinList. mobileList .pktMinListUl{min-width:315px;margin:0 auto;max-width:90%;flex-direction:column;-webkit-flex-direction:column}.pktMinList.mobileList .pktmnDiv{padding:40px 15px 25px}.pktMinList.mobileList .pktMinListLi{flex-basis:100%;padding:0;margin-bottom:25px;text-align:center}.mobileList .mobilPktList{float:left;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column}.mobileList .mobilPktList.active .pktMobilDetail{display:block}.mobileList .pktMobilDetail{display:none;float:left;width:100% ;margin:25px 0}.mobileList .mobilPktList.active .pktDtailGzz{display:block}.mobileList .mobilPktList.active .pktDtailAcc{display:none}.mobileList .PaketlerContent .paketTable_head_section{font-size:19px}.mobileList .PaketlerContent .paketTable_name dt{font-size:13px}.mobileList .PaketlerContent .paketTable_name dd{font-size:10px}.mobileList .PaketlerContent .paketTable_value{font-size:13px}.mobileList .PaketlerContent .toolBtn .toolBtntip{right:0;left:auto;top:25px}.mobileList .PaketlerContent .toolBtn .toolBtntip:before{top:-25px;left:0;width:100%;right:0;bottom:auto;height: 25px}.mobileList .PaketlerContent .toolBtn .toolBtntip:after{display:none}.mobileList .pktDtailAcc,.mobileList .pktDtailGzz{max-width:250px;margin:0 auto;cursorointer;color:#2477eb;font-weight:800;fill:#2477eb;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}.mobileList .pktDtailAcc svg,.mobileList .pktDtailGzz svg{margin-left:3px;width:12px}.mobileList .pktDtailGzz svg{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.mobileList .pktDtailGzz{display:none}.mobileList .tmozBtn{display:none}.PaketlerContent .pktMobileTable{border-spacing:0;border-collapse:collapse;-webkit-text-size-adjust:100%;width:100%}.PaketlerContent .pktMobileTable th,.PaketlerContent .pktMobileTable td{padding:14px;border:1px solid #dce3eb}.PaketlerContent .pktMobileTable th{background:#eff2f4;font-weight:400}.PaketlerContent .pktMobileTable tbody th,.PaketlerContent .pktMobileTable tbody td{text-align:center}.PaketlerContent .pktMobileTable tbody td{width:10%}.PaketlerContent .pktMobileTable tbody th{width:25%}.PaketlerContent .pktMobileTable th[scope=row]{background-color:transparent;text-align:left}.PaketlerContent .pktMobileTable th.paketTable_label{border-top:none;padding-top:0;padding-bottom:0;border-left:none}.PaketlerContent .pktMobileTable .paketTable_value svg{width:13px}.PaketlerContent .pktMobileTable .paketTable_value .toolBtn{margin-top:-1px}.siziArayalimContent input[type=text]{background:#fff}.siziArayalimContent .intl-tel-input input[type=tel]{background:#fff}@media screen and (min-width:1400px) and (max-width:1800px){.pktContianer{max-width:1360px}.PaketlerContent .paket_Table thead.fixed{max-width:1360px}.paketTitle h2{font-size:20px}.pktMinList .pktmnDiv{padding:50px 20px}.pktMinList .pktmnDiv .pktDivOzl{font-size:10px}.pktMinList .pktmnTop h3{font-size:25px}.pktPrice .pktTks{font-size:19px}.pktPrice .pktTksFyt{font-size:22px}.Prof .pktPrice .pktYil{font-size:20px}.Prof .pktPrice .pktYilFyt{font-size:30px;line-height:40px}.PaketlerContent .paket_Table th>p{font-size:23px}.PaketlerContent .Prof .pktPrice .pktTks{font-size:12px}.PaketlerContent .Prof .pktPrice .pktTksFyt{font-size:12px}.PaketlerContent .pktaraBtn a{font-size:11px}.pktBankGuvenList .pktBgTit{font-size:18px;margin-bottom:20px}.Accordion_SSS .sssItemDivTitle{font-size:17px}.Accordion_SSS .sssItemDivDesc{font-size:15px}.PaketlerContent .paketTable_head_section{font-size:19px}.pktTextMst .pktGList li .glist .gimg{height:35px}.pktTextMst .pktGList li .glist .gtex{font-size:17px}}@media screen and (min-width:1200px) and (max-width:1399px){.pktTextMetin{font-size:21px}.pktContianer{max-width:1180px}.PaketlerContent .paket_Table thead.fixed{max-width:1180px}.PaketlerContent .paket_Table thead.fixed th.paketTable_label{width:32.6%}.paketTitle h2{font-size:20px}.pktMinList .pktmnDiv{padding:50px 15px}.pktMinList .pktmnDiv .pktDivOzl{font-size:9px}.pktMinList .pktmnTop h3{font-size:25px}.pktPrice .pktTks{font-size:16px;line-height:19px}.pktPrice .pktTksFyt{font-size:20px}.pktPrice .pktYil{font-size:12px}.pktPrice .pktYilFyt{font-size:16px}.Prof .pktPrice .pktTks{font-size:12px}.Prof .pktPrice .pktYil{font-size:18px}.Prof .pktPrice .pktYilFyt{font-size:26px;line-height:32px}.pktMinList .pktaraBtn a{font-size:12px}.pktMinList .pktMinListText ul li{font-size:11px}.pktMinList .pktEkTxt{font-size:11px}.pktMinList .tmozBtn a{font-size:11px}.PaketlerContent .paket_Table th>p{font-size:20px}.PaketlerContent .Prof .pktPrice .pktTks{font-size:11px}.PaketlerContent .Prof .pktPrice .pktTksFyt{font-size:11px}.PaketlerContent .pktaraBtn a{font-size:11px}.pktBankGuvenList .pktBgTit{font-size:18px;margin-bottom:20px}.Accordion_SSS .sssItemDivTitle{font-size:17px}.Accordion_SSS .sssItemDivDesc{font-size:15px}.PaketlerContent .paketTable_head_section{font-size:19px}.PaketlerContent .pktLablDiv dt{font-size:28px}.PaketlerContent .pktLablDiv dd{font-size:14px}.pktTextMst .pktGList li .glist .gimg{height:32px;margin-right:5px}.pktTextMst .pktGList li .glist .gtex{font-size:15px}}@media screen and (min-width:992px) and (max-width:1199px){.pktContianer{max-width:970px}.pktTextMetin{font-size:21px}.PaketlerContent .paket_Table thead.fixed{max-width:970px}.PaketlerContent .paketTable.ProfTable .paket_Table thead.fixed th.paketTable_label{width:20.3%}.pktMinList .pktmnDiv .pktDivOzl{font-size:7px}.pktMinList .pktmnDiv{padding:50px 10px 20px}.pktMinList .pktmnTop h3{font-size:22px}.pktPrice .pktReg{font-size:16px;line-height:20px}.pktPrice .pktTksFyt{font-size:20px}.pktPrice .pktTks{font-size:14px;line-height:1.2}.pktPrice .pktYil{font-size:12px}.pktPrice .pktYilFyt{font-size:17px}.Prof .pktPrice .pktYil{font-size:19px}.Prof .pktPrice .pktYilFyt{font-size:28px}.pktMinList .pktaraBtn a{font-size:12px}.pktMinList .pktMinListText ul{margin-bottom:5px}.pktMinList .pktMinListText ul li{font-size:9px;margin-bottom:10px}.pktMinList .pktMinListText ul li svg{width:10px;margin-right:5px}.pktMinList .pktEkTxt{font-size:11px;margin-bottom:10px}.pktMinList .tmozBtn a{font-size:11px}.pktPrice .pktInd{margin-left:5px}.pktBtnANone{font-size:15px;line-height:35px}.pktBtnANone svg{width:14px}.PaketlerContent .pktLablDiv dt{font-size:25px}.PaketlerContent .pktLablDiv dd{font-size:13px}.PaketlerContent .pktPrice .pktReg{font-size:13px;line-height:15px}.PaketlerContent .paket_Table th>p{font-size:18px}.PaketlerContent .paket_Table th,.PaketlerContent .paket_Table td{padding:21px 5px 20px}.PaketlerContent .paket_Table td.paketTable_price{padding-bottom:15px}.PaketlerContent .pktaraBtn a{font-size:10px;padding:6px 0}.PaketlerContent .Prof .pktPrice .pktHFlexDiv{height:50px}.PaketlerContent .Prof .pktPrice .pktYil{font-size:14px;margin-bottom:3px}.PaketlerContent .Prof .pktPrice .pktYilFyt{font-size:21px;line-height:25px}.PaketlerContent .Prof .pktPrice .pktTks{font-size:10px;line-height:17px}.PaketlerContent .Prof .pktPrice .pktTksFyt{font-size:10px;line-height:17px}.PaketlerContent .paketTable_value{font-size:13px}.PaketlerContent .paketTable_head_section{font-size:18px;line-height:20px}.PaketlerContent .paketTable_name dt{font-size:13px}.PaketlerContent .paketTable_name dd{font-size:9px}.pktBankGuvenList .pktBG{padding:25px 15px}.pktBankGuvenList .pktBgTit{margin-bottom:20px;font-size:19px}.pktBankGuvenList .pktBG ul li{height:50px}.Accordion_SSS .sssItemDivTitle{font-size:17px}.Accordion_SSS .sssItemDivDesc{font-size:15px}.PktSayac .container{max-width:550px}.PktSayac .kampanyaSayacBox .kampanyaDesc1{font-size:21px}.PktSayac .kampanyaSayacBox .kampanyaDesc2{font-size:13px;margin:0}.pktTextMst .pktGList li .glist .gimg{height:32px;margin-right:5px}.pktTextMst .pktGList li .glist .gtex{font-size:15px}}@media screen and (min-width:768px) and (max-width:991px){.pktTextMetin{font-size:19px}.pktContianer{max-width:750px}.container{max-width:750px}#pktSection6 .pktContianer{max-width:750px}.PaketlerContent .paket_Table thead.fixed{max-width:750px}.PaketlerContent .paketTable.ProfTable .paket_Table thead.fixed th.paketTable_label{width:19.7%}.pktMinList .pktmnDiv{padding:50px 10px 20px}.pktMinList .pktmnTop h3{font-size:18px}.pktMinList .pktmnDiv .pktDivOzl{font-size:9px;padding:8px 0}.pktPrice .pktReg{font-size:14px}.pktPrice{margin-top:0}.pktPrice .pktInd{padding:0 3px;font-size:7px;margin-left:0}.pktPrice .pktTks{font-size:16px;line-height:22px}.pktPrice .pktTksFyt{font-size:20px;line-height:25px}.pktPrice .pktYil{font-size:11px}.pktPrice .pktYilFyt{font-size:15px;line-height:20px}.pktMinList .pktmnMid{margin-bottom:15px}.pktMinList .pktEkTxt{font-size:12px}.pktMinList .pktMinListText ul li{font-size:12px}.pktMinList .tmozBtn a{font-size:12px}.pktMinList .pktaraBtn a{font-size:11px}.pktBtnANone{font-size:16px}.PaketlerContent .pktLablDiv dt{font-size:26px}.PaketlerContent .pktLablDiv dd{font-size:12px;line-height:15px}.PaketlerContent .paketTable_SearchDiv{width:300px}.PaketlerContent .paket_Table th>p{font-size:14px}.PaketlerContent .pktPrice .pktReg{font-size:14px}.PaketlerContent .Prof .pktPrice .pktHFlexDiv{height:auto;margin-bottom:7px}.PaketlerContent .Prof .pktPrice .pktYil{font-size:17px;margin-bottom:6px}.PaketlerContent .Prof .pktPrice .pktYilFyt{font-size:20px;line-height:25px}.PaketlerContent .Prof .pktPrice .pktTks{font-size:11px;line-height:15px}.PaketlerContent .Prof .pktPrice .pktTksFyt{font-size:11px;line-height:15px}.PaketlerContent .pktaraBtn a{font-size:11px}.PaketlerContent .paket_Table thead.fixed th.paketTable_label{width:26.4%}.PaketlerContent .paketTable_head_section{font-size:17px}.PaketlerContent .paket_Table tbody td{padding:5px}.PaketlerContent .paketTable_value{font-size:12px}.PaketlerContent .paket_Table tbody th{width:22%}.PaketlerContent .paket_Table .pktDivOzl{font-size:6px}.PaketlerContent .paketTable.ProfTable .paket_Table tbody th{width:8%}.Prof .pktPrice .pktYil{font-size:19px}.Prof .pktPrice .pktYilFyt{font-size:28px;line-height:38px}.Prof .pktPrice .pktTksFyt{font-size:12px}.Prof .pktPrice .pktTks{font-size:10px}.pktTextMst .pktGList li .glist .gimg{height:25px;margin-right:5px}.pktTextMst .pktGList li .glist .gtex{font-size:12px}}@media(max-width:991px){.pktTabLik ul li{width:50%}.PktSayac .container{max-width:520px}.PktSayac .kampanyaSayacBox .kampanyaDesc1{font-size:18px}.PktSayac .kampanyaSayacBox .kampanyaDesc2{font-size:12px}.pktBankGuvenList .pktBG{padding:20px}.pktBankGuvenList .pktBgTit{font-size:20px;margin-bottom:15px}.pktBankGuvenList .pktBG ul li{height:60px}.pktBankGuvenList>ul{flex-direction:column;-webkit-flex-direction:column;margin:0}.pktBankGuvenList>ul>li{ width:100%;padding:0;margin-bottom:20px}.PktSSS .pktSssSol{width:100%}.PktSSS .pktSssSag{width:100%}.PktSSS .pktSssTop{max-width:100%;margin-bottom:20px;text-align:center}.PktSSS .pktSssMid{text-align:center;margin-top:25px}.Accordion_SSS .sssItemDivTitle{font-size:15px}.Accordion_SSS .sssItemDivDesc{font-size:13px}#anasayfaDemoTalep2 .anasayfaDemoTalepInner ul{margin:0}#anasayfaDemoTalep2 .anasayfaDemoTalepInner ul li{padding:0;margin-bottom:10px;width:100%}}@media(max-width:767px){#pktSection5{display:none}.tmPaktBtn{ display:none}.tmozBtn{display:none}.pktMinList .pktMinListUl{margin:0;flex-direction:column;-webkit-flex-direction:column}.pktMinList .pktMinListLi{flex-basis:100%;padding:0;margin-bottom:25px;text-align:center}.mobilPktList{float:left;width:100%;d isplay:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column}.mobilPktList.active .pktMobilDetail{display:block}.pktMobilDetail{disp lay:none;float:left;width:100%;margin:25px 0}.pktDtailAcc,.pktDtailGzz{max-width:250px;margin:0 auto;cursorointer;color:#2477eb;font-weight:800;fill:#2477eb;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}.pktDtailAcc svg,.pktDtailGzz svg{margin-left:3px;width:12px}.pktDtailGzz svg{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.pktDtailGzz{display:none }.mobilPktList.active .pktDtailGzz{display:block}.mobilPktList.active .pktDtailAcc{display:none}.PaketlerContent .paketTable_head_section{font-size:19px}.PaketlerContent .paketTable_name dt{font-size:13px}.PaketlerContent .paketTable_name dd{font-size:10px}.PaketlerContent .paketTable_value{font-size:13px}.PaketlerContent .toolBtn .toolBtntip{right:0;left:auto;top:25px}.PaketlerCo ntent .toolBtn .toolBtntip:before{top:-25px;left:0;width:100%;right:0;bottom:auto;height: 25px}.PaketlerContent .toolBtn .toolBtntip:after{display:none}.pktTextMetin{paddi ng:20px;font-size:15px}.pktContianer{max-width:100%}.container{max-width:100%}.pktMinList .pktMinListUl{min-width:315px;margin:0 auto;max-width:90%}.pktMinList .pktmnDiv{padding:40px 15px 25px}.mobileList .PaketlerContent .pktMobileTable th,.mobileList .PaketlerContent .pktMobileTable td,.PaketlerContent .pktMobileTable th,.PaketlerContent .pktMobileTable td{padding:5px}.mobileList .PaketlerContent .paketTable_head_section,.PaketlerContent .paketTable_head_section{font-size:15px}.mobileList .PaketlerContent .paketTable_name dt,.PaketlerContent .paketTable_name dt{font-size:11px}.mobileList .PaketlerContent .paketTable_name dd,.PaketlerContent .paketTable_name dd{font-size:9px}.mobileList .PaketlerContent .paketTable_value,.PaketlerContent .paketTable_value{font-size:11px}.pktBankGuvenList .pktBG{padding:15px}.pktBankGuvenList .pktBgTit{font-size:17px;line-height:24px}.pktBankGuvenList .pktBgTit{margin-bottom:0}.pktBankGuvenList .pktBG ul li{height:50px}#pktSection4{padding:20px 10px}#pktSection7{padding:20px 10px}#pktSection6{padding:20px 10px 40px}.pktTabLik ul li a{font-size:8px;line-height:15px;padding:17px 10px}.pktTabLik ul li a span:nth-child(1){font-size:12px;line-height:22px}.pktTabLik ul li a span:nth-child(2){}.pktTabLik ul li{margin:0 -5px}#pktSection1{padding:30px 0 0}.paketTitle h1{font-size:25px}.paketTitle h2{font-size:12px}.paketTitle .pktTit{margin-bottom:0}.paketTitle .pktAlt{margin-bottom:10px}.pktBtnA{font-size:12px;line-height:35px}.paketTitle{margin-bottom:25px}.Accordion_SSS .sssItemDivTitle{padding:10px;font-size:12px;line-height:1.6}.Accordion_SSS .sssItemDivDesc{padding:0 10px 10px;font-size:11px;line-height:20px}.PktSSS .pktsssTit h3{font-size:25px}.PktSSS .pktsssTex{font-size:13px}.paketMarka{margin-bottom:10px}.paketMarka .pktMOwl ul li{width:100px}.PktSayac{max-width:100%;padding:0 20px;position:static;float:left;width:100%;margin-bottom:0}.PktSayac .kampanyaSayacBox{padding:15px;margin-bottom:30px}.PktSayac .kampanyaSayacBox .kampanyaDesc1{font-size:13px;line-height:25px}.PktSayac .kampanyaSayacBox .kampanyaDesc2{font-size:10px}.PktSayac .kampanyaSayacBox .left{margin:0 0 15px}.PktSayac .kampanyaSayacBox .right ul{width:100%}.PktSayac .kampanyaSayacBox .right ul li{font-size:9px;width:15%;margin:0 5px;line-height:1}.PktSayac .kampanyaSayacBox .right ul li span{font-size:21px;line-height:25px;margin-bottom:0}.pktTextMst{padding:20px 0}.pktTextMst .pktGList{display:none}.pktTextMst .gmobImg{display:block}}

#serv-table.table>tbody>tr>td,
#serv-table.table>tbody>tr>th,
#serv-table.table>thead>tr>td,
#serv-table.table>thead>tr>th {
border-top: 1px solid #f5f5f5;
vertical-align: middle;
}

#serv-table.table>tbody>tr>td.serv-head {
border: none
}

#serv-table.table tr {
color: #0d1e2e
}

#serv-table.table tr a {
color: #ff5c00
}

#serv-table.table>thead>tr>th {
border: none
}

.modal {
z-index: 99999
}

.modal-header {
border-bottom-color: transparent!important;
background: #071828;
color: #fff!important;
padding: 15px;
}

.modal-header .close {
font-size: 28px;
color: #fff;
opacity: 1;
line-height: 23px;
margin-top: 5px;
border: 2px solid transparent;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
border-radius: 0px;
}

.modal-title1 {
float: left;
font-size: 13px;
color: #fff;
padding-left: 10px;
}

.modal-body1 {
padding: 15px;
font-size: 13px
}

.text-success {
color: #18bc9c!important;
}

.text-danger {
color: #e74c3c!important;
}

@media screen and (max-width: 600px) {
#serv-table.table {
border: 0;
}
#serv-table.table caption {
font-size: 1.3em;
}
#serv-table.table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#serv-table.table tr {
border-bottom: 3px solid #081521;
display: block;
margin-bottom: .625em;
}
#serv-table.table td {
border-bottom: 1px solid #f5f5f5;
display: block;
font-size: .8em;
text-align: right;
}
#serv-table.table td::before {
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}
#serv-table.table td:last-child {
border-bottom: 0;
}
#serv-table.table tr {
border: 1px solid #f5f5f5
}
#serv-table.table tr:nth-child(even) {
background: #fff
}
#serv-table.table tr:nth-child(odd) {
background: #f9f9f9
}
#serv-table.table tr td {
text-align: right
}
#serv-table.table tr.s-head {
border: none!important;
text-align: left
}
.page-head-title {display: none}
}

.servNav {
margin-bottom: 25px
}

.servNav li {
background: #fff;
padding: 10px 15px;
border-radius: 10px;
margin-bottom: 10px
}

.servNav li a {
color:#071828!important;
text-decoration: none
}

.servNav li:hover {
background: #ff5c00
}

.servNav li:hover a {
color: #fff!important
}

.srv-search {
background-color: #f5f5f5!important;
color: #202020;
font-size: 11px;
border: none;
outline: none;
border-radius: 10px;
cursor: pointer;
-webkit-transition: .15s ease;
transition: .15s ease;
min-height: 40px;
position: relative;
overflow: hidden;
margin-bottom: 15px
}

.srv-search .srv-input {
width: calc(100% - 40px);
background: transparent;
border: none;
outline: none;
height: 40px;
color: #202020;
padding: 0 14px;
}

.srv-search .srv-input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}

.srv-search .srv-input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}

.srv-search .srv-input::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}

.dfb-search .dfb-input:laceholder {
color: rgba(0, 0, 0, 0.6);
}

.srv-search .srv-submit {
position: absolute;
right: 0px;
top: 0px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: none;
background: #007bff;
color: #ffffff;
}
#paketler{background-color:#f8f8f8;padding:30px 0px 0px 0px;}#paketler h2{font-size:20px;color:#394151;margin-bottom:0px;}#paketler h2 a{color:#f6b120;text-decoration:underline;}#paketler .paket{float:left;width:100%;background-color:white;border-radius:3px;overflow:hidden;padding:30px;text-decoration:none;margin-top:30px;text-align:center;}#paketler .paket h3{font-size:20px;color:#646e82;font-weight:700;margin-bottom:3px;}#paketler .paket p{font-size:24px;color:#394151;font-weight:900;margin-bottom:15px;}#paketler .paket span{color:#f6b120;font-size:14px;border:1px solid #f6b120;border-radius:2px;padding:7px 70px;}#paketler .paket figure{width:130px;height:130px;margin:auto auto 15px auto;background-color:#f8f8f8;border-radius:50%;}#paketler .paket:hover{background-color:#fbfbfb;}#paketler .paket:hover span{background-color:#f6b120;color:white;}#paketler .paket:hover figure{background-color:#f3f3f3;}#paketler .paket figure img{width:80px;height:80px;margin-top:25px;}#paketler .paket .p1{background-position:-231px -396px!important;}#paketler .paket .p2{background-position:-312px -396px!important;}#paketler .paket .p3{background-position:-392px -396px!important;}#paketler .paket .p4{background-position:-231px -482px!important;}#paketler .paket .p5{background-position:-312px -482px!important;}#paketler .paket .p6{background-position:-393px -482px!important;}#paketler .paket .paket-indirim{font-size:16px;font-weight:500;text-decoration:line-through;margin:5px 0px 0px 0px;color:#747a86;}#paketler .paket .paket-madde{font-size:15px;font-weight:500;margin:5px 0px 0px 0px;padding-top:5px;color:#747a86;border-top:1px solid #efefef;}#paketler .paket .paket-madde.pilk{margin:15px 0px 0px 0px;border:none!important;}#paketler .paket .paket-madde.pciz{text-decoration:line-through;color:#a6a9af;}</style><script type="application/ld+json"> {
.akerdion {
border: 1px solid #999;
border-radius: 5px;
margin:2px;
padding: 1.04%;
}
.ozet {
border-radius: 5px;
cursor: pointer;
margin: -1%;
padding: 8px 10px;
background: -webkit-linear-gradient(top, #f3f3f3 50%, #e6e6e6 50%);
}

.team-one {
padding-top: 120px;
padding-bottom: 90px;
position: relative;
}

[class*=team-one__bg-shape-] {
position: absolute;
}

.team-one__bg-shape-1 {
top: 35px;
left: 0;
}

.team-one__bg-shape-2 {
left: 60px;
bottom: 100px;
-webkit-animation-name: shapeMover;
animation-name: shapeMover;
-webkit-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

.team-one .container {
position: relative;
}

.team-one__single {
margin-bottom: 30px;
border-radius: 5px;
box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.1);
text-align: center;
position: relative;
padding-bottom: 60px;
padding-top: 57px;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.team-one__single:hover {
-webkit-transform: scaleY(1.20);
transform: scaleY(1.20);
}

.team-one__inner {
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}

.team-one__single:hover .team-one__inner {
-webkit-transform: scaleY(.8);
transform: scaleY(.8);
}

.team-one__image {
width: 161px;
margin-left: auto;
margin-right: auto;
border-radius: 50%;
overflow: hidden;
border: 1px solid #e4e4ee;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.team-one__single:hover .team-one__image {
border-color: transparent;
}

.team-one__single h3 {
margin: 0;
font-size: 20px;
font-weight: bold;
color: var(--thm-black);
line-height: 1em;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.team-one__single p {
color: #737789;
margin: 0;
line-height: 1em;
font-size: 14px;
margin-top: 12px;
margin-bottom: 44px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.team-one__single:hover p,
.team-one__single:hover h3 {
color: #fff;
}

.team-one__social {
position: absolute;
bottom: -70px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
z-index: 11;
visibility: hidden;
opacity: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.team-one__single:hover .team-one__social {
opacity: 1;
visibility: visible;
}

.team-one__social>a {
width: 44px;
height: 44px;
border-radius: 50%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
text-align: center;
background-color: #fff;
opacity: 0.3;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.team-one__social>a i {
color: #737789;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
font-size: 16px;
}

.team-one__social>a:hover {
opacity: 1;

}

.team-one__social>a:hover i {
color: var(--thm-base);
}

.team-one__social a+a {
margin-left: 10px;
}

.team-one__circle::before {
position: absolute;
top: 0;
right: 0;
width: 153px;
height: 117px;
content: '';
background-image: url(../images/shapes/team-circle-1-1.png);
-webkit-transform: perspective(200px) scaleX(0) scaleY(0);
transform: perspective(200px) scaleX(0) scaleY(0);
-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
transition: opacity 500ms ease, -webkit-transform 500ms ease;
transition: transform 500ms ease, opacity 500ms ease;
transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
opacity: 0;
-webkit-transform-origin: right top;
transform-origin: right top;
}

.team-one__circle::after {
position: absolute;
bottom: 0;
left: 0;
width: 140px;
height: 156px;
content: '';
background-image: url(../images/shapes/team-circle-1-2.png);
-webkit-transform: perspective(150px) scaleX(0) scaleY(0);
transform: perspective(150px) scaleX(0) scaleY(0);
-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
transition: opacity 500ms ease, -webkit-transform 500ms ease;
transition: transform 500ms ease, opacity 500ms ease;
transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
opacity: 0;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}

.team-one__single:hover .team-one__circle::before,
.team-one__single:hover .team-one__circle::after {
opacity: 0.3;
-webkit-transform: perspective(200px) scaleX(1) scaleY(.8);
transform: perspective(200px) scaleX(1) scaleY(.8);
}

.team-one__single::before {
content: '';
border-radius: 5px;
background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-base)), to(var(--thm-primary)));
background-image: linear-gradient(90deg, var(--thm-base) 0%, var(--thm-primary) 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.team-one__single:hover::before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: top;
transform-origin: top;
}

.team-one__inner {
position: relative;
}

website template olduğu için bir türlü çözemedim . Nasıl düzeltebilirim.

bu şekilde geliyor menüler