* {
margin: 0;
padding: 0;
box-sizing: border-box;
list-style: none;
text-decoration: none;
}html,
body {
overflow-x: hidden;
font-family: "Okomito-light";
}p {
font-family: "Okomito-light";
}ul {
padding-left: 0;
}h1,
h2,
h3,
h4,
h5 {
font-family: "Graphik-medium";
}a {
text-decoration: none;
}:root {
--borderColor: #fff;
--wBGcolor: #fff;
--textcolor: #9b9b9b;
--textColor2: #343434;
--textColor3: #d7d7d7;
--mainColor: #00376e;
--mainColorRgb: 0, 55, 110;
--orangeColor: #ed852d;--headerTextColor: #959595;
}a:hover {
color: var(--mainColor);
}::selection {
background: var(--mainColor);
color: var(--wBGcolor);
}::-webkit-scrollbar {
width: 12px;
}::-webkit-scrollbar-track {
background: #efefef;
}::-webkit-scrollbar-thumb {
background: var(--mainColor);
transition: all 0.3s linear;
}::-webkit-scrollbar-thumb:hover {
background: #456375;
transition: all 0.3s linear;
}.text-main {
color: var(--mainColor);
}header {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}#header-inner {
display: flex;
justify-content: space-between;
align-items: center;
background-color: rgba(var(--mainColorRgb), 0.7);
padding: 0 30px;
}.header-active #header-inner {
background-color: var(--mainColor);
}.container {
width: 75%;
max-width: 100%;
margin: 0 auto;
}.about-container-mt {
margin-top: 7.5vh;
}.temizle {
clear: both;
}/* --------------- HEADER LEFT --------------- */
.header-left-wrapper .logo-91 {
margin-left: 5px;
}.header-logo {
transition: all 0.4s linear;
}.header-logo > a {
display: inline-block;
vertical-align: middle;
padding: 15px 0;
}.header-logo img {
display: block;
max-width: 20vw;
}.hamburget-btn-wrapper {
width: 30px;
height: 30px;
border: 1px solid var(--borderColor);
transition: all 0.4s linear;
}@media screen and (min-width: 1025px) {
.hamburget-btn-wrapper {
display: none;
}
}#hamburgetBtn,
#glanceHamburgetBtn,
#CookiehamburgetBtn {
width: 100%;
height: 100%;
background: none;
border: none;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}.hamburgerIcon {
width: 20px;
height: 11px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}.hamburgerItem {
width: 100%;
height: 1px;
background: var(--wBGcolor);
display: block;
transition: all 0.4s linear;
}.hamburgerItem3 {
width: 80%;
margin-left: auto;
}.hamburgerBtn-active .hamburgerItem {
position: absolute;
top: 50%;
}.hamburgerBtn-active .hamburgerItem1 {
animation: hamburgerAnim1 0.3s 0.4s forwards;
}.hamburgerBtn-active .hamburgerItem2 {
display: block;
opacity: 0;
}.hamburgerBtn-active .hamburgerItem3 {
animation: hamburgerAnim3 0.3s 0.4s forwards;
}@keyframes hamburgerAnim1 {
100% {
transform: translateY(11px);
transform: rotate(45deg);
}
}@keyframes hamburgerAnim3 {
100% {
transform: translateY(-11px);
transform: rotate(-45deg);
}
}/* --------------- HEADER RIGHT --------------- */
.header-right-wrapper {
flex: 1;
display: flex;
justify-content: end;
transition: all 0.2s linear;
}.header-links {
display: none;
margin: 0 2rem 0 0;
padding: 0;
position: relative;
}@media screen and (min-width: 1025px) {
.header-links {
display: flex;
}
}.header-links::before {
content: "";
width: 100%;
height: 2px;
background: #98a7b17d;
position: absolute;
left: 0;
bottom: 2px;
pointer-events: none;
z-index: -1;
display: none;
}.header-item-wrapper {
position: relative;
}.header-right-wrapper .header-item-wrapper:nth-child(1) {
display: none;
}.header-link {
padding: 0 10px;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: "Graphik-regular", sans-serif;
white-space: nowrap;
}.header-link,
.header-link:hover {
color: #fff;
}.header-link.active {
font-family: "Graphik-bold", sans-serif;
}.en-trnsfr {
display: none;
align-self: center;
}@media screen and (min-width: 1025px) {
.en-trnsfr {
display: block;
}
}.en-trnsfr a {
display: block;
padding: 5px;
border: 1px solid;
line-height: 1;
font-size: 12px;
color: #fff;
}img.logo-active {
display: none;
}header.header-active .header-logo img.logo-first {
display: none;
}header.header-active .header-logo img.logo-active {
display: block;
}header.header-active .header-links::before {
display: none;
}.hamburget-btn-wrapper.navbarActive-hamburger {
border: 3px solid var(--borderColor) !important;
transition: all 0.4s linear;
}header.header-active .hamburget-btn-wrapper.navbarActive-hamburger {
border: 2px solid var(--borderColor) !important;
transition: all 0.4s linear;
}.hamburget-btn-wrapper.navbarActive-hamburger .hamburgerItem {
background: var(--borderColor);
}#nav-menu {
display: none;
width: 100%;
height: calc(100vh - 58px);
max-height: 100vh;
position: fixed;
top: 58px;
left: 100%;
z-index: 999;
transform: translateX(-100%);
transition: transform 0.4s linear;
flex-direction: row;
overflow-y: auto;
background-color: #fff;
}.navbar-item-button-up-icon {
transform: rotate(90deg);
transition: all 0.2s ease;
position: absolute;
left: 38vw;
}#nav-menu.nav-menu-active {
transform: translateX(0);
transition: transform 0s linear;
}#navmenu-main {
width: 100%;
height: 100%;
background: #ffffff;
transition: transform 0.4s linear;
z-index: 15;
position: relative;
}#navmenu-main.navmenu-main-active {
transform: translateX(0);
transition: transform 0.4s linear;
}#navmenu-inner {
width: 70%;
height: 100%;
transform: translateX(-160%);
transition: transform 0.6s linear;
z-index: 14;
display: flex;
}#navmenu-inner.navmenu-inner-active {
transform: translateX(0);
transition: transform 0.6s linear;
transition-delay: 0.2s;
}.navmenu-inner-item {
width: 33.333%;
height: 100%;
position: relative;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.2s linear;
transition-delay: 0.6s;
padding-top: 200px;
padding-right: 40px;
}#navmenu-inner.navmenu-inner-active .navmenu-inner-item {
transform: scaleX(1);
transition: transform 0.4s linear;
transition-delay: 0.4s;
}.navmenu-inner-item:nth-child(1) {
background: url(../img/askon_img_png/img4.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}.navmenu-inner-item:nth-child(2) {
background: url(../img/askon_img_png/img5.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}.navmenu-inner-item:nth-child(3) {
background: url(../img/askon_img_png/img6.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}.navmenu-inner-item::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000;
opacity: 0.7;
z-index: -1;
}.navmenu-logo {
/* width: 76px; */
margin-top: 45px;
/* margin-left: 140px; */
display: flex;
justify-content: center;
align-items: center;
}.navmenu-logo img {
height: 100%;
display: none;
}.navbar-links {
position: relative;
font-family: "Graphik-light";
height: 85%;
display: flex;
/* align-items: center; */
justify-content: center;
flex-direction: column;
width: 100%;
}.navmenu-inner-item .navbar-links {
margin-left: 120px;
}.multible-nav-links {
margin-top: 190px;
}.navbar-list-title {
color: var(--wBGcolor);
font-size: 22px;
letter-spacing: 1px;
position: absolute;
top: -50px;
left: -15%;
}.navbar-list-title span {
color: var(--wBGcolor);
}.navbar-item {
margin: 10px 0;
width: 100%;
text-align: left;
position: relative;
}.navbar-link {
color: #000;
font-size: 15px;
}.nav-bar-links-2 {
width: 41%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}.nav-bar-2-item {
margin: 15px 0;
}.nav-bar-link-2 {
color: var(--wBGcolor);
opacity: 0.6;
}.navmenu-hpw {
position: absolute;
top: 490px;
left: 79vh;
width: 239px;
}.navmenu-translate {
text-align: center;
}@media screen and (min-width: 1024px) {
.navmenu-translate {
display: none;
}
}.navmenu-translate a {
font-family: "Graphik-medium";
font-size: 12px;
color: var(--textColor3);
}.navmenu-translate a.active {
color: var(--orangeColor);
}.navmenu-hpw img {
width: 100%;
}.navm-social-box {
margin-top: 3rem;
}.navm-social-box .navsocial-item {
width: 30px;
height: 30px;
border-color: #fff;
margin: 0 5px;
}/* --------------- HEADER RIGHT --------------- *//* --------------- BANNER --------------- */
#banner {
overflow: hidden;
height: 100vh;
}#bannerSlider {
width: 100%;
height: 100%;
}#bannerSlider .swiper-slide {
text-align: left;
}.banner-inner {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
padding: 185px 155px 0;
transition: all 1s ease-in-out;
/*animation: bannerBg 10s forwards;*/
}#banner.banner-active .banner-inner {
height: 100%;
overflow: unset;
}#banner .banner-inner {
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
}#banner .banner-content {
justify-content: flex-end;
}@keyframes bannerBg {
to {
background-size: 100%;
}
}.banner-content {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: flex-end;
position: relative;
}.banner-text {
height: 615px;
display: flex;
flex-direction: column;
justify-content: center;
transition: all 0.7s ease-in-out;
line-height: 0.95;
width: 100%;
text-shadow: -1px 1px 12px #00000021;
}.banner-text h1:first-child {
color: var(--wBGcolor);
font-size: 90px;
line-height: 100px;
font-weight: 300;
font-family: "Graphik-light";
}.banner-text h1:last-child {
color: var(--wBGcolor);
line-height: 110px;
font-size: 100px;
font-family: "Graphik-semiBold";
}.cookie-banner-text {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
transform: translateY(50%);
opacity: 0;
transition: all 0.7s ease-in-out;
width: 100%;
}.cookie-banner-text h1:first-child {
color: var(--wBGcolor);
font-size: 90px;
line-height: 100px;
font-weight: 300;
font-family: "Graphik-light";
}.cookie-banner-text h1:last-child {
color: var(--wBGcolor);
line-height: 110px;
font-size: 100px;
font-family: "Graphik-semiBold";
}.special-news {
display: flex;
justify-content: flex-end;
position: relative;
bottom: -65px;
right: 0;
transition: all 0.7s ease-in-out;
}.special-inner.active {
height: 526px;
padding: 30px 65px 85px 65px;
}.special-inner.active .special-text,
.special-inner.active .special-img {
opacity: 1;
}.special-inner {
width: 576px;
height: 0;
background: #f3f2f2;
padding: 56px 65px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
opacity: 0.8;
overflow: hidden;
transition: height 0.3s;
}.special-title {
width: 210px;
height: 50px;
background: var(--wBGcolor);
position: absolute;
right: 330px;
transform: translateY(-22px);
border-radius: 40px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}.special-title.active {
transform: translateY(-430px);
}.special-title h4 {
color: var(--textcolor);
font-size: 12px;
letter-spacing: 2px;
font-weight: 400;
}.special-text {
width: 80%;
padding-left: 20px;
position: relative;
padding-right: 20px;
opacity: 0;
transition: opacity 0.3s;
}.special-text::before {
content: "";
width: 2px;
height: 100px;
background: var(--textcolor);
position: absolute;
top: 7px;
left: 0;
}.special-text h2 {
font-weight: 400;
color: var(--textColor2);
font-size: 25px;
}.special-text p {
margin: 28px 0;
font-size: 13px;
line-height: 26px;
color: var(--textColor2);
}.special-text a {
color: #000000;
font-size: 18px;
display: flex;
align-items: center;
font-family: "Graphik-light";
}.special-text a span {
width: 25px;
height: 25px;
border: 1px solid #000000;
border-radius: 50%;
margin-left: 10px;
display: flex;
justify-content: center;
align-items: center;
transition: transform 0.2s linear;
}.special-text a:hover span {
transform: translateX(5px);
}.special-img {
width: 20%;
height: 100%;
display: flex;
align-items: flex-end;
opacity: 0;
transition: opacity 0.3s;
}.special-img img {
width: 100%;
}.special-button-up-icon {
margin-bottom: 10px;
margin-left: 5px;
transition: transform 0.2s ease;
}.down-active {
transform: rotate(180deg);
}/* --------------- BANNER --------------- */
.special-inner-cookie {
width: 576px;
height: 390px;
background: #f3f2f2;
padding: 30px 65px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}.special-title-cookie {
width: 210px;
height: 50px;
background: var(--wBGcolor);
position: absolute;
top: -30px;
left: 60px;
border-radius: 40px;
display: flex;
justify-content: center;
align-items: center;
}.special-title-cookie h4 {
color: var(--textcolor);
font-size: 14px;
letter-spacing: 2px;
font-weight: 400;
}.special-text-cookie {
width: 100%;
padding-left: 20px;
position: relative;
padding-right: 20px;
}.special-text-cookie::before {
content: "";
width: 2px;
height: 100px;
background: var(--textcolor);
position: absolute;
top: 39px;
left: 0;
}.special-text-cookie h2 {
font-weight: 400;
color: var(--textColor2);
font-size: 25px;
}.special-text-cookie p {
margin: 28px 0;
font-size: 13px;
line-height: 26px;
color: var(--textColor2);
}.special-text-cookie p a {
color: #000;
border-bottom: 1px solid;
}.special-text-cookie .sec a {
color: #000000;
font-size: 18px;
display: flex;
align-items: center;
font-family: "Graphik-light";
}.special-text-cookie .sec a span {
width: 25px;
height: 25px;
border: 1px solid #000000;
border-radius: 50%;
margin-left: 10px;
display: flex;
justify-content: center;
align-items: center;
transition: transform 0.2s linear;
}.special-text-cookie .sec a:hover span {
transform: translateX(5px);
}/* --------------- GLANCE --------------- */
section#glance {
margin: 120px 0;
}.glance-title h2,
.services-title h2,
.product-title h2 {
color: var(--mainColor);
font-size: 36px;
font-family: "Graphik-light";
}.glance-title h2 span,
.services-title h2 span,
.product-title h2 span {
font-family: "Graphik-semiBold";
}.glance-counter {
display: flex;
justify-content: space-between;
margin: 65px 0;
}.glance-counter-item {
display: flex;
flex-direction: column;
}.glance-counter-item h4 {
color: var(--mainColor);
text-align: center;
font-weight: 400;
font-size: 22px;
}.glance-icon img {
width: 80px;
height: 80px;
}.glance-Num {
display: flex;
align-items: flex-start;
color: var(--textColor3);
font-size: 20px;
margin: 25px 0;
}.glance-Num span {
font-size: 115px;
line-height: 86px;
color: var(--textColor3);
margin-left: 10px;
}.glance-text {
width: 100%;
}.glance-text p {
transform: translateY(50%);
opacity: 0;
transition: all 0.5s ease-in-out;
color: var(--textColor2);
font-size: 17px;
line-height: 25px;
}.glance-text p.show {
transform: translateX(0%);
opacity: 1;
transition: all 0.6s ease-in-out;
}.glance-first-text {
margin-top: 65px;
margin-bottom: 30px;
}/* --------------- GLANCE --------------- */
.services-title,
.product-title {
display: flex;
justify-content: space-between;
}.categoriBtn,
.productCategoriBtn {
height: 45px;
border: 1px solid var(--textcolor);
border-radius: 50px;
}.categoriBtn a,
.productCategoriBtn a {
width: 100%;
height: 100%;
padding: 0 20px;
display: flex;
justify-content: center;
align-items: center;
color: var(--textcolor);
line-height: 1;
font-size: 13px;
letter-spacing: 1px;
}.services-text,
.product-text {
margin: 65px 0;
transform: translateY(50%);
opacity: 0;
transition: all 0.5s ease-in-out;
}.product-text {
margin-bottom: 30px;
}.services-text p,
.product-text p {
font-size: 17px;
line-height: 27px;
}.swiper {
width: 100%;
height: 100%;
}.swiper.mySwiper2.swiper-initialized.swiper-horizontal.swiper-pointer-events {
width: 93%;
}.swiper-slide {
text-align: center;
font-size: 18px;/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
flex-direction: column;transform: translateY(50%);
opacity: 0;
transition: all 0.5s ease-in-out;
}.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}.hizmet-swiper,
.hakkimizda-swiper {
height: auto;
padding-bottom: 45px;
}.hizmet-swiper .hakkimizda-swiper-navs,
.hakkimizda-swiper .hakkimizda-swiper-navs {
position: absolute;
right: 0;
bottom: 0;
display: flex;
}.hizmet-swiper .swiper-button-prev,
.hizmet-swiper .swiper-button-next,
.hakkimizda-swiper .swiper-button-prev,
.hakkimizda-swiper .swiper-button-next {
position: static;
border-radius: 0;
background: var(--mainColor);
margin: 0;
}.hizmet-swiper .swiper-button-next:after,
.hizmet-swiper .swiper-button-prev:after,
.hakkimizda-swiper .swiper-button-next:after,
.hakkimizda-swiper .swiper-button-prev:after {
position: static;
}.services-slider,
.product-slider {
width: 100%;
display: flex;
justify-content: space-around;
}.services-slider-inner {
width: 78%;
position: relative;
}
.product-slider-inner {
width: 74%;
position: relative;
}.services-slider-img {
width: 80%;
height: 450px;
position: relative;
overflow: hidden;
}.services-slider-img img,
.product-slider-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
user-select: none;
transform: scale(1.1);
transition: transform 0.5s;
}.services-slider-img:hover img,
.product-slider-img:hover img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
user-select: none;
transform: scale(1);
}.services-slider-img::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: var(--mainColor);
opacity: 0;
transition: opacity 0.2s linear;
}.services-slider-img:hover::after {
opacity: 0.5;
}.services-learn-more {
position: absolute;
bottom: 30px;
right: 20px;
width: 200px;
height: 45px;
border-radius: 50px;
background: var(--mainColor);
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 3;
transition: background 0.2s linear;
}.services-learn-more a {
color: var(--wBGcolor);
/* font-weight: 800; */
letter-spacing: 2px;
font-size: 15px;
font-family: "Okomito-light";
line-height: 1;
margin-bottom: 0;
}.services-icone {
width: 25px;
height: 25px;
background: url(../img/sd1.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}.services-slider-img:hover .services-icone {
background: url(../img/sd2.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}.services-slider-img:hover .services-learn-more {
background: var(--wBGcolor);
}.services-slider-img:hover .services-learn-more a {
color: var(--mainColor);
}.services-slider-text {
margin-top: 15px;
text-transform: uppercase;
}.services-slider-text h3 {
font-size: 17px;
color: var(--mainColor);
letter-spacing: 0.5px;
font-family: "Okomito-light";
}.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: -55px;
}.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: -55px;
}
.swiper-button-next,
.swiper-button-prev {
top: 48%;
width: 45px;
height: 45px;
background: rgba(175, 183, 188, 0.5);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: background 0.2s linear;
}.swiper-button-next:hover,
.swiper-button-prev:hover {
background: var(--mainColor);
}.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 20px;
color: var(--wBGcolor);
position: absolute;
}.swiper-button-prev:after {
left: 16px;
}.swiper-button-next:after {
right: 16px;
}section#product {
margin: 200px 0;
}.product-wrapper {
display: flex;
margin-bottom: 40px;
flex-wrap: wrap;
}.product-item {
margin: 0 23px 15px 0;
height: 45px;
border-radius: 50px;
border: 1px solid var(--textcolor);
}.product-item a {
width: 100%;
height: 100%;
padding: 0 30px;
display: flex;
justify-content: center;
align-items: center;
color: var(--textcolor);
line-height: 1;
font-size: 14px;
letter-spacing: 1px;
}
.product-slider-img {
width: 100%;
height: 200px;
overflow: hidden;
}.product-slider-text {
margin-top: 35px;
width: 100%;
text-align: left;
}.product-slider-text h3 {
font-size: 14px;
color: var(--mainColor);
line-height: 25px;
margin-bottom: 10px;
letter-spacing: 1px;
}.product-slider-text p {
font-size: 14px;
color: var(--textcolor);
letter-spacing: 1px;
line-height: 25px;
}.product-link {
display: inline-block;
margin-top: 25px;
color: var(--mainColor);
position: relative;
font-family: "Graphik-medium";
font-size: 13px;
line-height: 28px;
}.product-link::after {
content: "";
width: 100%;
height: 1px;
background: var(--mainColor);
position: absolute;
bottom: 0;
left: 0;
}section#explore {
display: flex;
justify-content: flex-start;
}.explore-inner {
width: 50%;
height: 85px;
background: var(--orangeColor);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 50px 0 15%;
transform: translateX(-100%);
color: #fff;
transition: all 0.8s ease-in-out;
}.explore-inner.expShow {
transform: translateX(0%);
transition: all 0.8s ease-in-out;
}.explore-inner p {
color: var(--wBGcolor);
letter-spacing: 2px;
line-height: 18px;
margin-bottom: 0;
}.ex-social-media {
display: flex;
align-items: center;
}.ex-social-media .splitter {
flex: 1 1 100%;
width: 100%;
}.ex-social-media li {
list-style: none;
}.ex-social-media li a svg {
width: 15px;
height: 15px;
}@media screen and (min-width: 1025px) {
.ex-social-media .splitter {
display: none;
}
}.ex-social-media .thyssenkrupp-logo {
margin-left: auto;
max-width: 275px;
}.ex-social-media a {
width: 39px;
height: 39px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #fff;
margin: 0 5px;
fill: #fff;
}section#we {
margin: 110px 0;
}.we-inner {
display: flex;
flex-wrap: wrap;
position: relative;
}.we-item {
width: 33.3333333%;
padding: 30px 15px;
opacity: 0;
transform: translateY(50%);
transition: all 0.5s ease-in-out;
}.we-item.we-item-push {
margin-left: auto;
}.we-item-splitter {
flex: 1 1 100%;
width: 100%;
}.we-item:nth-child(1) {
transition-delay: 0ms;
}.we-item:nth-child(2) {
transition-delay: 200ms;
}.we-item:nth-child(4) {
transition-delay: 400ms;
}.we-item:nth-child(5) {
transition-delay: 600ms;
}/*mobile-slider*/
#mobile-slider-design {
width: 100%;
height: 370px;
display: none;
margin-top: 30px;
}.mobile-slider {
height: 100%;
}.we-item-mobile {
width: 50%;
height: 300px;
text-align: left;
transform: translateY(10%);
transition: all 0.5s ease-in-out;
}.we-more-link-mobile {
margin-top: -15px;
}.mySwiper3 {
width: 80%;
}.we-img-mobile {
width: 65px;
height: 65px;
margin-left: 0;
transform: translateY(-15px);
}.we-img-mobile img {
width: 100%;
height: 100%;
object-position: center;
object-fit: contain;
}.mobile-button {
position: relative;
height: 90px;
}.next-mobile {
right: 36vw;
}.prev-mobile {
left: 38vw;
}.we-num-mobile {
font-size: 26px;
color: var(--textColor3);
font-family: "Graphik-regular";
}.we-item-mobile h3 {
color: var(--mainColor);
font-size: 25px;
font-weight: 300;
margin: 0 0 0 -35px;
}.cert-mobile {
width: 450px;
}.cert-mobile img {
width: 100%;
object-position: center;
}.we-img {
width: 65px;
height: 65px;
margin-left: 0;
}.we-img img {
width: 100%;
height: 100%;
object-position: center;
object-fit: contain;
}.we-item h3 {
color: var(--mainColor);
font-size: 25px;
font-weight: 300;
margin: 15px 0 20px 0;
}.we-item h3 span {
color: var(--mainColor);
font-family: "Graphik-semiBold";
}.we-item h3 .we-num {
font-size: 26px;
color: var(--textColor3);
font-family: "Graphik-regular";
}.we-item p {
font-size: 18px;
color: var(--textColor2);
}ul.ui-tabs-nav {
transform: translateX(0px);
}li.tcr-btn {
transform: translateX(-30px);
}.we-container-second {
display: flex;
justify-content: flex-end;
}.cert {
width: 450px;
position: absolute;
right: -28vw;
margin-top: 90px;
}.cert img {
width: 100%;
object-position: center;
}.youtube {
display: flex;
align-items: center;
position: relative;
}.youtube img {
width: 100%;
max-width: 300px;
}.youtube-text {
position: absolute;
top: 55%;
left: 0;
right: 0;
text-align: center;
}.youtube-text h2 {
color: var(--mainColor);
line-height: 1.3;
}.youtube-text a {
color: var(--mainColor);
font-size: 20px;
font-family: "Graphik-regular";
}.baseLink {
position: relative;
overflow: hidden;
}.baseLink .hover-effect {
width: 100%;
height: 100%;
background: var(--mainColor);
position: absolute;
top: 0;
left: 0;
transform: translateX(-105%);
transition: transform 0.2s linear;
z-index: 1;
}.baseLink:hover .hover-effect {
transform: translateX(0);
}.baseLink a {
z-index: 99;
position: relative;
transition: color 0.2s linear;
font-family: "Graphik-medium";
}.baseLink:hover a {
color: var(--wBGcolor);
}.More-btn:not(:hover)::after {
animation: more-anim 0.3s linear;
}.More-btn:hover::after {
transform: scaleX(0);
transform-origin: right;
transition: transform 0.3s linear;
}.More-btn span {
position: absolute;
margin-left: 10px;
transition: transform 0.2s linear;
}.More-btn:hover span {
transform: translateX(15px);
}.More-btn:hover span.discoArrow {
transform: translateX(10px);
}.More-btn span.discoArrow {
top: 2px;
}@keyframes more-anim {
0% {
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s linear;
}100% {
transform: scaleX(1);
transform-origin: left;
transition: transform 0.3s linear;
}
}@keyframes more-anim2 {
0% {
transform: scaleX(1);
transform-origin: right;
transition: transform 0.3s linear;
}100% {
transform: scaleX(0);
transform-origin: right;
transition: transform 0.3s linear;
}
}section#footer {
margin-top: 20px;
width: 100%;
float: left;
}.footer-inner {
position: relative;
display: flex;
flex-wrap: wrap;
}.year {
width: 150px;
position: absolute;
left: auto;
right: -8vw;
bottom: 100px;
}.year img {
width: 100%;
}.footer-col {
width: 25%;
transform: translateY(50%);
opacity: 0;
transition: all 0.5s ease-in-out;
}.footer-col:nth-child(1) {
transition-delay: 0ms;
}.footer-col:nth-child(2) {
transition-delay: 100ms;
}.footer-col:nth-child(3) {
transition-delay: 200ms;
}.footer-col:nth-child(4) {
transition-delay: 300ms;
}.footer-col:nth-child(5) {
transition-delay: 400ms;
}.footer-col:nth-child(6) {
transition-delay: 500ms;
}.footer-col:nth-child(7) {
transition-delay: 600ms;
}.footer-col h3 {
color: var(--mainColor);
font-size: 19px;
font-weight: 300;
margin: 15px 0 20px 0;
}.footer-col h3 a {
color: inherit;
}.footer-col h3 span {
color: var(--mainColor);
font-family: "Graphik-semiBold";
}.footer-col h3 .we-num {
font-size: 20px;
color: var(--textColor3);
font-family: "Graphik-regular";
}.footer-list {
margin-left: 16px;
margin-bottom: 70px;
}.footer-item {
margin: 8px 0;
}.footer-link {
color: var(--textColor2);
display: flex;
align-items: center;
font-size: 15px;
position: relative;
transition: color 0.2s linear;
font-family: "Graphik-light";
}.footer-link::before {
content: "";
position: absolute;
left: -25px;
width: 16px;
height: 16px;
background: url("../img/chevron-right.svg");
background-repeat: no-repeat;
background-size: cover;
transition: left 0.2s linear;
}.footer-link:hover {
color: var(--mainColor);
transition: color 0.2s linear;
}.footer-link:hover::before {
left: -20px;
}.cookie-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 999;
background: url(../img/askon_img_png/bannerimg.jpg);
background-position: top;
background-repeat: no-repeat;
background-size: cover;
}.cookie-bg-bl {
position: fixed;
width: 100%;
height: 100%;
background: var(--mainColor);
opacity: 0.8;
z-index: 1000;
}.cookie-inner {
position: fixed;
right: 155px;
bottom: 0;
z-index: 1000;
}.cookie-inner .special-text::before {
top: 39px;
}.cookie-inner .special-inner {
display: block;
height: unset;
}.cookie-inner .special-text {
width: 100%;
}.sec {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 52px;
}#acceptBtn {
position: relative;
}#acceptBtn::before {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 65%;
height: 1px;
background: var(--textColor2);
transition: width 0.2s linear;
}#acceptBtn:hover::before {
width: 0;
}#rejectBtn:hover span {
transform: translateX(-5px);
}#rejectBtn {
position: relative;
}#rejectBtn::before {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 0%;
height: 1px;
background: var(--textColor2);
transition: width 0.2s linear;
}#rejectBtn:hover::before {
width: 68%;
}#acceptBtn:hover ~ #rejectBtn::before {
width: 68%;
}.cookie-burger {
position: absolute;
top: 45px;
left: 30px;
}.cookie-burger .hamburget-btn-wrapper {
margin: 0;
}.hovermenu {
position: fixed;
width: 100%;
height: auto;
min-height: 50vh;
opacity: 0;
visibility: hidden;
top: 76px;
left: 0;
transition: all 0.3s ease-in-out;
display: flex;
z-index: 999;
}.header-item-wrapper:hover .hovermenu {
opacity: 1;
visibility: visible;
}.hovermenu:before {
content: "";
visibility: hidden;
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100vh;
background-color: #385465;
pointer-events: none;
}.header-item-wrapper:hover .hovermenu:before {
visibility: visible;
opacity: 0.7;
}.hovermenu-arrow {
position: absolute;
bottom: 0;
top: 58%;
opacity: 0;
pointer-events: none;
transition: all 150ms ease-in-out;
}.header-item-wrapper:hover .hovermenu-arrow {
opacity: 1;
transition: all 150ms ease-in-out;
}.hovermenu-left-wrapper {
width: 75%;
display: flex;
justify-content: flex-end;
background: #e3e3e3;
}.hovermenu:has(.hovermenu-after:hover) {
opacity: 0;
visibility: hidden;
}
.hovermenu-right-wrapper {
width: 25%;
position: relative;
}.hovermenu-right-content {
position: absolute;
left: 60px;
bottom: 60px;
}.hover-menu-right-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}.hover-menu-right-bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}.hover-menu-right-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}.hover-menu-img {
width: 65%;
}.hevermenu-online-catalogBtn {
padding: 12px 45px;
background: var(--orangeColor);
border-radius: 40px;
}.hevermenu-online-catalogBtn a {
color: #fff;
font-family: "Graphik-medium";
font-size: 13px;
letter-spacing: 0.5px;
}.hover-left-content {
width: 76%;
height: 100%;
padding-right: 20px;
}.hover-title {
padding-top: 93px;
border-bottom: 2px solid #98a7b1;
}.hover-title h3 {
color: var(--mainColor);
font-family: "Graphik-regular";
}.hover-title h3 span {
font-family: "Graphik-semiBold";
}.hover-list {
display: flex;
flex-wrap: wrap;
}.hover-item {
width: 32%;
display: inline-block;
position: relative;
margin-top: 35px;
}.hover-item-text {
width: 100%;
float: left;
}.hover-item-text::after {
content: "";
transform: scaleX(0);
width: 72%;
height: 1px;
background: var(--mainColor);
position: absolute;
top: 23px;
left: 0;
opacity: 0.4;
}.hover-item-text:hover::after {
transform: scaleX(1);
transform-origin: left;
transition: transform 0.3s linear;
}.hover-item-text:not(:hover)::after {
animation: more-anim2 0.3s linear;
}.hover-item-title {
color: #00376e;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
font-family: "Graphik-medium";
}.hover-item-icon {
width: 40px;
height: 40px;
position: absolute;
left: -50px;
top: -10px;
opacity: 0.4;
}.hover-item-icon.sharp {
opacity: 1;
}.hover-item-icon img {
width: 100%;
height: 100%;
object-fit: contain;
background-position: center;
background-repeat: no-repeat;
}.hovermenu-links {
padding: 70px 0;
}.hover-right-item {
margin: 10px 0;
}.hover-right-link {
color: #fff;
font-family: "Graphik-light";
font-size: 14px;
display: inline-block;
transition: all 0.2s ease-in-out;
transform: translateX(0px);
}.hover-right-link:hover {
transform: translateX(12px);
color: white;
}.hover-bottom-text {
color: #74797c;
font-size: 13px;
line-height: 1.3;
margin-top: 7px;
float: left;
padding: 0 45px 0 0;
cursor: pointer;
}.hover-bottom-text-item {
position: relative;
color: #74797c;
font-size: 13px;
width: 100%;
float: left;
margin: 4px 0;
transition: 0.4s;
}.hover-bottom-text-item:hover {
color: #385465;
text-indent: 15px;
}.show {
transform: translateX(0%);
opacity: 1;
transition: all 0.6s ease-in-out;
}.showOpacity {
opacity: 1 !important;
transform: translateX(0%) !important;
transition: all 1s ease;
}.copy-inner {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}.copy-right h3 {
color: var(--headerTextColor);
font-size: 12px;
font-family: "Graphik-light";
}.copy-left {
display: flex;
align-items: flex-end;
opacity: 0.5;
gap: 15px;
}.copy-left h3 {
color: var(--headerTextColor);
font-size: 12px;
font-family: "Graphik-light";
margin-bottom: -10px;
}.copy-left img {
width: 89px;
}.cookie-cstm {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background-color: var(--mainColor);
opacity: 0.8;
}.innerPage-banner {
height: 500px;
background: url(../img/banner-1.jpg);
background-size: cover;
background-position: bottom;
position: relative;
}.innerPage-banner-content {
width: 100%;
position: absolute;
bottom: 0;
display: flex;
align-items: center;
justify-content: space-between;
}.innerPage-banner-text {
padding: 20px 0;
padding-left: 100px;
background: #95959580;
width: 50%;
}.innerPage-banner-text h2 {
color: #fff;
font-size: 40px;
font-weight: 400;
}.innerPage-banner-text h2 span {
font-weight: 600;
}.innerPage-banner-img {
width: 15%;
margin-right: 100px;
}.innerPage-banner-img img {
width: 100%;
}.history {
margin: 100px 0;
overflow: hidden;
}.history-wrapper {
display: flex;
transform: translateY(50%);
transition: transform 1s ease;
}/* >>> Blog Kutucuk Ters */
.history-wrapper:nth-child(even) {
flex-direction: row-reverse;
}.history-wrapper:nth-child(even) .history-right-blog:after {
left: auto;
right: 0;
}.history-wrapper:nth-child(even) .blog_rotate__text {
left: auto;
right: -30px;
transform: rotate(90deg);
}.history-wrapper:nth-child(even) .blog__date {
right: auto;
left: 70px;
}.medya-detay-image {
width: 32%;
}/* <<< */.history-left,
.history-right {
width: 50%;
position: relative;
}.history-right img {
width: 100%;
height: auto;
max-height: 100%;
object-fit: cover;
}.history-right .history-right-bottomText {
position: absolute;
bottom: -25px;
left: 0;
font-size: 16px;
color: var(--textcolor);
font-weight: 300;
font-family: "Graphik-regular";
}.history-right-blog {
width: 50%;
height: 100%;
position: relative;
padding: 65px;
}.history-right-blog:after {
content: "";
background: #efefef;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
width: 100vw;
height: 65%;
z-index: -1;
}.history-text {
padding-left: 50px;
padding-right: 40px;
}.history-text h2.history-baslik {
color: var(--mainColor);
font-size: 25px;
font-weight: 300;
margin: 15px 0 20px 0;
position: relative;
}.history-text h2 a {
color: inherit;
}.history-text2 {
padding-left: 50px;
}.history-text2 h4 {
color: var(--mainColor);
font-size: 24px;
font-weight: 300;
margin: 15px 0 20px 0;
position: relative;
}.history-text3 {
padding-left: 50px;
padding-right: 40px;
margin-top: 15vh;
}.history-text3 h4 {
color: var(--mainColor);
font-size: 25px;
font-weight: 300;
margin: 15px 0 20px 0;
position: relative;
}.history-text3 h4::before {
content: "03";
position: absolute;
font-size: 24px;
color: var(--textColor3);
font-weight: 300;
font-family: "Graphik-regular";
margin-right: 30px;
left: -50px;
}.history-text4 {
padding-left: 50px;
padding-right: 40px;
margin-top: 15vh;
}.history-text4 h4 {
color: var(--mainColor);
font-size: 25px;
font-weight: 300;
margin: 15px 0 20px 0;
position: relative;
}.history-text4 h4::before {
content: "04";
position: absolute;
font-size: 24px;
color: var(--textColor3);
font-weight: 300;
font-family: "Graphik-regular";
margin-right: 30px;
left: -50px;
}.history-text p {
line-height: 1.4;
font-size: 17px;
}
.history-left-2 {
width: 60%;
background: var(--orangeColor);
padding: 80px 13%;
}.history-youtube {
padding: 10px 25px;
margin-top: 50px;
border: 1px solid #fff;
display: inline-block;
border-radius: 50px;
display: inline-flex;
align-items: center;
}.history-youtube span {
color: #fff;
margin-left: 30px;
font-family: "Graphik-medium";
font-size: 14px;
}.history-2 {
display: flex;
align-items: flex-start;
}.history-right-2 {
width: 35%;
height: 100%;
margin-left: -10%;
margin-top: 10%;
}.history-2-bottom-logos {
width: 60%;
margin: 15vh 0;
display: flex;
justify-content: center;
align-items: center;
}.history-bottom-img {
width: 200px;
object-fit: cover;
}/* >>> blog | diger bloglar */
#digerBloglar {
padding: 0 0 40px;
}.dg-blogbox .box-body {
position: relative;
}.dg-blogbox .box-body > img {
width: 100%;
}.dg-blogbox .box-body > svg {
pointer-events: none;
position: relative;
z-index: 1;
}.dg-blogbox .box-body:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--mainColor);
opacity: 0;
}.dg-blogbox:hover .box-body:after {
opacity: 0.65;
}.dg-blogbox .box-footer {
background-color: var(--mainColor);
color: #fff;
padding: 2em;
position: relative;
}.dg-blogbox .footer-categ {
position: absolute;
top: 0;
left: 17%;
transform: translateY(-115%);
text-transform: uppercase;
font-size: 12px;
}.dg-blogbox .footer-categ:after {
content: "";
position: absolute;
right: 120%;
top: 50%;
border-bottom: 2px solid #e4e4e4;
width: 70px;
margin-top: -1px;
}.dg-blogbox .footer-title {
font-size: 1.25em;
}.dg-blogbox .footer-date {
font-size: 75%;
text-align: right;
}#moreBlog {
background-color: transparent;
border: 1px solid #ccc;
border-radius: 25px;
font-size: 14px;
padding: 0.5em 2em;
height: 36px;
margin-top: 15vh;
}/* <<< */#hakkimizda-banner {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}#medya-banner {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}#blog-banner {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}#surdurulebilirlik-banner {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}#hizmet-banner {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}#kariyer-banner {
background: url(../img/kariyer.png) no-repeat center;
background-size: cover;
}#yonetim-banner {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}#kalite-banner {
background: url(../img/kalite.png) no-repeat center;
background-size: cover;
}#iletisim-banner {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}.page_head {
background: url(../img/sabit-banner.png) no-repeat center;
width: 100%;
height: 560px;
position: relative;
transition: all 1s ease-in-out;
}.page_head:after {
display: table;
clear: both;
}.tree {
left: 50px;
width: auto;
float: left;
position: absolute;
bottom: 40px;
}.tree a {
color: #ffffff7a;
font-family: "Graphik-light";
font-weight: 600;
font-size: 14px;
}.activetree {
color: #ffffff !important;
}.tree span {
color: #ffffff63;
}.page-title {
left: 50px;
width: auto;
float: left;
position: absolute;
bottom: 60px;
font-family: "Graphik-light";
color: #ffffffd1;
font-size: 40px;
}.page-title b {
color: #ffffff;
font-family: "Graphik-medium";
}.page-title2 {
width: 100%;
float: left;
font-family: "Graphik-light";
color: #385465;
font-size: 40px;
margin: 0 0 20px 0;
}.page-title2 b {
color: #385465;
font-family: "Graphik-medium";
position: relative;
margin: 0 2px 0 0;
}.page-h-text {
width: 99%;
margin: 7vh 0 4vh 0;
font-family: "Graphik-medium";
line-height: 24px;
font-size: 16px;
color: #385465d1;
letter-spacing: 1px;
}.page-h-text b {
font-family: "Graphik-bold";
}.page-icerik {
width: 100%;
float: left;
margin: 5vh 0;
}.r {
font-size: 22px;
top: 0;
right: -2px;
position: absolute;
}.page-text {
width: 50%;
float: left;
font-family: "Graphik-medium";
line-height: 22px;
}.page-text2 {
width: 50%;
float: left;
font-family: "Graphik-light";
line-height: 9px;
font-size: 18px;
color: #c2c2c2;
}.breadcrumb {
margin-bottom: 0px;
}
.breadcrumb-item.active {
color: #fff;
}.copy {
width: 100%;
float: left;
}#tabs {
width: 100%;
float: left;
margin: 20px 0;
}#tabs .swiper {
height: auto;
}.ui-tabs-tab {
float: left;
text-align: center;
border-radius: 20px;
border: 1px solid #385465;
margin: 0 25px 0 0;
font-family: "Graphik-light";
}.ui-tabs-anchor {
display: block;
width: 100%;
font-family: "Graphik-medium";
font-size: 13px;
padding: 10px 30px;
border-radius: 20%;
color: #385465;
text-decoration: none;
}.ui-tabs-anchor:hover {
color: #385465;
}.ui-state-active {
background: #385465;
}.ui-state-active a {
color: white !important;
}.ui-tabs-panel {
width: 100%;
float: left;
margin: 60px 0 0 0;
}.swiper-pagination {
text-align: right !important;
padding: 0 20px 0 0;
}.swiper-pagination-bullet {
border-radius: 0;
width: 70px;
background: white;
}.sw-foot-text {
font-size: 17px;
margin: 15px 0 0 0;
color: #838181;
font-family: "Graphik-light";
}.sw-foot-text b {
font-family: "Graphik-medium";
}.hizmet-swiper-right {
padding: 0 0 0 6vh;
}.hizmet-swiper-title {
color: #385465;
font-family: "Graphik-medium";
font-size: 27px;
text-align: left;
position: relative;
}.hizmet-swiper-title2 {
font-size: 13px;
text-align: left;
font-family: "Graphik-light";
letter-spacing: 1px;
}.hizmet-swiper-text {
font-family: "Graphik-light";
font-size: 17px;
text-align: left;
margin-top: 2rem;
}.hizmet-swiper-text h2 {
font-size: 14pt;
font-weight: bold;
}.hizmet-swiper-b {
height: 50px;
}.hizmet-swiper-b .swiper-slide {
align-items: baseline;
}.we-hizmet {
flex-wrap: wrap;
width: 100%;
padding: 70px 0;
}.we-hizmets {
background: #f7f7f7;
margin: 10vh 0;
}.we-hizmet .we-item {
width: 100%;
margin: 40px 0;
}.we-num-hiz {
position: relative;
left: -15px;
}.innerPage-banner-img-hiz {
position: absolute;
bottom: 30px;
right: 10px;
width: 25%;
}.innerPage-banner-img-hiz img {
width: 70%;
}.ic-page-color {
color: white !important;
}#contact-head {
width: 99%;
/* padding: 17vh; */
height: 400px;
padding-top: 132px;
padding-left: 279px;
}.contact-t {
position: relative;
font-size: 30px;
color: #385465;
margin: 0 0 30px 0;
font-family: "Graphik-medium";
}.contact-t2 {
position: relative;
font-size: 24px;
color: #385465;
margin: 0 0 30px 0;
font-family: "Graphik-medium";
}.contact-t:after {
content: "";
background: url('../img/earth.png') no-repeat;
background-size: cover;
position: absolute;
left: -50px;
top: 11px;
width: 25px;
height: 25px;
}.contact-tx {
width: 85%;
font-family: "Graphik-light";
color: #385465;
font-size: 15px;
letter-spacing: 1px;
}.cont-left {
background: #ed852d;
justify-content: center;
align-items: center;
display: flex;
/* height: 550px; */
}.conf-left {
justify-content: center;
align-items: center;
display: flex;
height: 450px;
position: relative;
}.conf-left::before {
content: "";
background: #ed852d;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50%;
z-index: -1;
}.cont-left h4 b {
font-family: "Graphik-medium";
}.cont-left h4 {
transform: rotate(-90deg);
color: white;
font-family: "Graphik-light";
font-size: 30px;
white-space: nowrap;
}.conf-left h4 b {
font-family: "Graphik-medium";
}.conf-left h4 {
font-family: "Graphik-medium";
white-space: nowrap;
color: var(--mainColor);
}.cont-rigth {
justify-content: center;
align-items: center;
display: flex;
/* height: 550px; */
}.cont-rigth h4 b {
font-family: "Graphik-medium";
}.cont-rigth h4 {
transform: rotate(-90deg);
color: #bababab0;
font-family: "Graphik-light";
font-size: 29px;
white-space: nowrap;
}.row-title {
color: #385465;
font-size: 23px;
}.cont-row {
width: 68%;
margin: 59px 0 0 0;
}.row-cont span {
width: 100%;
display: block;
color: #385465;
font-size: 13px;
}.row-cont a {
width: 100%;
display: inline-block;
color: #385465;
font-size: 13px;
line-height: 1;
}.cont-row a {
width: 100%;
display: inline-block;
color: #1a1c1e;
font-size: 16px;
line-height: 1;
}#cont-form {
background: #f7f7f7;
padding: 15vh 0;
margin: 15vh 0;
}#kurumsal-yetki {
background: #f7f7f7;
padding: 5vh 0 23vh 0;
margin: 0 0 5vh 0;
}.metin-sag p {
padding-left: 50px;
padding-right: 70px;
letter-spacing: 1px;
font-size: 15px;
color: #7d7d7d;
}.metin-sol p {
padding-left: 50px;
padding-right: 70px;
letter-spacing: 1px;
font-size: 15px;
color: #7d7d7d;
}.cont-mMail {
padding: 40px 0;
position: relative;
}.cont-mMail li {
display: block;
margin: 40px 0;
font-family: "Graphik-light";
color: #4e5356;
}.cont-mMail li b {
font-family: "Graphik-medium";
font-weight: 700;
}#c-formx {
margin: 5vh 0 0 0;
}#mailStatusMessage .mail-status-text {
font-size: 15px;
}#mailStatusMessage .text-error {
color: red;
}#mailStatusMessage .text-success {
color: green;
}#c-formx input,
#c-formx select {
background: none;
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
margin: 15px 0 0px 0px;
}#c-formx button {
border: none;
border-radius: 20px;
background: #385465;
color: white;
padding: 8px 30px;
margin: 25px 0 0 0;
float: right;
}#c-formx button[disabled] {
opacity: 0.5;
}#c-formx input::placeholder,
#c-formx select {
font-family: "Graphik-light";
color: #9d9d9d;
font-size: 12px;
}#cont-cook {
position: relative;
margin: 20px 0 0 0;
float: left;
}#cont-cook span:nth-child(1) {
display: block;
font-family: "Graphik-light";
color: #4e5356b0;
font-size: 13px;
}#cont-cc {
display: flex;
align-items: baseline;
margin: 20px 0 0 0;
}#cont-cc span {
display: block;
font-family: "Graphik-light";
color: #4e5356db;
font-size: 13px;
}#cont-cc input {
margin: 0px 20px 0 0;
position: relative;
top: 2px;
}input[type="checkbox"] {
position: relative;
cursor: pointer;
}input[type="checkbox"]:before {
content: "";
display: block;
position: absolute;
width: 14px;
height: 14px;
top: 0;
left: 0;
border: 1px solid #555555;
border-radius: 2px;
background-color: #f7f7f7;
}input[type="checkbox"]:checked:after {
content: "";
display: block;
width: 4px;
height: 9px;
border: solid #000000a8;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 2px;
left: 5px;
}.form-control:focus {
box-shadow: none;
}input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #f7f7f7 inset !important;
}.yonetim {
margin: 5vh 0 10vh;
width: 100%;
float: left;
position: relative;
overflow: hidden;
}.yt-box {
background: #f7f7f7;
padding: 25px;
width: calc(25% - 50px);
height: 380px;
text-align: center;
float: left;
margin: 25px;
position: relative;
justify-content: center;
align-items: center;
display: flex;
/*left: 2000px;*/
flex-wrap: wrap;
transition: 0.4s linear;
}.yt-box-span1 {
display: block;
flex: 100%;
color: #385465;
font-family: "Graphik-medium";
font-size: 17px;
}.yt-box-span2 {
font-size: 11px;
color: #00000080;
text-transform: uppercase;
}.yt-box-span3 {
font-size: 11px;
color: #385465;
}.yt-img {
margin: 0 0 15px 0;
width: 235px;
height: 235px;
display: flex;
position: relative;
justify-content: center;
align-items: center;
overflow: hidden;
padding: 10px;
}.yt-img img {
width: 100%;
height: 100%;
overflow: hidden;
object-fit: cover;
}.yt-more {
width: 250px;
margin: 50px auto 0 auto;
color: var(--mainColor);
font-size: 13px;
font-family: "Graphik-medium";
border-radius: 20px;
transition: 0.3s;
}.yt-more:hover {
color: white;
background: #385465;
}.conf-more {
width: 280px;
text-align: right;
color: white;
font-size: 15px;
font-family: "Graphik-light";
border-radius: 20px;
transition: 0.3s;
margin-left: 50px;
margin-top: 50px;
background: none;
position: relative;
padding: 7px 15px;
line-height: 24px;
}.conf-more:hover {
color: white;
background: #385465;
border-color: #385465;
}.conf-more:before {
content: "";
background: url(../img/dokuman.png) no-repeat;
background-size: contain;
position: absolute;
left: 20px;
width: 30px;
height: 25px;
}.conf-text {
padding-left: 50px;
padding-right: 40px;
}.conf-text2 {
width: 40%;
font-size: 15px;
font-family: "Graphik-light";
letter-spacing: 1px;
line-height: 26px;
color: var(--textColor2);
padding-left: 50px;
}.conf-text3 {
width: 40%;
font-size: 15px;
font-family: "Graphik-light";
letter-spacing: 1px;
line-height: 26px;
color: var(--textColor2);
padding-left: 50px;
}.conf-text3 span {
display: block;
margin: 25px 0;
color: var(--mainColor);
align-items: center;
font-size: 14px;
font-family: "Graphik-light";
letter-spacing: 1px;
line-height: 21px;
}.conf-text span {
display: block;
margin: 30px 0;
color: var(--textColor2);
align-items: center;
font-size: 15px;
font-family: "Graphik-light";
letter-spacing: 1px;
line-height: 26px;
}.conf-text span:last-child {
margin: 70px 0 50px 0;
}.conf-swiper {
width: 480px;
height: 650px;
margin: 0;
float: left;
overflow: hidden;
display: block;
background: #dfdfdf;
position: relative;
}.conf-swiper img {
max-width: 75%;
width: auto;
height: auto;
position: relative;
margin-top: 60px;
}.conf-swiptext {
color: #868686;
font-family: "Graphik-light";
}.conf-swiptext b {
font-family: "Graphik-medium";
}#ayb {
color: #868686;
font-family: "Graphik-light";
position: absolute;
right: -110px;
transform: rotate(-90deg);
bottom: 100px;
}#ayb b {
font-family: "Graphik-medium";
}#c-dis-conf {
position: relative;
width: auto;
height: auto;
display: block;
float: left;
}.mt5vh {
margin-top: 5vh;
}.blog_rotate__text {
transform: rotate(-90deg);
position: absolute;
right: 100%;
bottom: 125px;
font-size: 12px;
color: #9e9e9e;
font-family: "Graphik-light";
}.blog_rotate__text b {
font-family: "Graphik-medium";
}.blog__date {
font-family: "Graphik-light";
color: #9a9a9a;
font-size: 13px;
bottom: 30px;
position: absolute;
right: 70px;
}#map {
width: 100%;
height: 600px;
margin-top: -15vh;
}/* >>> Medya */
#medya,
#dosya {
margin: 15vh 0;
}.medya-box {
padding: 1em;
background-color: #f4f4f4;
position: relative;
margin-bottom: 3em;
cursor: pointer;
transition: 0.3s ease;top: 2000px;
}.medya-link {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}.ms-effect {
opacity: 0;
transition: 0.6s ease-in;
}/*
#medya > .container > .row > div:nth-child(3n+2) > .medya-box {
background-color: var(--mainColor);
color: #fff;
}*/.medya-box:hover {
background-color: var(--mainColor);
color: #fff;
}.medya-box .header-date {
white-space: break-spaces;
width: min-content;
margin-left: auto;
text-align: center;
line-height: 1;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}.medya-box .box-body {
min-height: 250px;
}.medya-box .box-footer {
padding-left: 1em;
}.medya-box .footer-categ {
font-size: 12px;
position: relative;
text-transform: uppercase;
left: 20px;
}.medya-box .footer-categ:before {
content: "";
position: absolute;
right: 103%;
top: 50%;
border-bottom: 2px solid #cfcfcf;
width: 40px;
margin-top: -1px;
}.medya-box .footer-title {
font-weight: 500;
margin-top: 15px;
font-size: 18px;
}.tx-ef {
font-family: "Graphik-light";
color: #696969d1;
}.slides {
position: relative;
}.slides img {
max-width: 100%;
}.dg-blogbox {
cursor: pointer;
}.profil-efekt {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 5px solid #38546559;
border-right-color: rgba(255, 255, 255, 0);
border-bottom-color: rgba(255, 255, 255, 0);
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
display: none;
}.yt-box:hover .profil-efekt {
cursor: pointer;
}.yt-box:hover {
background: #fefefe00;
box-shadow: 0 0 20px 0 #3854651c;
border-radius: 4px;
}.hizmet-buton-ul-banner {
padding-left: 0;
}.special-button {
border: none;
background: none;
padding-top: 7px;
display: flex;
align-items: center;
}.reCaptcha {
margin-top: 30px;
}.row-setting {
--bs-gutter-x: -1.5rem;
}.history-right-blog img {
width: 100%;
}.footer-list {
margin-left: 0;
margin-bottom: 70px;
padding-left: 23px;
}
.footer-button-up-icon {
margin-bottom: 10px;
transform: rotate(178deg);
margin-left: 40px;
transition: transform 0.2s ease;
display: none;
}.footer-button {
transform: rotate(0deg);
display: none;
}.hakkimizda-history-right {
transform: translateX(0px);
}.medya-detay-text {
margin-left: 10px;
}
ul.navbar-box-links {
padding: 10px;
width: 70%;
display: none;
}li.navbar-box-item {
margin-bottom: 5px;
transition: all 0.3s ease;
color: #000;
}a.navbar-box-link {
color: #000000;
}li.navbar-box-item:hover {
padding-left: 7px;
}.navmenu-right-wrapper {
width: 100%;
height: 450px;
position: relative;
}.navmenu-right-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}.navmenu-menu-img {
width: 20%;
margin-top: 50px;
}.navmenu-links {
padding: 35px 0;
text-align: center;
}.navmenu-right-item {
margin: 10px 0;
}.navbar-button {
transform: rotate(180deg);
transition: all 0.2s ease;
}.navsocial-item {
border: 2px solid #000;
width: 45px;
height: 45px;
}.closeHamburger {
width: 100%;
height: 1px;
background: #fff;
}span.closeHamburger2 {
transform: rotate(-45deg);
top: 7px;
position: absolute;
}span.closeHamburger1 {
transform: rotate(45deg);
position: absolute;
top: 7px;
}.hamburger-exit {
display: none;
}.hamburgerHide {
display: none;
}.alt-item {
color: #000;
}
.iletisim-social-item a {
border: 2px solid #ed852d;
width: 40px;
height: 40px;
fill: #ed852d;
}
.footer-social-item {
border: 2px solid #00376e !important;
width: 40px;
height: 40px;
}
.haber {
display: flex;
height: 50px;
align-items: center;
}
.haber-geri {
position: relative;
height: auto;
}
.haber-geri span svg {
border: 1px solid;
border-radius: 15px;
}
.haber-devam span svg {
border: 1px solid;
border-radius: 15px;
}
.haber-devam a,
.haber-geri a {
text-decoration: none;
color: #000;
}p.hizmetler-cnc {
line-height: 22px;
padding-right: 46px;
}
.surdurulebilirlik-yonetimi-container {
margin-top: 267px;
}
.banner-right {
top: 50%;
right: 15px !important;
}
.banner-left {
top: 50%;
left: 15px !important;
}
.ana-buton-hizmetler {
width: 100%;
float: left;
margin: 40px 0 0 0;
}
ul.ana-hizmet-buton-ul-banner {
display: flex;
padding-left: 0;
}
li.ana-hizmet-buton-li {
float: left;
text-align: center;
border-radius: 20px;
border: 1px solid #385465;
margin: 0 25px 0 0;
font-family: "Graphik-light";
}
li.ana-hizmet-buton-li a {
display: block;
width: 100%;
font-family: "Graphik-medium";
font-size: 13px;
padding: 10px 30px;
border-radius: 20%;
color: #385465;
text-decoration: none;
}
.galeri-img {
margin-bottom: 20px;
}.galeri-img img {
width: 100%;
object-fit: cover;
}/**/
.text-file {
text-decoration: underline;
font-size: 13px;
color: var(--mainColor);
}.text-file svg {
margin-right: 5px;
}.basliklabel {
display: none;
}.form-group.mb-3 {
margin-bottom: 0px !important;
}.help-block {
display: none;
}.footer-social a {
border: 2px solid #00376e;
fill: #00376e;
}.sozlesme_adi {
margin-bottom: 25px;
margin-top: 25px;
display: block;
font-family: "Graphik-light";
color: #4e5356b0;
font-size: 13px;
}.checkbox_liste {
display: flex;
align-items: start;
gap: 25px;
}.checkbox_liste input{
margin-top: 5px!important;
}.sozlesmelabel {
font-size: 13px;
color: #4e5356db;
}.checkbox_liste span {
color: #4e5356db;
font-size: 13px;
display: inline-block;
}.checkbox_liste span a {
font-size: 13px;
}.guvenlik_input {
position: relative;
}.guvenlik_resim {
position: absolute;
right: 0px;
bottom: 0px;
}.guvenlik_resim img {
height: 25px;
}