:root {
--btn-border: 1px solid rgba(255, 255, 255, 0.2);
--btn-bg: transparent;
--btn-shadow: 1px 1px 25px 10px rgba(255, 255, 255, 0.5);
--btn-text-color: #f4f4f4;
--shine-degree: 120deg;
--shine-color: rgba(255, 255, 255, 0.2);
--shine-effect: linear-gradient(
var(--shine-degree),
transparent,
var(--shine-color),
transparent
);
--shine-transition: all 0.65s ease-in-out;
--first-color: #2e2e41;
--third-color: #434354;
--box-shadow: 0 5px 25px rgb(2, 2, 2, 0.1);
--text-shadow: 0 5px 25px rgb(2, 2, 2, 0.1);
--color-primary: #2b3c46;
--color-primary-dark: #222f37;
--color-primary-light: #344955;
--color-secondary: #f9aa33;
--color-tertiary: #bdc4c9;
--color-blue: #4285F4;
--color-red: #DB4437;
--color-yellow: #F4B400;
--color-green: #0F9D58;
--color-white: #FFFFFF;
--color-black: #000000;
/*
--color-primary: #344955;
--color-primary-dark: #232F34;
--color-primary-light: #4A6572;
--color-secondary: #f9aa33;
--color-tertiary: #FFFFFF;
*/
}
:root {
--font-family: "Montserrat", sans-serif;
--primary: #155bd5;
--primary-dark: #1c3ab6;
--primary-light: #e2f1ff;
--primary-btn:#1b6e48;
--accent: #00d4d7;
--accent-dark: #00bac1;
--accent-light: #dff9f8;
--success: #13d527;
--success-dark: #00ae11;
--success-light: #eafbe7;
--secondary: #8f15d5;
--secondary-dark: #6013c7;
--secondary-light: #f4e5fa;
--info: #15b2d5;
--info-dark: #0f8ca8;
--info-light: #e0f5fa;
--caution: #dbbb25;
--caution-dark: #d58f15;
--caution-light: #fbf9e4;
--error: #e6185e;
--error-dark: #bf1257;
--error-light: #fce4eb;
--black: #1d1d1d;
--dark-1: #2d2d2d;
--dark-2: #4d4d4d;
--dark-3: #6d6d6d;
--gray-1: #8d8d8d;
--gray-2: #adadad;
--gray-3: #cdcdcd;
--gray-4: #e0e0e0;
--light-1: #efefef;
--light-2: #f5f5f5;
--light-3: #fafafa;
--white: #ffffff;
--gradient-1: linear-gradient(180deg, #155bd5 0%, #1c3ab6 100%);
--gradient-2: linear-gradient(180deg, #155bd5 13.02%, #00d4d7 85.42%);
--gradient-3: linear-gradient(180deg, #155bd5 0%, #8f15d5 100%);
--gradient-4: linear-gradient(180deg, #155bd5 0%, #13d527 100%);
--gradient-5: linear-gradient(180deg, #155bd5 0%, #15bbd5 100%);
--gradient-6: linear-gradient(180deg, #155bd5 0%, #dbbb25 100%);
--gradient-7: linear-gradient(180deg, #155bd5 0%, #e6185e 100%);
--gradient-8: linear-gradient(180deg, #1c3ab6 0%, #00bac1 100%);
--gradient-9: linear-gradient(180deg, #00d4d7 13.02%, #155bd5 85.42%);
--shadow-1: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
--shadow-2: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
--shadow-3: 0px 0px 2px rgba(40, 41, 61, 0.04), 0px 4px 8px rgba(96, 97, 112, 0.16);
--shadow-4: 0px 2px 4px rgba(40, 41, 61, 0.04), 0px 8px 16px rgba(96, 97, 112, 0.16);
--shadow-5: 0px 2px 8px rgba(40, 41, 61, 0.04), 0px 16px 24px rgba(96, 97, 112, 0.16);
--shadow-6: 0px 2px 8px rgba(40, 41, 61, 0.08), 0px 20px 32px rgba(96, 97, 112, 0.24);
}
html {
margin:0px;
padding:0px;
height:100%;
}
.container{
max-width: 90%!important;
}
body {
margin:0px;
padding:0px;
overflow-x: hidden!important;
height:100%;
background:#fff;
font-family: "Kanit", sans-serif!important;
}
body, input, select, textarea, button {
font-size:15px;
font-weight:300;
color:#152030;
border:0;
}
* {
outline:0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
background-clip:border-box;
-moz-background-clip:border-box;
-webkit-background-clip:border-box;
}
h1,h2,h3,h4,h5{
display:inline-block;
font-size:inherit;
font-weight:inherit;
margin:0;
padding:0;
}
@font-face {
font-family: 'Gotham';
src: url('Gotham-Bold_TR.eot');
src: local('☺'), url('Gotham-Bold_TR.woff') format('woff'), url('Gotham-Bold_TR.ttf') format('truetype'), url('Gotham-Bold_TR.svg') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url('Gotham-Book_TR.eot');
src: local('☺'), url('Gotham-Book_TR.woff') format('woff'), url('Gotham-Book_TR.ttf') format('truetype'), url('Gotham-Book_TR.svg') format('svg');
font-weight: normal;
font-style: normal;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
background-image:url(../images/icon_downArrow.png)!important;
background-repeat:no-repeat!important;
background-position:right 50%!important;
} select::-ms-expand {
display: none;
}
/* /////////////////////////////////////////////////// */
/* ///////// BODY ///////// */
/* /////////////////////////////////////////////////// */
.mobile-menu img{
width:50%;
position: relative;
top: 20px;
}
.mobile-menu {
position:fixed;
z-index:99;
top:0;
left:0;
z-index:50000000001;
width:100%;
height:100%;
} .mobile-menu > div:nth-child(1) {
display:table;
width:100%;
height:100%;
} .mobile-menu > div:nth-child(1) > div:nth-child(1) {
display:table-cell;
text-align:center;
vertical-align:middle;
background:#fff;
background-size:cover;
} .mobile-menu ul {
list-style:none;
width:80%;
margin:20px auto;
padding:0;
font-size:19px;
font-weight:bold;
} .mobile-menu ul li {
padding:12px 0;
border-top:1px solid #0D6759;
} .mobile-menu ul li:first-child {
border-top:0;
} .mobile-menu ul li a {
color:#0D6759;
}
.header {
position:relative;
width:100%;
background:#FFF;
z-index:2;
}
.header > div:nth-child(1) {
width:100%;
background-size:100% 100%;
} .header .top {
position:absolute;
top:0;
right:0;
} .header .top .lang-bar {
float:left;
height:40px;
list-style:none;
margin:0;
padding:0;
background:#FFF;
font-size:13px;
} .header .top .lang-bar li {
float:left;
padding:13px 8px;
} .header .top .lang-bar li a {
color:#333;
text-decoration:none;
} .header .top .lang-bar li:hover,
.header .top .lang-bar li.active {
float:left;
padding:13px 8px;
background:url('../images/back_contentPanels_8.png') repeat-x;
} .header .top .lang-bar li:hover a,
.header .top .lang-bar li.active a {
color:#FFF;
} .header .top .social-bar {
float:left;
height:40px;
list-style:none;
margin:0;
padding:12px;
background:#808080;
} .header .top .social-bar .a {
float:left;
padding:0 8px 0 0;
} .header .top .social-bar .b {
float:left;
padding:0 12px 0 0;
} .header .top .social-bar .c {
float:left;
padding:0;
} .header .left {
float:left;
} .header .right {
text-align: left;
display: flex;
align-items: baseline;
justify-content:center;
height: 100%;
} .header .right .buttons {
list-style:none;
margin:4px 0 0 0;
padding:0;
} .header .right .buttons * {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
} .header .right .buttons li {
display:inline-block;
} .header .right .buttons li a {
display:block;
padding:11px 15px;
font-size:16px;
font-weight:600;
text-transform: uppercase;
text-decoration:none;
color:#333;
}
.overlay{
background: rgb(20 37 62 / 100%);
width: 100%;
height:100%;
position: fixed;
z-index: 1;
opacity: 0.4;
border-radius: 15px;
}
.header-filter {
position:sticky!important;
z-index:99;
top:0;
width:100%;
margin-bottom:50px;
height:60px;
padding:9px 0 0 0;
} .header-filter .form {
position:relative;
display:table;
width:100%;
border-radius: 10px;
border: 1px solid #0D6759;
max-width:90%;
height:74px;
margin:auto;
} .header-filter .box.a {
position:relative;
display:table-cell;
width:260px;
}
input::placeholder{
color: #000;
font-size:17px;
}
input::focus{
outline: none;
border: none;
}
.header-filter .box.a input {
width:100%;
height:74px;
font-size:15px;
font-weight: 700;
border-left: none;
border-top: none;
border-bottom: none;
border-right: 1px solid #ebebeb;
background:#FFF;
} .header-filter .box.a button {
position:absolute;
z-index:1;
right:0;
} .header-filter .box.b {
position:relative;
display:table-cell;
width:260px;
} .header-filter .box.b input {
width:100%;
height:74px;
font-weight: 700;
font-size:15px;
border-right: 1px solid #ebebeb;
background:#FFF;
} .header-filter .box.b button {
position:absolute;
z-index:1;
right:0;
} .header-filter .box.c {
position:relative;
display:table-cell;
width:260px;
} .header-filter .box.c select {
width:100%;
font-weight: 700;
height:74px;
border-right: 1px solid #ebebeb;
font-size:17px;
background:#FFF;
} .header-filter .box.d {
position:relative;
display:table-cell;
width:1px;
} .header-filter .box.d select {
width:100%;
height:74px;
font-size:17px;
border:0;
opacity: 1;
font-weight: 700;
color:#000;
background:#FFF;
} .header-filter .box.d input[name=model-txt] {
position:absolute;
top:-10px;
width:100%;
height:44px;
font-size:15px;
border:0;
-webkit-border-radius:4px;
border-radius:4px;
} .header-filter .box.d .model-list {
position:relative;
top:10px;
width:100%;
height:74px;
} .header-filter .box.d .model-list .items {
width:311px;
height:426px;
top:70px;
overflow:auto;
position:relative;
overflow-x:hidden;
font-size:13px;
background:#FFF;
padding:14px;
margin:-10px 0 0 0;
vertical-align:middle;
-webkit-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
-webkit-box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.35), 0 10px 20px 0 rgba(0,0,0,0.5); box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.35), 0 10px 20px 0 rgba(0,0,0,0.5);
} .header-filter .box.d .model-list .item {
width:100%;
clear:both;
cursor:pointer;
} .header-filter .box.d .model-list .item .ia {
float:left;
width:62%;
padding:6px 8px;
white-space:nowrap;
} .header-filter .box.d .model-list .item .ib {
float:left;
width:38%;
padding:6px 8px;
text-align:right;
} .header-filter .box.d .model-list .item:hover .ia,
.header-filter .box.d .model-list .item:hover .ib {
background:#0D6759!important;
color:#FFF!important;
} .header-filter .box.d button {
position:absolute;
z-index:1;
width:100px;
height: 100%;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
top:0;
right:0;
} .header-filter .box.spc {
display:table-cell;
width:0px;
}
.four-field .SumoSelect>.CaptionCont>label{
right:5%!important;
}
.content {
position:relative;
width:100%;
margin-bottom:50px;
background:#FFF;
} .content .main-slider {
position:relative;
width:100%;
} .content .main-slider .hsp {
position:absolute;
z-index:1;
top:40%;
left:0;
} .content .main-slider .hsn {
position:absolute;
z-index:1;
top:40%;
right:0;
} .content .main-slider .header-slider {
width:100%;
height:660px;
} .content .main-slider .slide {
width:100%;
height:100%;
} .content .main-slider .slide > div:nth-child(1) {
position:relative;
display:table;
width:100%;
max-width:1000px;
height:100%;
margin:auto;
} .content .main-slider .slide > div:nth-child(1) > div:nth-child(1) {
display:table-cell;
vertical-align:middle;
} .content .main-slider .slide span {
display:block;
font-size:60px;
color:#FFF;
letter-spacing:-3px;
} .content .main-spacer {
position:relative;
width:100%;
height:200px;
} .content .main-content {
position:relative;
width:100%;
padding-bottom:60px;
} .content .main-content > div:nth-child(1) {
position:relative;
z-index:1;
width:1000px;
display: none;
height:160px;
margin:-136px auto 0 auto;
background:url('../images/back_contentPanels_3.png') repeat-x;
-webkit-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.75);
box-shadow:0 1px 3px 0 rgba(0,0,0,0.75);
} .content .main-content .cat-text {
position:absolute;
top:-32px;
right:10px;
} .content .main-content .cat-text span {
font-size:14px;
color:#FFF;
} .content .main-content .cat-list {
display:table;
width:100%;
height:100%;
list-style:none;
margin:0;
padding:0;
text-align:center;
} .content .main-content .cat-list .item {
display:table-cell;
vertical-align:middle;
background:url('../images/back_contentPanels_9.png') no-repeat left;
cursor:pointer;
} .content .main-content .cat-list .item:first-child {
-webkit-border-radius:4px 0 0 4px;
border-radius:4px 0 0 4px;
} .content .main-content .cat-list .item:last-child {
-webkit-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0;
} .content .main-content .cat-list .item span {
display:block;
padding:4px;
font-size:15px;
} .content .main-content .cat-list .item:hover {
background:url('../images/back_contentPanels_4.png') repeat-x;
} .content .main-content .cat-list .item:hover span {
color:#FFF;
} .content .main-content .cat-list .item img {
display:block;
margin:auto;
margin-top:0!important;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
} .content .main-content .cat-list .item:hover img {
margin-top:-25px!important;
} .content .main-content .cat-shadow {
position:relative;
z-index:0;
width:1060px;
margin:-5px auto 0 auto;
} .content .main-content .about-us {
width:100%;
height:100%;
padding:60px 0 0 0;
} .content .main-content .about-us .txt.a {
display:block;
font-size:4rem;
letter-spacing:-1px;
} .content .main-content .about-us .txt.b {
display:block;
margin:20px 0;
width:800px;
font-size:21px;
line-height:1.6em;
letter-spacing:-.5px;
} .content .main-content .about-us-spacer {
height:110px;
} .content .main-content .ps-guide {
width:1080px;
height:340px;
margin:-80px auto 0 auto;
} .content .main-content .ps-guide .button {
position:relative;
float:right;
padding:0 6px;
} .content .main-content .ps-guide .titles {
float:left;
padding:10px;
} .content .main-content .ps-guide .titles span {
font-size:27px;
letter-spacing:-.5px;
} .content .main-content .ps-guide-box {
position:relative;
width:100%;
margin:14px 0 0 0;
border:3px solid #ECECEC;
-webkit-border-radius:6px;
border-radius:6px;
} .content .main-content .ps-guide-box .psp {
position:absolute;
top:33%;
left:-46px;
} .content .main-content .ps-guide-box .psn {
position:absolute;
top:33%;
right:-46px;
} .content .main-content .ps-guide-box .pss {
padding:18px 40px;
} .content .main-content .pss .product-slider {
width:100%;
} .content .main-content .pss .slide {
width:320px;
height:220px;
cursor:pointer;
} .content .main-content .pss .box.a {
float:left;
width:140px;
height:218px;
padding:10px;
border:1px solid rgba(0,0,0,.15);
-webkit-border-radius:4px;
border-radius:4px;
} .content .main-content .pss .box.a .text {
padding:20px 0;
text-align:center;
line-height:1.4em;
} .content .main-content .pss .box.a .txt.a {
font-size:17px;
color:#0D6759;
} .content .main-content .pss .box.a .txt.b {
display:block;
margin:0 0 3px 0;
font-size:14px;
line-height:1.2em;
} .content .main-content .pss .box.a .txt.c {
display:block;
margin:0 0 3px 0;
font-size:12px;
line-height:1.2em;
color:#666;
} .content .main-content .pss .box.b {
float:left;
position:relative;
width:170px;
height:218px;
padding:24px 0 0 12px;
line-height:1.2em;
} .content .main-content .pss .box.b .txt.a {
display:block;
font-size:11px;
font-weight:bold;
} .content .main-content .pss .box.b .txt.b {
display:block;
font-size:11px;
color:#666;
} .content .main-content .pss .box.b .txt.c {
position:absolute;
bottom:16px;
font-size:13px;
color:#333;
font-weight:bold;
} .content .main-content .pss .product-slider .item {
border:1px solid rgba(0,0,0,0);
-webkit-border-radius:4px;
border-radius:4px;
} .content .main-content .pss .product-slider .item:hover {
border:1px solid #0D6759;
} .content .main-content .news-guide {
margin:auto;
padding:20px 0;
} .content .main-content .news-guide .button {
position:relative;
float:right;
padding:0 6px;
} .content .main-content .news-guide .titles {
float:left;
padding:10px;
} .content .main-content .news-guide .titles span {
font-size:27px;
color:#0D6759;
letter-spacing:-.5px;
} .content .main-content .news-items {
position:relative;
width:100%;
margin:20px 0 0 0;
} .content .main-content .news-items .item {
float:left;
width:340px;
margin:0 30px 0 0;
} .content .main-content .news-items .item .image {
width:100%;
height:240px;
background:#ECECEC;
} .content .main-content .news-items .item .txt.a {
display:block;
width:90%;
font-size:21px;
font-weight:bold;
color:#0D6759;
letter-spacing:-.5px;
} .content .main-content .news-items .item .txt.b {
display:block;
width:90%;
font-size:14px;
line-height:1.4em;
} .content .con-titles {
width:100%;
} .content .con-titles > div:nth-child(1) {
width:1200px;
min-height:90px;
margin:auto;
padding:26px 0 0 0;
} .content .con-titles h1 {
font-size:37px;
color:#FFF;
letter-spacing:-2px;
} .content .con-breadcrumb {
width:100%;
} .content .con-breadcrumb > div:nth-child(1) {
width:1200px;
min-height:50px;
margin:auto;
padding:16px 0 0 0;
} .content .con-content {
width:100%;
} .content .con-content > div {
width:90%;
min-height:500px;
margin:auto;
padding:20px 0 80px 0;
} .content .con-content .con-text {
display:block;
width:66%;
padding:16px 0;
line-height:1.5em;
} .content .con-content .prod-box {
position:relative;
float:left;
width:346px;
padding:30px 30px 0 30px;
margin:0 0 40px 0;
-webkit-border-radius:8px;
border-radius:8px;
} .content .con-content .prod-box.a {
min-height:260px;
} .content .con-content .prod-box.b {
min-height:450px;
} .content .con-content .prod-box .txt.a {
display:block;
font-size:19px;
letter-spacing:-1px;
color:#FA2916;
} .content .con-content .prod-box .txt.b {
display:block;
padding:16px 0;
font-size:12.5px;
line-height:1.6em;
} .content .con-content .prod-box .txt.b div {
position:relative;
float:right;
margin:-110px -66px 0 0;
width:186px;
height:186px;
background:url('../images/back_prodPanel.png') no-repeat;
} .content .product-list {
width:90%;
min-height:590px;
margin:auto;
padding:0 0 80px 0;
} .content .product-list .blank {
position:sticky;
top:0;
height:20px;
background:#FFF;
} .content .product-list .filters {
z-index:2;
top:20px;
width:100%;
height:46px;
padding:13px 20px;
font-size:14px;
background:#EBEBEB;
border:1px solid rgba(0,0,0,.15);
-webkit-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 3px 1px 0 rgba(0,0,0,.5);
box-shadow:0 3px 1px 0 rgba(0,0,0,.5);
} .content .product-list .filters .left {
float:left;
width:50%;
} .content .product-list .filters .right {
float:left;
width:50%;
text-align:right;
margin:-2px 0 0 0;
} .content .product-list .titles {
z-index:1;
top:20px;
display:table;
width:100%;
height:50px;
margin:-10px 0 0 0;
-webkit-border-radius:4px;
border-radius:4px;
font-size:15px;
font-weight:bold;
color:#FFF;
-webkit-box-shadow:0 4px 1px 0 rgba(0,0,0,.15);
box-shadow:0 4px 1px 0 rgba(0,0,0,.15);
} .content .product-list .titles > div {
display:table-cell;
vertical-align:middle;
border-right:1px solid rgba(150,150,150,.35);
} .content .product-list .titles > div:nth-child(1) {
width:160px;
position: relative;
top: -2px;
padding:0 10px;
} .content .product-list .titles > div:nth-child(2) {
width:auto;
position: relative;
top: -2px;
padding:0 10px;
} .content .product-list .titles > div:nth-child(3) {
width:200px;
position: relative;
top: -2px;
padding:0 10px;
} .content .product-list .titles > div:nth-child(4) {
width:320px;
position: relative;
top: -2px;
padding:0 10px;
} .content .product-list .titles > div:nth-child(5) {
width:300px;
padding:0 10px;
position: relative;
top: -2px;
border-right:0;
} .content .product-list .spect {
display:table;
width:100%;
height:16px;
opacity:0;
} .content .product-list .spect > div {
display:table-cell;
border-right:1px solid rgba(150,150,150,.35);
} .content .product-list .spect > div:nth-child(1) {
width:160px;
} .content .product-list .spect > div:nth-child(2) {
width:auto;
} .content .product-list .spect > div:nth-child(3) {
width:200px;
} .content .product-list .spect > div:nth-child(4) {
width:320px;
} .content .product-list .spect > div:nth-child(5) {
width:200px;
} .content .product-list .spect > div:nth-child(6) {
width:100px;
border-right:0;
} .content .product-list .item {
display:table;
table-layout:fixed;
width:100%;
height:160px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid rgba(0,0,0,.15);
border-bottom:1px solid #AAA;
-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.5);
box-shadow:0 2px 1px 0 rgba(0,0,0,.1);
cursor:pointer;
} .content .product-list .item:hover > div:nth-child(1) {
background:none;
} .content .product-list .item:hover {
background:#FFF;
-webkit-box-shadow:inset 0 0 0 3px #51A07E;
box-shadow:inset 0 0 0 3px #51A07E;
} .content .product-list .item .new-sign {
position:absolute;
top:-6px;
left:-6px;
} .content .product-list .item > div {
display:table-cell;
vertical-align:top;
border-right:1px solid rgba(150,150,150,.35);
} .content .product-list .item > div:nth-child(1) {
position:relative;
width:160px;
text-align:center;
background:#FFF;
} .content .product-list .item > div:nth-child(2) {
width:auto;
cursor:default;
padding:16px;
} .content .product-list .item > div:nth-child(2) .txt.a {
font-size:21px;
color:#0D6759;
} .content .product-list .item > div:nth-child(2) .txt.b {
font-size:14px;
line-height:1.4em;
} .content .product-list .item > div:nth-child(3) {
width:200px;
} .content .product-list .item > div:nth-child(3) > div:nth-child(1) {
width:100%;
height:158px;
padding:16px 12px;
overflow:auto;
} .content .product-list .item > div:nth-child(3) span {
font-size:13px;
line-height:1.8em;
} .content .product-list .item > div:nth-child(4) {
width:520px;
} .content .product-list .item > div:nth-child(4) > div:nth-child(1) {
width:100%;
height:158px;
overflow:auto;
overflow-x:hidden;
} .content .product-list .item > div:nth-child(4) .box4a {
float:left;
width:320px;
min-height:158px;
padding:16px 12px;
border-right:1px solid rgba(0,0,0,.15);
} .content .product-list .item > div:nth-child(4) .box4b {
float:left;
width:179px;
min-height:158px;
padding:16px 12px;
} .content .product-list .item > div:nth-child(4) .box4a span,
.content .product-list .item > div:nth-child(4) .box4b span {
font-size:13px;
line-height:2.5;
} .content .product-list .item > div:nth-child(5) {
vertical-align:middle;
width:100px;
text-align:center;
border-right:0;
} .content .product-list .notes {
width:100%;
padding:12px 24px;
margin:20px 0;
font-size:13px;
background:#FFF4CE;
text-align:center;
}
.adett .adet-list span{
}
.adett a{
border-radius: 5px;
background: #0D6759 !important;
color: #fff !important;
font-size: 16px;
position: relative;
display: inline !important;
}
.adett span a{
border-radius: 5px;
background: #0D6759 !important;
color: #fff !important;
font-size: 16px;
position: relative;
display: inline !important;
}
.adet-list{
font-size:1.3rem!important;
text-decoration:underline;
font-weight:700;
}
.tepe-list{
margin-top:30px;
text-align:left;
display:flex;
justify-content:space-between;
}
.tepe-list span{
font-weight:700;
}
.content .product-list .pages {
text-align: center;
display: flex;
justify-content: space-between;
align-items: center;
} .content .product-list .pages span {
font-size:21px;
} .content .product-detail {
width:90%;
min-height:490px;
margin:auto;
padding:20px 0 80px 0;
} .content .product-detail .prod-detail {
float:left;
width:100%;
} .content .product-detail .prod-detail .new-sign {
position:absolute;
top:-6px;
left:-6px;
} .content .product-detail .prod-detail .titles {
position:relative;
z-index:1;
width:100%;
height:50px;
padding:18px 0 0 40px;
font-size:15px;
font-weight:bold;
color:#FFF;
-webkit-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
} .content .product-detail .prod-detail .texts {
width:100%;
padding:10px;
border:1px solid #ebebeb;
border-top:0;
-webkit-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
} .content .product-detail .prod-detail .texts > div:nth-child(1) {
position:relative;
} .content .product-detail .prod-detail .notes {
position:relative;
z-index:4;
bottom:0;
left:0;
width:100%;
padding:12px 24px;
font-size:13px;
background:#ebebeb;
} .content .product-detail .prod-detail .efect {
position:absolute;
display:none;
z-index:1;
bottom:0;
right:0;
} .content .product-detail .prod-detail .detail {
float:left;
position:relative;
z-index:3;
width:100%;
height:auto;
padding:30px 30px 50px 30px;
font-size:14px;
overflow:auto;
overflow-x:hidden;
} .content .product-detail .prod-detail .detail .txt.a {
display:block;
padding:0 10px;
font-size:37px;
font-weight:bold;
letter-spacing:-2px;
color:#0D6759;
white-space:nowrap;
} .content .product-detail .prod-detail .detail .txt.b {
display:block;
width:260px;
padding:0 10px;
font-size:19px;
line-height:1.4em;
} .content .product-detail .prod-detail .detail .txt.c {
padding:10px;
font-size:15px;
color:#0D6759;
font-weight:bold;
border-bottom:1px solid #0D6759;
}
.content .product-detail .prod-detail .detail{
font-family:montserrat!important;
margin-bottom:10px;
}
.content .product-detail .prod-detail .detail .txt.d {
width:240px;
letter-spacing:1px;
border-bottom:1px solid #0D6759;
padding:10px;
} .content .product-detail .prod-detail .detail .txt.e {
width:240px;
padding:10px;
border-bottom:1px solid #0D6759;
} .content .product-detail .prod-detail .detail .spect.a {
width:240px;
display:none;
height:10px;
} .content .product-detail .prod-detail .detail .spect.b {
width:100%;
height:10px;
border-top:1px solid #CCC;
} .content .product-detail .prod-detail .image {
position: relative !important;
right: 0;
width: 100%;
z-index: 1;
height: 450px;
top: -100px;
} .content .product-detail .prod-detail .image img {
display:block;
position:relative;
}
.br-1{
border-right:1px solid #ebebeb;
}
.content .product-detail .prod-models {
float:left;
width:100%;
} .content .product-detail .prod-models .titles {
display:flex;
text-align:center;
position:relative;
z-index:1;
width:100%;
height:50px;
font-size:15px;
font-weight:bold;
color:#FFF;
-webkit-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
} .content .product-detail .prod-models .titles > div {
display:table-cell;
padding:16px;
} .content .product-detail .prod-models .titles > div:nth-child(1) {
width:33%;
} .content .product-detail .prod-models .titles > div:nth-child(2) {
width:33%;
} .content .product-detail .prod-models .titles > div:nth-child(3) {
width:33%;
} .content .product-detail .prod-models .item-list {
width:100%;
padding:0 0px 10px 10px;
border:1px solid #ebebeb;
border-top:0;
height:100vh;
-webkit-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
} .content .product-detail .prod-models .item-list > div:nth-child(1) {
width:100%;
height:100%;
overflow:auto;
overflow-x:hidden;
} .content .product-detail .prod-models .spect {
display:table;
width:100%;
} .content .product-detail .prod-models .spect.a {
height:10px;
background:#FFF;
} .content .product-detail .prod-models .spect.b {
height:60px;
} .content .product-detail .prod-models .spect > div {
display:table-cell;
}
.content .product-detail .prod-models .spect > div:last-child{
border:none!important;
}
.content .product-detail .prod-models .spect > div:nth-child(1) {
width:150px;
} .content .product-detail .prod-models .spect > div:nth-child(2) {
width:auto;
} .content .product-detail .prod-models .spect > div:nth-child(3) {
width:120px;
} .content .product-detail .prod-models .model-parts {
display:table;
width:100%;
font-size:12px;
cursor:pointer;
} .content .product-detail .prod-models .model-parts .item:hover {
background:#0D6759;
color:#FFF;
} .content .product-detail .prod-models .model-parts > div:nth-child(1) {
display:none;
} .content .product-detail .prod-models .model-parts > div:nth-child(1) > div {
display:table-cell;
height:10px;
border-right:1px solid rgba(150,150,150,.35);
} .content .product-detail .prod-models .model-parts > div:nth-child(1) > div:nth-child(1) {
width:150px;
} .content .product-detail .prod-models .model-parts > div:nth-child(1) > div:nth-child(2) {
width:auto;
} .content .product-detail .prod-models .model-parts > div:nth-child(1) > div:nth-child(3) {
width:120px;
} .content .product-detail .prod-models .item {
display:flex;
width:100%;
margin-bottom:9px;
justify-content:space-between;
border-bottom:1px solid #ebebeb;
} .content .product-detail .prod-models .item > div {
display:table-cell;
padding:6px 16px;
} .content .product-detail .prod-models .item > div:nth-child(1) {
font-weight:bold;
cursor:help;
} .content .product-detail .prod-models .item > div:nth-child(2) {
cursor:help;
} .content .product-detail .prod-models .item > div:nth-child(3) {
white-space:nowrap;
} .content .product-detail .prod-specs.a1 {
display:block;
float:left;
width:100%;
} .content .product-detail .prod-specs.a1 .titles {
position: relative;
z-index: 3;
width: 100%;
height: 50px;
font-size: 15px;
font-weight: bold;
color: #FFF;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
display: flex;
align-items: center;
padding-left: 20px;
} .content .product-detail .prod-specs.a1 .item-list {
width:100%;
height:100vh;
position: relative;
z-index: 3;
padding:10px;
border:1px solid #ebebeb;
border-top:0;
-webkit-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
overflow-x:hidden;
} .content .product-detail .prod-specs.a1 .item-list > div:nth-child(1) {
width:100%;
position:relative;
z-index:3;
font-size:13px;
} .content .product-detail .prod-specs.a1 .item-list .item {
padding:5px 15px;
border-bottom:1px solid #ebebeb;
} .content .product-detail .prod-specs.a1 .item-list .spect {
padding:12px 8px;
} .content .product-detail .used-titles {
position:relative;
z-index:1;
width:100%;
height:50px;
padding:18px 0 0 26px;
margin:16px 0 0 0;
font-size:15px;
font-weight:bold;
color:#FFF;
-webkit-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
} .content .product-detail .used-parts {
width:100%;
border:1px solid #CCC;
border-top:0;
-webkit-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
} .content .product-detail .used-parts > div:nth-child(1) {
width:100%;
min-height:240px;
padding:10px;
} .content .product-detail .used-parts .item {
float:left;
width:188px;
height:220px;
padding:10px;
background:#FFF;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #CCC;
cursor:pointer;
} .content .product-detail .used-parts .item:hover {
-webkit-box-shadow:inset 0 0 0 3px #FE0C03, 0 4px 1px 0 rgba(0,0,0,.15);
box-shadow:inset 0 0 0 3px #FE0C03, 0 4px 1px 0 rgba(0,0,0,.15);
} .content .product-detail .used-parts .item .text {
padding:12px 0;
text-align:center;
line-height:1.4em;
} .content .product-detail .used-parts .item .text .txt.a {
font-size:18px;
color:#0D6759;
} .content .product-detail .used-parts .item .text .txt.b {
font-size:14px;
} .content .product-detail .used-parts .item .text .txt.c {
font-size:12px;
color:#666;
} .content .product-detail .prod-specs.a2 > div:nth-child(1) {
display:table;
width:100%;
font-size:13px;
} .content .product-detail .prod-specs.a2 .txt {
display:block;
width:100%;
margin-top:20px;
font-weight:bold;
} .content .product-detail .prod-specs.a2 .txt.a > div {
display:block;
width:100%;
background:#E9E9E9;
padding:8px;
-webkit-border-radius:4px;
border-radius:4px;
} .content .product-detail .prod-specs.a2 .txt.b > div {
display:table-cell;
padding:12px 8px;
} .content .product-detail .prod-specs.b {
display:none;
} .content .product-detail .prod-specs.b > div:nth-child(1),
.content .product-detail .prod-specs.b > div:nth-child(2) {
display:table;
width:100%;
margin:30px 0;
font-size:13px;
} .content .product-detail .prod-specs.b .titles {
display:table-row;
font-weight:bold;
} .content .product-detail .prod-specs.b .titles .i {
display:table-cell;
width:190px;
background:#E9E9E9;
padding:8px;
-webkit-border-radius:4px;
border-radius:4px;
} .content .product-detail .prod-specs.b .titles .i2 {
display:table-cell;
width:390px;
background:#E9E9E9;
padding:8px;
-webkit-border-radius:4px;
border-radius:4px;
} .content .product-detail .prod-specs.b .titles .s {
display:table-cell;
width:auto;
} .content .product-detail .prod-specs.b .item {
display:table-row;
} .content .product-detail .prod-specs.b .item .i,
.content .product-detail .prod-specs.b .item .i2 {
display:table-cell;
padding:12px 8px;
} .content .product-detail .prod-specs.b .item .s {
display:table-cell;
width:auto;
} .content .con-under {
width:260px;
margin:90px auto;
white-space:nowrap;
} .content .con-under img {
vertical-align:middle;
} .content .con-under span {
font-size:19px;
}
.footer {
position:relative;
width:100%;
background:#FFF;
} .footer .con-maillist {
width:100%;
background:url('../images/back_contentPanels_5.png') no-repeat;
background-size:100% 100%;
} .footer .con-maillist .form {
width:100%;
min-height:130px;
margin:auto;
padding:43px 0 0 0;
} .footer .con-maillist .form.a {
max-width:1080px;
} .footer .con-maillist .form.b {
max-width:1200px;
} .footer .con-maillist .box.a {
float:left;
width:7%;
} .footer .con-maillist .box.b {
float:left;
width:46%;
color:#FFF;
} .footer .con-maillist .box.b .txt.a {
display:block;
font-size:21px;
} .footer .con-maillist .box.b .txt.b {
display:block;
font-size:14px;
} .footer .con-maillist .box.c {
float:left;
width:47%;
} .footer .con-maillist .box.c input {
width:90%;
font-size:16px;
color:#FFF;
background:url('../images/spacer.gif');
padding:10px;
border:0;
vertical-align:middle;
} .footer .con-maillist .box.c button {
width:auto;
height:auto;
margin:0;
padding:0;
background:url('../images/spacer.gif');
cursor:pointer;
} .footer .con-maillist .box.c div {
width:94%;
height:4px;
border-bottom:1px solid rgba(255,255,255,0.5);
} .footer .con-address {
width:100%;
display:table;
} .footer .con-address .box-map {
display:table-cell;
width:50%;
vertical-align:top;
background:#EFF0F1;
} .footer .con-address .box-map #map {
width:100%;
min-height:600px;
} .footer .con-address .box-address {
display:table-cell;
width:50%;
vertical-align:middle;
padding:30px 0 30px 80px;
font-size:15px;
line-height:1.6em;
} .footer .con-address .box-address .addr-guide {
padding:0 0 0 52px;
} .footer .con-address .box-address .txt.a {
font-size:30px;
font-weight:bold;
letter-spacing:-1px;
} .footer .con-address .box-address .txt.b {
font-size:17px;
line-height:2em;
} .footer .con-address .box-address .txt.c {
font-size:36px;
line-height:0.9em;
letter-spacing:-2px;
} .footer .con-address .box-address .txt.d {
font-size:20px;
line-height:1.4em;
} .footer .con-address .box-address button {
padding:14px 24px;
cursor:pointer;
background:#0D6759;
color:#FFF;
font-size:15px;
vertical-align:middle;
} .footer .con-social {
width:100%;
background:url('../images/back_contentPanels_6.png') no-repeat;
background-size:100% 100%;
} .footer .con-social > div:nth-child(1) {
width:100%;
max-width:1200px;
min-height:130px;
margin:auto;
} .footer .con-social .left {
float:left;
width:60%;
padding:46px 0 0 0;
} .footer .con-social .left span {
font-size:37px;
letter-spacing:-2px;
color:#FFF;
} .footer .con-social .right {
float:right;
width:40%;
padding:32px 0 0 0;
text-align:right;
} .footer .con-links {
width:100%;
margin:auto;
background:#333;
} .footer .con-links > div:nth-child(1) {
width:100%;
max-width:1200px;
min-height:320px;
margin:auto;
} .footer .con-links .box {
float:left;
padding:34px 0;
} .footer .con-links .box span {
font-size:21px;
color:#FFF;
letter-spacing:-1px;
} .footer .con-links .box ul {
list-style:none;
margin:8px 0;
padding:0;
line-height:1.8em;
font-size:14px;
} .footer .con-links .box ul li a {
color:#999;
} .footer .con-links .box.a {
width:23%;
} .footer .con-links .box.b {
width:23%;
} .footer .con-links .box.c {
width:23%;
} .footer .con-links .box.d {
width:20%;
} .footer .con-links .box.e {
width:19%;
} .footer .con-links .box.f {
width:12%;
text-align:right;
} .footer .con-copyright {
width:100%;
max-width:1200px;
min-height:100px;
margin:auto;
} .footer .con-copyright .left {
float:left;
padding:40px 0 0 0;
} .footer .con-copyright .right {
float:right;
padding:40px 0 0 0;
}
.mobile-menu,
.mobile-btn {
display:none;
}
/* /////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////// */
/* // All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
.header-filter{
background:transparent!important;
}
.first-field{
margin-bottom:10px;
}
.second-field{
margin-bottom:10px;
}
.third-field{
margin-bottom:10px;
}
.four-field{
margin-bottom:10px;
}
.header-filter .form{
border:none!important;
}
.mobile-btn {
display:block;
}
.nomobile {
display:none;
}
.header {
} .header > div:nth-child(1) {
background-size:200% 100%;
} .header > div:nth-child(1) > div:nth-child(1) {
max-width: 100%;
height: auto;
box-shadow: 8px 9px 15px #0000000;
} .header .top {
position:inherit;
text-align:center;
} .header .top .lang-bar {
float:none;
display:inline-block;
height:38px;
} .header .top .social-bar {
float:none;
display:inline-block;
height:38px;
margin:0 0 0 -5px;
} .header .left {
float:left;
} .header .left img {
width:175px;
height:auto;
} .header .right {
position:relative;
float:right;
justify-content:end!important;
} .header .right .mobile-btn {
position:relative!important;
top:0!important;
right:0!important;
} .header .right .buttons {
display:none;
}
#arama-area{
height:100%;
margin:0!important;
}
.header-filter .box.d button{
margin-top:100px;
border-radius:5px;
font-size:20px;
}
.header-filter .box.d button{
width:100%;
}
input[type=text], input[type=password], textarea, select{
height:74px!important;
}
.header-filter {
position:relative;
z-index:1;
height:100%;
padding:10px;
background:rgb(247,247,247);
background:-moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(235,235,235,1) 100%);
background:-webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%);
background:linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ebebeb',GradientType=0 );
} .header-filter .form {
position:relative;
display:flex;
flex-direction:column;
max-width:100%;
height:auto;
} .header-filter .box.a {
display:block;
width:100%;
} .header-filter .box.b {
display:block;
width:100%;
} .header-filter .box.c {
display:block;
width:100%;
} .header-filter .box.c select {
margin-bottom:8px;
} .header-filter .box.d {
display:block;
width:100%;
} .header-filter .box.spc {
display:none;
}
.search-area{
border-bottom:2px solid #ebebeb;
}
.content {
position:relative;
width:100%;
} .content .main-slider .hsp,
.content .main-slider .hsn {
top:40%;
} .content .main-slider .hsp img,
.content .main-slider .hsn img {
width:44px;
height:auto;
} .content .main-slider .header-slider {
height:460px;
} .content .main-slider .slide > div:nth-child(1) {
max-width:74%;
text-align:center;
} .content .main-slider .slide span {
font-size:33px;
letter-spacing:-2px;
} .content .main-content {
position:relative;
width:100%;
padding-bottom:60px;
} .content .main-content > div:nth-child(1) {
position:relative;
z-index:1;
width:100%;
height:160px;
margin:-36px auto 0 auto;
background:none;
-webkit-border-radius:0;
border-radius:0;
-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);
box-shadow:0 0 0 0 rgba(0,0,0,0);
} .content .main-content .cat-text {
position:absolute;
width:100%;
padding:0 10% 10px 10%;
top:-46px;
right:auto;
text-align:center;
} .content .main-content .cat-text span {
font-size:13px;
} .content .main-content .cat-list {
display:block;
width:100%;
height:auto;
list-style:none;
margin:0 0 0 1.5%;
padding:0;
text-align:center;
} .content .main-content .cat-list .item {
float:left;
display:block;
width:45%;
margin:0 6px 10px 6px;
vertical-align:top;
background:url('../images/back_contentPanels_3.png') repeat-x;
-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.75);
box-shadow:0 1px 3px 0 rgba(0,0,0,0.75);
-webkit-border-radius:4px;
border-radius:4px;
cursor:pointer;
} .content .main-content .cat-list .item:first-child {
-webkit-border-radius:0;
border-radius:0;
} .content .main-content .cat-list .item:last-child {
-webkit-border-radius:0;
border-radius:0;
} .content .main-content .cat-list .item span {
display:block;
padding:0 4px 10px 4px;
font-size:15px;
} .content .main-content .cat-list .item:hover {
background:url('../images/back_contentPanels_4.png') repeat-x;
} .content .main-content .cat-list .item:hover span {
color:#FFF;
} .content .main-content .cat-list .item img {
display:block;
margin:auto;
margin-top:0!important;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
} .content .main-content .cat-list .item:hover img {
margin-top:-25px!important;
} .content .main-content .cat-shadow {
clear:both;
position:absolute;
z-index:0;
width:100%;
margin:-15px auto 0 auto;
} .content .main-content .cat-shadow img {
position:relative;
width:100%;
} .content .main-content .about-us {
width:100%;
height:auto;
padding:60px 5% 0 5%;
} .content .main-content .about-us > div:nth-child(1) {
width:100%;
text-align:center;
} .content .main-content .about-us .txt.b {
width:100%;
font-size:19px;
} .content .main-content .ps-guide {
width:76%;
margin:0 auto;
} .content .main-content .ps-guide .button {
position:absolute;
float:none;
right:6px;
padding:0 6px;
} .content .main-content .ps-guide .button button {
height:auto;
padding:8px;
margin:6px 10px 0 0;
font-size:13px;
} .content .main-content .ps-guide .titles {
padding:10px;
margin-left:-26px;
} .content .main-content .ps-guide .titles span {
font-size:21px;
} .content .main-content .ps-guide-box {
width:100%;
margin:14px auto 0 auto;
} .content .main-content .ps-guide-box .psp {
position:absolute;
top:33%;
left:-46px;
} .content .main-content .ps-guide-box .psn {
position:absolute;
top:33%;
right:-46px;
} .content .main-content .ps-guide-box .pss {
padding:18px 40px;
} .content .main-content .pss .product-slider {
width:100%;
} .content .main-content .pss .slide {
width:100%;
height:220px;
cursor:pointer;
} .content .main-content .pss .box.a {
float:none;
width:100%;
height:218px;
padding:10px;
border:1px solid rgba(0,0,0,.15);
-webkit-border-radius:4px;
border-radius:4px;
} .content .main-content .pss .box.a .text {
padding:20px 0;
text-align:center;
line-height:1.4em;
} .content .main-content .pss .box.a .txt.a {
font-size:17px;
color:#0D6759;
} .content .main-content .pss .box.a .txt.b {
display:block;
margin:0 0 3px 0;
font-size:14px;
line-height:1.2em;
} .content .main-content .pss .box.a .txt.c {
display:block;
margin:0 0 3px 0;
font-size:12px;
line-height:1.2em;
color:#666;
} .content .main-content .pss .box.b {
display:none;
/*
} .content .main-content .news-guide {
width:1080px;
margin:auto;
padding:20px 0;
} .content .main-content .news-guide .button {
position:relative;
float:right;
padding:0 6px;
} .content .main-content .news-guide .titles {
float:left;
padding:10px;
} .content .main-content .news-guide .titles span {
font-size:27px;
color:#0D6759;
letter-spacing:-.5px;
} .content .main-content .news-items {
position:relative;
width:100%;
margin:20px 0 0 0;
} .content .main-content .news-items .item {
float:left;
width:340px;
margin:0 30px 0 0;
} .content .main-content .news-items .item .image {
width:100%;
height:240px;
background:#ECECEC;
} .content .main-content .news-items .item .txt.a {
display:block;
width:90%;
font-size:21px;
font-weight:bold;
color:#0D6759;
letter-spacing:-.5px;
} .content .main-content .news-items .item .txt.b {
display:block;
width:90%;
font-size:14px;
line-height:1.4em;
*/
} .content .con-titles > div:nth-child(1) {
width:100%;
min-height:auto;
padding:16px;
border-top:1px solid rgba(255,255,255,.15);
} .content .con-titles h1 {
font-size:27px;
letter-spacing:-1px;
} .content .con-breadcrumb > div:nth-child(1) {
width:100%;
min-height:auto;
margin:auto;
padding:16px;
} .content .con-content {
width:100%;
} .content .con-content > div {
width:100%;
} .content .con-content .con-text {
width:100%;
text-shadow:0 0 2px #FFF, 0 0 3px #FFF, 0 0 4px #FFF, 0 0 5px #FFF, 0 0 6px #FFF, 0 0 7px #FFF, 0 0 15px #FFF, 0 0 15px #FFF;
} .content .con-content .prod-box {
float:left;
width:100%;
padding:30px;
margin:0 0 40px 0!important;
} .content .con-content .prod-box.a {
min-height:auto;
} .content .con-content .prod-box.b {
min-height:auto;
} .content .con-content .prod-box .txt.a {
display:block;
font-size:19px;
letter-spacing:-1px;
color:#FA2916;
} .content .con-content .prod-box .txt.b {
display:block;
padding:16px 0;
font-size:12.5px;
line-height:1.6em;
} .content .con-content .prod-box .txt.b div {
position:relative;
float:right;
margin:-100px -46px 0 0;
width:166px;
height:166px;
background:url('../images/back_prodPanel.png') no-repeat;
background-size:100% 100%;
} .content .product-list {
width:90%;
min-height:590px;
margin:auto;
padding:0 0 80px 0;
} .content .product-list .blank {
display:none;
} .content .product-list .filters {
position:relative;
height:auto;
padding:10px 20px;
margin-bottom:34px;
} .content .product-list .filters .left {
float:none;
width:100%;
line-height:2em;
} .content .product-list .filters .right {
display:none;
} .content .product-list .titles {
display:none;
} .content .product-list .spect {
display:none;
} .content .product-list .item {
display:block;
width:100%;
height:auto;
margin-bottom:14px;
} .content .product-list .item > div {
display:block;
} .content .product-list .item > div:nth-child(1) {
display:block;
width:100%;
} .content .product-list .item > div:nth-child(1) img {
margin:auto!important;
} .content .product-list .item > div:nth-child(2) {
display:block;
width:100%;
padding:16px;
text-align:center;
} .content .product-list .item > div:nth-child(3) {
display:block;
width:100%;
text-align:center;
} .content .product-list .item > div:nth-child(3) > div:nth-child(1) {
width:100%;
height:auto;
padding:12px;
overflow:inherit;
border-top:1px solid rgba(0,0,0,.1);
border-bottom:1px solid rgba(0,0,0,.1);
} .content .product-list .item > div:nth-child(4) {
display:block;
width:100%;
text-align:center;
} .content .product-list .item > div:nth-child(4) > div:nth-child(1) {
width:100%;
height:auto;
overflow:inherit;
} .content .product-list .item > div:nth-child(4) .box4a {
float:left;
width:70%;
min-height:auto;
padding:16px 12px;
border-right:1px solid rgba(0,0,0,.15);
} .content .product-list .item > div:nth-child(4) .box4b {
float:left;
width:30%;
min-height:auto;
padding:16px 12px;
white-space:nowrap;
text-align:left;
} .content .product-list .item > div:nth-child(4) .box4a span,
.content .product-list .item > div:nth-child(4) .box4b span {
font-size:10px;
line-height:1.8em;
} .content .product-list .item > div:nth-child(5) {
display:block;
width:100%;
} .content .product-list .item > div:nth-child(5) button {
padding:16px;
} .content .product-list .item > div:nth-child(5) button img {
display:inline-block!important;
margin:0 4px 0 4px!important;
vertical-align:middle;
} .content .product-list .item > div:nth-child(5) button br {
display:none!important;
} .content .product-list .item > div:nth-child(5) button span {
font-size:15px!important;
padding-right:4px;
} .content .product-list .pages {
text-align:center;
flex-direction:column;
} .content .product-list .pages span {
font-size:19px;
margin-bottom:20px;
} .content .product-detail {
width:90%;
min-height:490px;
margin:auto;
padding:20px 0 80px 0;
} .content .product-detail .prod-detail {
float:none;
width:100%;
} .content .product-detail .prod-detail .new-sign {
position:absolute;
top:-6px;
left:-6px;
} .content .product-detail .prod-detail .titles {
padding:18px;
font-size:15px;
text-align:center;
} .content .product-detail .prod-detail .texts {
width:100%;
padding:10px;
border:1px solid #ebebeb;
border-top:0;
-webkit-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
} .content .product-detail .prod-detail .efect {
display:none;
} .content .product-detail .prod-detail .detail {
float:none;
position:relative;
z-index:3;
width:100%;
height:auto;
padding:20px 20px 90px 20px;
font-size:14px;
overflow:inherit;
} .content .product-detail .prod-detail .detail .txt.a {
white-space:normal;
} .content .product-detail .prod-detail .detail .txt.b {
width:100%;
} .content .product-detail .prod-detail .detail .txt.c {
width:100%;
padding:10px;
background:#D3D3D3;
-webkit-border-radius:4px;
border-radius:4px;
font-weight:bold;
} .content .product-detail .prod-detail .detail .txt.d {
width:100%;
padding:10px;
} .content .product-detail .prod-detail .detail .txt.e {
width:100%;
padding:10px;
line-height:1.8em;
} .content .product-detail .prod-detail .detail .spect.a {
width:100%;
} .content .product-detail .prod-detail .detail .spect.b {
width:100%;
} .content .product-detail .prod-detail .image {
position:relative;
right:inherit;
width:100%;
min-height:auto;
border:1px solid #CCC;
border-top:0;
border-bottom:0;
} .content .product-detail .prod-detail .image img {
display:block;
width:100%;
height:auto;
margin:auto;
} .content .product-detail .prod-models {
float:none;
width:100%;
margin:20px 0 0 0;
} .content .product-detail .prod-models .titles {
display:flex;
height:100%;
align-items:center;
width:100%;
} .content .product-detail .prod-models .titles > div {
} .content .product-detail .prod-models .titles > div:nth-child(1) {
text-align:center;
} .content .product-detail .prod-models .titles > div:nth-child(2) {
} .content .product-detail .prod-models .titles > div:nth-child(3) {
} .content .product-detail .prod-models .item-list {
width:100%;
padding:0 15px 10px 15px;
border:1px solid #CCC;
border-top:0;
-webkit-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
height:auto;
} .content .product-detail .prod-models .item-list > div:nth-child(1) {
width:100%;
height:auto;
overflow:inherit;
} .content .product-detail .prod-models .spect {
display:table;
width:100%;
} .content .product-detail .prod-models .spect.a {
height:10px;
background:#FFF;
} .content .product-detail .prod-models .spect.b {
height:60px;
} .content .product-detail .prod-models .spect > div {
display:block;
border-right:0;
} .content .product-detail .prod-models .spect > div:nth-child(1) {
width:100%;
} .content .product-detail .prod-models .spect > div:nth-child(2) {
width:100%;
} .content .product-detail .prod-models .spect > div:nth-child(3) {
width:100%;
} .content .product-detail .prod-models .model-parts {
display:block;
width:100%;
font-size:12px;
table-layout:fixed;
cursor:pointer;
} .content .product-detail .prod-models .model-parts .item:hover {
background:#0D6759;
color:#FFF;
} .content .product-detail .prod-models .model-parts > div:nth-child(1) {
display:none;
} .content .product-detail .prod-models .item {
display:block;
} .content .product-detail .prod-models .item > div {
display:block;
padding:6px 16px;
border-right:0;
} .content .product-detail .prod-models .item > div:nth-child(1) {
font-weight:bold;
cursor:help;
} .content .product-detail .prod-models .item > div:nth-child(2) {
cursor:help;
} .content .product-detail .prod-models .item > div:nth-child(3) {
white-space:nowrap;
} .content .product-detail .prod-specs.a1 {
display:block;
float:none;
width:100%;
margin:20px 0 0 0;
} .content .product-detail .prod-specs.a1 .titles {
padding:18px;
text-align:center;
} .content .product-detail .prod-specs.a1 .item-list {
width:100%;
height:auto;
position:relative;
z-index:3;
padding:10px;
border:1px solid #CCC;
border-top:0;
-webkit-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
overflow:auto;
} .content .product-detail .prod-specs.a1 .item-list > div:nth-child(1) {
width:100%;
font-size:13px;
} .content .product-detail .prod-specs.a1 .item-list .item {
background:#E9E9E9;
padding:8px;
-webkit-border-radius:4px;
border-radius:4px;
} .content .product-detail .prod-specs.a1 .item-list .spect {
padding:12px 8px;
} .content .product-detail .used-titles {
position:relative;
z-index:1;
width:100%;
height:50px;
padding:18px 0 0 26px;
margin:16px 0 0 0;
font-size:15px;
font-weight:bold;
color:#FFF;
-webkit-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
} .content .product-detail .used-parts {
width:100%;
border:1px solid #CCC;
border-top:0;
-webkit-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
} .content .product-detail .used-parts > div:nth-child(1) {
width:100%;
min-height:240px;
padding:10px;
} .content .product-detail .used-parts .item {
float:left;
width:188px;
height:220px;
padding:10px;
background:#FFF;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #CCC;
cursor:pointer;
} .content .product-detail .used-parts .item:hover {
-webkit-box-shadow:inset 0 0 0 3px #FE0C03, 0 4px 1px 0 rgba(0,0,0,.15);
box-shadow:inset 0 0 0 3px #FE0C03, 0 4px 1px 0 rgba(0,0,0,.15);
} .content .product-detail .used-parts .item .text {
padding:12px 0;
text-align:center;
line-height:1.4em;
} .content .product-detail .used-parts .item .text .txt.a {
font-size:18px;
color:#0D6759;
} .content .product-detail .used-parts .item .text .txt.b {
font-size:14px;
} .content .product-detail .used-parts .item .text .txt.c {
font-size:12px;
color:#666;
} .content .product-detail .prod-specs.a2 > div:nth-child(1) {
display:table;
width:100%;
margin:20px 0;
font-size:13px;
} .content .product-detail .prod-specs.a2 .txt {
display:block;
width:100%;
margin-top:20px;
font-weight:bold;
} .content .product-detail .prod-specs.a2 .txt.a > div {
display:table-cell;
background:#E9E9E9;
padding:8px;
-webkit-border-radius:4px;
border-radius:4px;
} .content .product-detail .prod-specs.a2 .txt.b > div {
display:table-cell;
padding:12px 8px;
} .content .product-detail .prod-specs.b {
display:none;
} .content .product-detail .prod-specs.b > div:nth-child(1),
.content .product-detail .prod-specs.b > div:nth-child(2) {
display:table;
width:100%;
margin:30px 0;
font-size:13px;
} .content .product-detail .prod-specs.b .titles {
display:table-row;
font-weight:bold;
} .content .product-detail .prod-specs.b .titles .i {
display:table-cell;
width:190px;
background:#E9E9E9;
padding:8px;
-webkit-border-radius:4px;
border-radius:4px;
} .content .product-detail .prod-specs.b .titles .i2 {
display:table-cell;
width:390px;
background:#E9E9E9;
padding:8px;
-webkit-border-radius:4px;
border-radius:4px;
} .content .product-detail .prod-specs.b .titles .s {
display:table-cell;
width:auto;
} .content .product-detail .prod-specs.b .item {
display:table-row;
} .content .product-detail .prod-specs.b .item .i,
.content .product-detail .prod-specs.b .item .i2 {
display:table-cell;
padding:12px 8px;
} .content .product-detail .prod-specs.b .item .s {
display:table-cell;
width:auto;
} .content .con-under {
width:260px;
margin:90px auto;
white-space:nowrap;
} .content .con-under img {
vertical-align:middle;
} .content .con-under span {
font-size:19px;
}
.footer .con-maillist .form {
width:100%;
min-height:auto;
padding:40px 0;
} .footer .con-maillist .form.a {
max-width:100%;
} .footer .con-maillist .form.b {
max-width:100%;
} .footer .con-maillist .box.a {
float:none;
width:100%;
text-align:center;
} .footer .con-maillist .box.b {
float:none;
width:100%;
padding:16px 0;
text-align:center;
} .footer .con-maillist .box.b .txt.a {
display:block;
} .footer .con-maillist .box.b .txt.b {
display:block;
} .footer .con-maillist .box.c {
float:none;
width:90%;
margin:auto;
} .footer .con-address {
width:100%;
display:block;
padding:0 0 40px 0;
} .footer .con-address .box-map {
display:block;
width:100%;
vertical-align:top;
} .footer .con-address .box-map #map {
width:100%;
min-height:400px;
} .footer .con-address .box-address {
display:block;
width:100%;
padding:40px 0 0 0;
} .footer .con-address .box-address .addr-guide {
padding:0;
text-align:center;
} .footer .con-address .box-address .logo {
width:200px;
height:auto;
margin:auto;
} .footer .con-address .box-address .txt.a {
font-size:30px;
} .footer .con-address .box-address .txt.c {
font-size:31px;
} .footer .con-address .box-address .mark {
float:none!important;
vertical-align:top;
} .footer .con-social > div:nth-child(1) {
max-width:100%;
min-height:auto;
} .footer .con-social .left {
float:none;
width:100%;
padding:36px 0 0 0;
text-align:center;
} .footer .con-social .left span {
font-size:21px;
letter-spacing:-1px;
} .footer .con-social .right {
float:none;
width:100%;
padding:16px 0 30px 0;
text-align:center;
} .footer .con-links > div:nth-child(1) {
max-width:100%;
min-height:auto;
padding:0 0 34px 0;
} .footer .con-links .box {
float:none;
padding:34px 0 0 0;
} .footer .con-links .box {
width:100%!important;
text-align:center!important;
} .footer .con-copyright {
position:relative;
max-width:100%;
min-height:160px;
} .footer .con-copyright .left {
float:none;
width:50%;
margin:auto;
padding:40px 0 0 0;
text-align:center;
line-height:1.4em;
} .footer .con-copyright .right {
position:absolute;
bottom:40px;
width:100%;
float:none;
text-align:center;
} .footer .con-copyright .right img {
margin:auto;
}
/* css1 */
}
/* Tablet Portrait size to standard 768 (devices and browsers) */
@media only screen and (min-width:768px) and (max-width:768px) {
body {
zoom:63%;
}
/* css2 */
}
/* Tablet Portrait size to standard 768 (devices and browsers) */
@media only screen and (min-width:769px) and (max-width:1024px) {
body {
zoom: 65%!important;
}
/* css3 */
.content .product-detail {
width:1200px;
}
.content .prod-specs.a {
display:none!important;
} .content .prod-specs.b {
display:block!important;
}
}
/* Tablet Portrait size to standard 768 (devices and browsers) */
@media only screen and (min-width:1025px) and (max-width:1279px) {
body {
zoom: 81%!important;
}
#launcher {
zoom: 114%!important;
}
.content .product-detail {
width:1200px;
}
.content .prod-specs.a {
display:none!important;
} .content .prod-specs.b {
display:block!important;
}
/* css4 */
}
/* Tablet Landscape size to standard (devices and browsers) */
@media only screen and (min-width:1280px) and (max-width:1299px) {
body {
zoom: 85%!important;
}
.zEWidget-webWidget {
zoom: 114%!important;
}
#launcher {
zoom: 114%!important;
}
.content .product-detail {
width:1200px;
}
.content .prod-specs.a {
display:none!important;
} .content .prod-specs.b {
display:block!important;
}
/* css5 */
}
/* Tablet Landscape size to standard (devices and browsers) */
@media only screen and (min-width:1300px) and (max-width:1600px) {
body {
zoom: 88%!important;
}
.zEWidget-webWidget {
zoom: 114%!important;
}
#launcher {
zoom: 114%!important;
}
.content .product-detail {
width:90%;
}
.content .prod-specs.a {
display:block!important;
} .content .prod-specs.b {
display:none!important;
}
/* css5 */
}
/* /////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////// */
.gg1 {
background: #0D6759;
} .gg2 {
background:rgb(247,247,247);
background:-moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(235,235,235,1) 100%);
background:-webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%);
background:linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ebebeb',GradientType=0 );
} .gg3 {
background: rgb(238,238,238);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(249,249,249,1) 100%);
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(249,249,249,1) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(249,249,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f9f9f9',GradientType=0 );
}
.flex {
position:relative;
display:-webkit-flex;
display:-moz-flex;
display:flex;
} .flex div {
overflow:hidden;
text-overflow:ellipsis;
width:100%;
min-width:0;
} .flex.right div {
display:inline-block;
padding:0 10px 0 0;
} .flex.center {
text-align:center;
} .flex.center div {
margin:auto;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
input[type='checkbox'],
input[type='radio'] {
--active: #0D6759;
--active-inner: #fff;
--focus: 2px rgba(0, 0, 0, .15);
--border: #BBC1E1;
--border-hover: #0D6759;
--background: #fff;
--disabled: #F6F8FF;
--disabled-inner: #E1E6F9;
-webkit-appearance: none;
-moz-appearance: none;
height: 21px;
outline: none;
display: inline-block;
vertical-align: middle;
position: relative;
margin: 0;
cursor: pointer;
border: 1px solid var(--bc, var(--border));
background: var(--b, var(--background));
-webkit-transition: background .3s, border-color .3s, box-shadow .2s;
transition: background .3s, border-color .3s, box-shadow .2s;
}
input[type='checkbox']:after,
input[type='radio']:after {
content: '';
display: block;
left: 0;
top: 0;
position: absolute;
-webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
}
input[type='checkbox']:checked,
input[type='radio']:checked {
--b: var(--active);
--bc: var(--active);
--d-o: .3s;
--d-t: .6s;
--d-t-e: cubic-bezier(.2, .85, .32, 1.2);
}
input[type='checkbox']:disabled,
input[type='radio']:disabled {
--b: var(--disabled);
cursor: not-allowed;
opacity: .9;
}
input[type='checkbox']:disabled:checked,
input[type='radio']:disabled:checked {
--b: var(--disabled-inner);
--bc: var(--border);
}
input[type='checkbox']:disabled + label,
input[type='radio']:disabled + label {
cursor: not-allowed;
}
input[type='checkbox']:hover:not(:checked):not(:disabled),
input[type='radio']:hover:not(:checked):not(:disabled) {
--bc: var(--border-hover);
}
input[type='checkbox']:focus,
input[type='radio']:focus {
box-shadow: 0 0 0 var(--focus);
}
input[type='checkbox']:not(.switch),
input[type='radio']:not(.switch) {
width: 21px;
}
input[type='checkbox']:not(.switch):after,
input[type='radio']:not(.switch):after {
opacity: var(--o, 0);
}
input[type='checkbox']:not(.switch):checked,
input[type='radio']:not(.switch):checked {
--o: 1;
}
input[type='checkbox'] + label,
input[type='radio'] + label {
font-size: 14px;
line-height: 21px;
display: inline-block;
vertical-align: top;
cursor: pointer;
margin-left: 4px;
}
input[type='checkbox']:not(.switch) {
border-radius: 5px;
}
input[type='checkbox']:not(.switch):after {
width: 5px;
height: 9px;
border: 2px solid var(--active-inner);
border-top: 0;
border-left: 0;
left: 6px;
top: 3px;
-webkit-transform: rotate(var(--r, 20deg));
transform: rotate(var(--r, 20deg));
}
input[type='checkbox']:not(.switch):checked {
--r: 43deg;
}
input[type='checkbox'].switch {
width: 38px;
border-radius: 5px;
}
input[type='checkbox'].switch:after {
left: 2px;
top: 2px;
border-radius: 50%;
width: 15px;
height: 15px;
background: var(--ab, var(--border));
-webkit-transform: translateX(var(--x, 0));
transform: translateX(var(--x, 0));
}
input[type='checkbox'].switch:checked {
--ab: var(--active-inner);
--x: 17px;
}
input[type='checkbox'].switch:disabled:not(:checked):after {
opacity: .6;
}
input[type='radio'] {
border-radius: 50%;
}
input[type='radio']:after {
width: 19px;
height: 19px;
border-radius: 50%;
background: var(--active-inner);
opacity: 0;
-webkit-transform: scale(var(--s, 0.7));
transform: scale(var(--s, 0.7));
}
input[type='radio']:checked {
--s: .5;
}
}
button.orange {
background:#0D6759;
height:44px;
color:#FFF;
padding:0 10px;
text-shadow:0px -1px 0px #a37734;
-webkit-border-radius:4px;
border-radius:4px;
transition: 0.4s all ease-in-out;
cursor:pointer;
} button.orange:hover {
background-color:#1b6e48;
} button.orange:active {
top:1px;
height:43px;
}
button.oranges {
background:#0D6759;
height:44px;
color:#EEE;
border:1px solid #0D6759;
padding:0 16px;
text-shadow:0px -1px 0px #a37734;
-webkit-border-radius:4px;
border-radius:4px;
cursor:pointer;
} button.oranges:hover {
background:#fff;
color:#0D6759;
} button.oranges:active {
margin:1px 0 0 0;
height:43px;
}
button.product {
width:100%;
height:100%;
padding:0 10px;
cursor:pointer;
background:#D9D9D9;
} button.product img {
background:url('../images/btn_searchIconInvert.png') no-repeat center;
} button.product:hover img,
.product-list .item:hover button.product img {
background:url('../images/btn_searchIcon.png') no-repeat center;
} button.product:hover,
.product-list .item:hover button.product {
color:#FFF;
text-align:center;
-moz-box-shadow:inset 0px 2px 3px 0px #51A07E;
-webkit-box-shadow:inset 0px 2px 3px 0px #51A07E;
box-shadow:inset 0px 2px 3px 0px #51A07E;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #51A07E), color-stop(1, #0D6759) );
background:-moz-linear-gradient( center top, #51A07E 5%, #0D6759 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#51A07E', endColorstr='#0D6759');
background-color:#51A07E;
border:1px solid #51A07E;
text-shadow:0px -1px 0px #0D6759;
} button.product:active {
}
button.black {
background:#000;
height:44px;
color:#EEE;
padding:0 16px;
text-shadow:0px -1px 0px #a37734;
-webkit-border-radius:4px;
border-radius:4px;
cursor:pointer;
} button.black:hover {
background:#222;
color:#FFF;
} button.black:active {
margin:1px 0 0 0;
height:43px;
}
.search-bar input::-webkit-input-placeholder {
color:rgba(0,0,0,0.35)!important;
} .search-bar input:-moz-placeholder {
color:rgba(0,0,0,0.35)!important;
} .search-bar input::-moz-placeholder {
color:rgba(0,0,0,0.35)!important;
} .search-bar input:-ms-input-placeholder {
color:rgba(0,0,0,0.35)!important;
}
input[name=frm-mail]::-webkit-input-placeholder {
color:rgba(255,255,255,0.5)!important;
} input[name=frm-mail]:-moz-placeholder {
color:rgba(255,255,255,0.5)!important;
} input[name=frm-mail]::-moz-placeholder {
color:rgba(255,255,255,0.5)!important;
} input[name=frm-mail]:-ms-input-placeholder {
color:rgba(255,255,255,0.5)!important;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset!important;
}
::-webkit-scrollbar-track {
-webkit-box-shadow:none;
-webkit-border-radius:0;
border-radius:0;
background-color:#EAEAEA;
} ::-webkit-scrollbar {
width:12px;
height:12px;
} ::-webkit-scrollbar-thumb {
-webkit-border-radius:0;
border-radius:0;
-webkit-box-shadow:none;
background-color:#333;
border-left:1px solid #FFF;
}
.gscale {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray;
-webkit-transition: all .6s ease;
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input[type=text], input[type=password], textarea, select {
font-size:14px;
padding:10px;
background:transparent;
vertical-align:middle;
resize:none;
margin:0;
-webkit-appearance:none;
color:#111;
}
.navbar-sticky.sticky.fade_down_effect1{
background:white;
animation:fadeInDown 0s alternate;
}
.fixed{
box-shadow:none!important;
}
input:focus[type=text], input:focus[type=password], textarea:focus {
}
#blockPopupDiv {
position:fixed;
z-index:9998;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
} #blockPopupDiv > div:nth-child(1) {
display:table;
width:100%;
height:100%;
} #blockPopupDiv > div:nth-child(1) > div:nth-child(1) {
display:table-cell;
vertical-align:middle;
text-align:center;
} #blockPopupDiv #ytplayer {
position:relative;
z-index:1;
display:inline-block;
vertical-align:top;
margin:auto;
background:#FFF;
-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.75);
box-shadow:0 10px 20px 0 rgba(0,0,0,0.75);
} #blockPopupDiv .popup-img {
position:relative;
z-index:1;
display:inline-block;
vertical-align:top;
width:auto;
max-width:80%;
height:auto;
max-height:80%;
padding:10px;
margin:auto;
background:#FFF;
-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.75);
box-shadow:0 10px 20px 0 rgba(0,0,0,0.75);
}
#blockCallCenter {
display:none;
position:fixed;
z-index:9998;
width:100%;
background:url(../images/blockImageBlack.png);
} #blockCallCenter > div:nth-child(1) {
position:fixed;
display:table;
width:100%;
height:100%;
} #blockCallCenter > div:nth-child(1) > div:nth-child(1) {
display:table-cell;
vertical-align:middle;
} #blockCallCenter .dialogBorder {
position:relative;
margin:auto;
min-height:240px;
padding:20px;
width:640px;
background:#FFF;
border:1px solid #CCC;
-moz-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.5);
-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.5);
box-shadow: 0 10px 10px 0 rgba(0,0,0,0.5);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
} #blockCallCenter .girl {
position:absolute;
top:-32px;
right:-38px;
} #blockCallCenter .title {
font-size:36px;
letter-spacing:-1px;
color:#173C8A;
} #blockCallCenter .table {
display:table;
width:85%;
} #blockCallCenter .table .row {
display:table-row;
} #blockCallCenter .table .row > .cell:nth-child(1) {
display:table-cell;
width:32%;
} #blockCallCenter .table .row > .cell:nth-child(2) {
display:table-cell;
width:3%;
} #blockCallCenter .table .row > .cell:nth-child(3) {
display:table-cell;
width:65%;
padding:2px 0;
} #blockCallCenter .table .row .cell input {
width:86%;
}
#processDiv {
display:none;
position:fixed;
background:#5A5A5A;
color:#FFF;
z-index:9999;;
top:0;
left:0;
}
#blockDiv {
display:none;
position:fixed;
z-index:999;
width:100%;
background:url(../images/blockImageBlack.png);
}
#blockTableDiv {
display:none;
position:fixed;
z-index:9999;
width:100%;
background:url(../images/blockImageBlack.png);
} #blockTableDiv .dialogBorder {
width:90%;
max-width:400px;
background:#FFF;
-webkit-border-radius:4px;
border-radius:4px;
margin:auto;
-webkit-box-shadow: 0 10px 34px 0 rgba(0,0,0,0.35);
box-shadow: 0 10px 34px 0 rgba(0,0,0,0.35);
} #blockTableDiv .dialogBack {
border:10px solid #FFF;
-webkit-border-radius:4px;
border-radius:4px;
} #blockTableDiv #dialogTitle {
padding:10px 0 0 0;
font-size:19px;
font-weight:bold;
color:#333;
} #blockTableDiv #dialogContent {
margin:0 0 10px 0;
padding:0 10px 6px 10px;
font-size:14px;
line-height:1.4em;
color:#333;
} #blockTableDiv .dialogButton {
margin:auto;
padding:0 0 14px 0;
} #blockTableDiv .dialogButton>input[type=button] {
border:0;
display:block;
padding:10px 14px;
font-size:14px;
color:#FFF;
background:#333;
cursor:pointer;
-webkit-border-radius:4px;
border-radius:4px;
margin:auto;
}
#blockLoaderDiv {
display:none;
position:fixed;
z-index:9998;
width:100%;
text-align:center;
} #blockLoaderDiv > div:nth-child(1) {
position:fixed;
display:table;
width:100%;
height:100%;
background:url('../images/back_blockImage.png');
} #blockLoaderDiv > div:nth-child(1) > div:nth-child(1) {
display:table-cell;
vertical-align:middle;
} #blockLoaderDiv .dialogBorder {
display:inline-block;
min-width:280px;
background:#FFF;
border:1px solid #CCC;
-moz-box-shadow:0 10px 10px 0 rgba(0,0,0,0.5);
-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,0.5);
box-shadow:0 10px 10px 0 rgba(0,0,0,0.5);
-webkit-border-radius:20px;
border-radius:20px;
} #blockLoaderDiv .dialogBack {
border:10px solid #FFF;
height:80px;
-webkit-border-radius:20px;
border-radius:20px;
} #blockLoaderDiv .dialogTitle {
padding:10px 0 0 0;
font-size:19px;
font-weight:bold;
color:#5A5A5A;
}
img {
border:0;
}
.clear, .clr {
clear:both;
}
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
.hamburger-right{
color:#000;
display:none;
font-size: 30px
}
.nav-wrapper {
position: absolute;
display: inline-block;
/* margin-top: 10px; */
top: -10px;
display: flex;
right: 20%;
}
.sl-nav {
display: inline;
}
.sl-nav ul {
margin: 0;
padding: 0;
list-style: none;
position: relative;
display: inline-block;
}
.sl-nav li {
cursor: pointer;
padding-bottom: 10px;
}
.sl-nav li ul {
display: none;
}
.sl-nav li:hover ul {
position: absolute;
top: 29px;
right: -15px;
display: block;
background: #fff;
text-align: center;
width: 100px;
padding-top: 0px;
z-index: 4000001;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.sl-nav li:hover .triangle {
position: absolute;
top: 15px;
right: -10px;
z-index: 10;
height: 14px;
overflow: hidden;
width: 30px;
background: transparent;
}
.sl-nav li:hover .triangle:after {
content: "";
display: block;
z-index: 20;
width: 15px;
transform: rotate(45deg) translateY(0px) translatex(10px);
height: 15px;
background: #fff;
border-radius: 2px 0px 0px 0px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.sl-nav ul li b{
color:#000;
}
.sl-nav ul li i{
color:#fff;
}
.fa-angle-down:before{
position: relative;
top: 5px
}
.sl-nav ul li ul li a{
color:#000!important;
}
.sl-nav li ul li {
position: relative;
text-align: center;
background: transparent;
padding:10px;
border-bottom: 1px solid #ebebeb;
width: 100%;
z-index: 2;
font-size: 15px;
color: #3c3c3c;
}
.sl-nav li ul li:last-of-type {
}
.sl-nav li ul li span {
padding-left: 5px;
}
.sl-nav li ul li span:hover, .sl-nav li ul li span.active {
color: #146c78;
}
.sl-flag {
display: inline-block;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
width: 15px;
height: 15px;
background: #aaa;
border-radius: 50%;
position: relative;
top: 2px;
overflow: hidden;
}
.flag-de {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAPUlEQVQ4T+3HMQ0AIBTE0NOHM8x9B7hgh71bIWGieUvze1m7kHGBr/AVvsJX+EpmP5dV5/gKX+ErfIUvVDYcX2NMxQC8PAAAAABJRU5ErkJggg==");
background-size: cover;
background-position: center center;
}
.flag-austria {
background-size: cover;
background-position: center center;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABD0lEQVQ4jaWTwUrDQBCG92bwEbKzZc1ML6Ki6Psp+gJCDsEefA1tQzAXn0AqSA+5eXF3e0nIrlLjIVhMWqtJB/7b/N/yM/8y1po3EZxpoJHhNFMc3xVHp4FelMBozofH7f3lvPr+ruZ0q4Gq36SAPjUMbzIpvRWzAnrcZG6AOKYNyF8vr4UIjOrMAzztav6OY2DviJVxclUmD2kfFXFywZxzM+dc1VPPzFr70RdgrS22B2wZYcrK+8llPo7TPiruxuds7tNJ3bDOZ1wYgQd1kYBGXQEGKFw2MZPSUxzTfwMExhXRTuM/ZFJ6SmC0KY4CWhigcMX8cwwEhwYo1IBTDUGuIcgVpycNeK0HtN/e/wJkPl9ljmKEagAAAABJRU5ErkJggg==");
}
.nav-area{
width: 100%;
position: relative;
display: block;
height: 100%;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.hamb{
display: flex;
align-items: baseline;
justify-content: space-evenly;
}
.bdt-timeline-container {
display: flow-root;
box-sizing: content-box;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.upk-xnac-slide-wrapper {
background: #2B2D42;
}
.upk-xnac-single-slide-wrap {
height: 100%;
width: 100%;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item {
display: flex;
align-items: center;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-xnac-image-wrap {
width: 100%;
height: 100%;
display: flex;
flex-direction: row-reverse;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-xnac-image-wrap::before {
position: absolute;
content: none;
height: 80px;
width: 10px;
background: #f00;
left: 35%;
bottom: 0;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-xnac-img {
width: 100%;
height: 194px;
-o-object-fit: cover;
object-fit: cover;
padding: 0;
background: #ef233c;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-xnac-content-wrap {
overflow: hidden;
padding-left: 20px;
padding-right: 20px;
position: absolute;
left: 0;
max-width: 618px;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-xnac-title {
font-size: 20px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 30px;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-xnac-title a {
text-decoration: none;
color: #edf2f4;
transition: all 0.3s ease;
background: #ef233c;
padding: 0 8px;
-webkit-box-decoration-break: clone;
line-height: 30px;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-xnac-title a:hover {
background: #D90429;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-xnac-meta-box-wrap {
display: inherit;
align-items: center;
overflow: hidden;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-xnac-author {
display: flex;
align-items: center;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-author-img img {
width: 45px;
border-radius: 50px;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-author-text {
display: flex;
flex-direction: column;
font-size: 13px;
color: #8D99AE;
text-transform: uppercase;
padding-left: 15px;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-author-text .upk-name {
text-decoration: none;
margin-bottom: 6px;
transition: all 0.3s ease;
color: #cacdce;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-author-text .upk-name:hover {
color: #D90429;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-xnac-button-wrap {
display: none;
}
.upk-xnac-single-slide-wrap .upk-xnac-slide-item .upk-xnac-button-wrap a {
text-decoration: none;
background: transparent;
border-width: 2px;
border-style: solid;
border-color: #ef233c;
color: #ef233c;
background: transparent;
padding: 10px 15px;
display: inline-block;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
transition: all 0.3s ease;
}
.button {
padding: 18px 20px;
text-transform: uppercase;
margin-top: 50px;
display: inline-block;
text-decoration: none;
font-weight: 700;
font-size: 15px;
color: #fff;
}
.social {
display: -webkit-box;
text-align:center;
display: -ms-flexbox;
display: flex;
justify-content: center;
gap: 5px;
}
.link {
position: relative;
width: 45px;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
overflow: hidden;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.facebook {
}
.twitter {
}
.instagram {
/*background: #cd486b;*/
}
.github {
background: #212121;
}
.copy-log{
width: 5%;
filter:invert(1);
}
.linkedin {
}
.link:hover {
width: 150px;
}
.icon {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: white;
font-size: 1.2rem;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.link:hover .icon {
width: 30%;
}
.top-ad{
font-size:15px;
}
.link .text{
top:30%;
}
.top-ad-ay{
margin:0 10px;
}
.sl-yazi{
font-size: 15px;
color: #fff;
}
.social a{
color: #fff;
display: flex;
font-size: 15px;
align-items: center;
}
.social a:hover{
text-decoration: none;
color:#fff;
}
.social a .circle-social{
margin-left: 10px
}
.circle-social{
width: 10px;
height: 10px;
background: #4496a3;
border-radius: 50%;
margin-right: 10px
}
.harita-area iframe{
border-radius: 10px;
}
.text {
position: absolute;
right: 0;
color: white;
font-size: 1rem;
font-weight: 600;
width: 0;
opacity: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.addr-guide i{
margin-right: 10px;
font-weight: 500;
font-size: 20px;
}
.tum-link{
color:#fff;
text-decoration:none;
}
.tum-link:hover{
color:#0D6759;
text-decoration:none;
}
.button.oranges:hover{
background:#fff;
border-color:#0D6759;
color:#0D6759;
}
.button.oranges:hover.tum-link{
color:#0D6759;
}
#yazi-right{
display: block;
padding-left:0!important;
margin-bottom: 10px
}
#resim-area{
margin-top: 50px;
}
.form-card select{
border:1px solid #ebebeb;
display: flex;
width: 100%;
}
#resim-area img{
width:100%;max-height:100px;
border-radius:5px;
margin-bottom: 20px;
}
.addr-guide .txt.b{
font-weight: 500;
font-size:17px;
margin-bottom: 20px
}
.addr-guide .txt{
font-weight: 500;
font-size:15px;
}
.link:hover .text {
width: 70%;
opacity: 1;
}
.hamburger-right{
cursor: pointer;
}
.ilet{
padding:15px 50px;
border:1px solid #ebebeb;
background: #0D6759;
color:#fff;
position: relative;
font-size: 17px;
top: 30px;
border-radius: 5px;
}
.alt-menu-area{
display: flex;
flex-direction: column;
justify-content: center;
}
.addr-guide{
margin-top: 10px;
}
.right-logo img{
position: relative;
top: 20%
}
.right-menu-area{
width: 25%;
background: #fff;
overflow-y:scroll;
border-left:1px solid #ebebeb;
position: fixed;
height: 100%;
transform: translateX(100%);
right: 0;
transition: 1s all ease-in-out;
padding:10px 30px;
top:0;
z-index: 300000001;
}
.right-menu-area .social a{
color:#000;
}
.right-menu-area .social a i{
position: relative;
top: -3px;
margin-right: 5px;
}
.is-open{
transform: translateX(0%);
}
@keyframes trans{
0%{
transform: translateX(100%);
}
100%{
transform: translateX(0%);
}
}
.right-about{
margin:25px 0;
}
.close-btn{
position: relative;
font-size: 30px;
float: right;
}
.blog-slider {
width: 95%;
position: relative;
max-width: 100%;
margin: auto;
background: #fff;
border-radius: 25px;
height: 90vh;
transition: all 0.3s;
}
.devam{
border-radius:5px;
}
.devam i{
position:relative;
top:-3px;
}
.mobile-left-img{
width: 80%;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 30%;
}
#bttn:hover{
color:#fff!important;
}
.blog-slider__button1,a:hover{
text-decoration:none!important;
}
.footer-social-icon{
display:flex;
}
@media screen and (max-width: 992px) {
#mob-ciz{
display:none;
}
.footer-social-icon{
justify-content:center;
margin-bottom:30px;
}
.footer-logo img{
position:relative;
margin:auto;
display:block;
max-width:85%!important;
}
.news-card{
margin-bottom:50px;
}
.stic{
position:relative!important;
}
.blog-slider__img1 img{
top:0!important;
}
.tepe-list{
flex-direction:column;
}
.tepe-yazi{
margin-bottom:20px;
}
.blog-slider1{
}
.tab__bar{
display: flex;
width: 100%;
white-space: nowrap;
overflow-x: scroll;
}
.yazi-alanii .blog-slider1{
min-height:auto!important;
margin:60px 0!important;
}
.blog-slider__img2{
transform: translateY(-50%)!important;
}
.project-section__row .project-section__info h2{
font-size:3.3rem!important;
}
.project-section__row .project-section__info h2::after{
right:0!important;
left:-15%;
width:100%;
}
.dil ul{
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
#sub2{
position:relative!important;
display:block;
}
.text-sol .w-50{
width:25%!important;
}
.swiper-pagination-clickable .swiper-pagination-bullet{
margin:0 10px;
}
.swiper-pagination{
width:100%;
bottom:10px;
}
.product__carousel .gallery-top{
height:auto!important;
}
.navbar-sticky.sticky.fade_down_effect1#arama-area{
height:auto;
}
fieldset input[type=text]{
margin:-15px 0;
height:50px!important;
}
.header-filter .box.c{
height:50px;
}
.header-filter .box.d button{
position:relative!important;
margin-top:40px!important;
padding:10px!important;
}
.header-filter{
height:100%;
}
.ic-form{
width:100%!important;
top:0!important;
left:0!important;
}
.first-field{
float:inherit!important;
width:100%!important;
}
.second-field{
float:inherit!important;
width:100%!important;
}
.third-field{
float:inherit!important;
width:100%!important;
}
.four-field{
float:inherit!important;
width:100%!important;
}
.text-sol{
text-align:center!important;
}
.alt-img img{
width:100%!important;
}
.breadcrumb-row{
top:190%!important;
width:100%;
}
.new-title{
padding:50px 0!important;
}
.page-title .heading{
font-size:2rem!important;
}
.mobile-left-img{
position:relative;
}
.content .product-detail .prod-detail .image{
height:auto;
top:0;
display:none;
}
.content .product-detail .prod-detail .image img{
top:0;
}
.sl-nav ul li i{
color:#0D6759!important;
}
.sl-yazi{
color:#0D6759;
text-transform:uppercase
}
.nav-wrapper{
width:100%;
}
.top-bar .social{
display:none;
}
.top-bar #topo{
display:none;
}
.top-bar .nav-wrapper{
display:none;
}
.tum-alan{
flex-direction:column;
}
.resimm-area{
margin-bottom:20px;
width:50%;
}
.yazi-alanii{
margin:0!important;
padding:10px;
width:100%!important;
}
#progressbar strong{
font-size:10px!important;
}
.news-area{
flex-direction:column;
}
.news-guide h2{
margin-bottom:50px;
}
.news-guide{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column-reverse;
}
.post-detail{
flex-direction:column;
}
.hamb{
display:none;
}
.top-ad-ay{
margin:0;
color:#0D6759!important;
}
.top-ad i{
position:relative;
top:-2px;
color:#0D6759!important;
margin-right:5px;
}
.top-ad{
font-size: 12px;
color:#0D6759!important;
display: inline-block;
position: relative;
}
.top-bar{
height:auto!important;
}
.breadcrumb-row ul{
padding:10px!important;
}
.about-section .image-column .image-1{
width:100%;
}
.image-column .image-1 img{
width:100%;
border-radius:10px;
margin:100px 0;
}
.about-section .image-column .inner-column{
padding:0!important;
}
.about-section .image-column .image-2{
display:none;
}
.about-section .image-column .inner-column:before{
display:none;
}
.blog-slider {
max-width: 100%;
height: 200px;
}
}
@media screen and (max-width: 768px) {
.blog-slider {
margin: 40px auto;
}
}
@media screen and (max-height: 500px) and (min-width: 992px) {
.blog-slider {
height: 350px;
}
}
@media screen and (max-width: 768px) {
.blog-slider__item {
flex-direction: column;
}
}
.blog-slider__item.swiper-slide-active .blog-slider__img img {
opacity: 1;
transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > * {
opacity: 1;
transform: none;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
transition-delay: 0.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
transition-delay: 0.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
transition-delay: 0.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
transition-delay: 0.7s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
transition-delay: 0.8s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
transition-delay: 0.9s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
transition-delay: 1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
transition-delay: 1.1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
transition-delay: 1.2s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
transition-delay: 1.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
transition-delay: 1.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
transition-delay: 1.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
transition-delay: 1.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
transition-delay: 1.7s;
}
.blog-slider__img {
width: 100%;
flex-shrink: 0;
height: 100%;
border-radius: 20px;
overflow: hidden;
}
.blog-slider__img:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 20px;
opacity: 0.8;
}
.blog-slider__img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
opacity: 0;
border-radius: 20px;
transition: all 0.3s;
}
@media screen and (max-width: 768px) {
.blog-slider__img {
width: 100%;
}
}
@media screen and (max-width: 576px) {
.blog-slider__img {
width: 100%;
}
}
@media screen and (max-height: 500px) and (min-width: 992px) {
.blog-slider__img {
height: 270px;
}
}
.blog-slider__content {
padding-right: 25px;
position: absolute;
width: 60%;
left:5%;
z-index: 2;
top:40%;
}
@media screen and (max-width: 768px) {
.blog-slider__content {
margin-top: -80px;
text-align: center;
padding: 0 30px;
}
}
@media screen and (max-width: 576px) {
.blog-slider__content {
padding: 0;
}
}
.blog-slider__content > * {
opacity: 0;
transform: translateY(25px);
transition: all 0.4s;
}
.blog-slider__code {
color: #7b7992;
margin-bottom: 15px;
display: block;
font-weight: 500;
}
.header .right .buttons li a:after {
background: none repeat scroll 0 0 transparent;
bottom: 0;
content: "";
display: block;
height: 2px;
left: 0%;
background: #000;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
width: 0;
}
.header .right .buttons li a:hover:after {
width: 100%;
left: 0;
}
.blog-slider__title {
font-size: 4.1rem;
font-weight: 700;
text-transform:capitalize;
color: #fff;
line-height:1.2;
margin-bottom: 20px;
}
.blog-slider__text {
color: #fff;
margin-bottom: 30px;
line-height: 1.5em;
font-size: 1.2rem;
}
.blog-slider__button {
display: inline-flex;
background-image: linear-gradient(147deg, #0B2E59 0%, #0D6759 74%);
padding: 15px 35px;
border-radius:10px;
color: #fff;
text-decoration: none;
font-weight: 500;
justify-content: center;
text-align: center;
letter-spacing: 1px;
}
@media screen and (max-width: 576px) {
.blog-slider__button {
width: 100%;
}
}
.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.blog-slider__pagination {
position: absolute;
z-index: 21;
right: 20px;
width: 11px !important;
text-align: center;
left: auto !important;
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.blog-slider__pagination {
transform: translateX(-50%);
left: 50% !important;
top: 205px;
bottom: 10px !important;
width: 100% !important;
display: flex;
justify-content: center;
align-items: end;
}
}
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 8px 0;
}
@media screen and (max-width: 768px) {
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
}
.blog-slider__pagination .swiper-pagination-bullet {
width: 11px;
height: 11px;
display: block;
border-radius: 10px;
background: #fff;
opacity: 0.6;
transition: all 0.3s;
}
.blog-slider__pagination .swiper-pagination-bullet-active {
opacity: 1;
background: #0D6759;
height: 30px;
box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
}
@media screen and (max-width: 768px) {
.blog-slider__pagination .swiper-pagination-bullet-active {
height: 11px;
width: 30px;
}
}
.style-1 {
position: relative;
background-color: #000;
text-align: center;
}
.new-title {
background-image: url(https://wallpapercrafter.com/desktop4/1272233-Cars-Other-Cars-Grill-hexagon-geometric-shape.jpg);
padding: 100px 0;
margin-bottom: 50px;
width: 100%;
background-size: cover;
background-position: top;
position: relative;
}
.page-title .heading {
font-size: 70px;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 0;
}
.text-white {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.breadcrumb-row {
position: absolute !important;
top:200%;
left: 50%;
transform: translateX(-50%);
padding: 0rem 0rem;
background: #9467FE;
border-radius: 0.6rem 0.6rem 0 0;
height: 1.25rem;
}
.breadcrumb-row ul {
background: white;
padding: 0;
display: inline-block;
padding: 10px 30px;
border-radius: 8px;
}
.breadcrumb-row ul {
margin-bottom: 0;
margin-top: -25px;
z-index: 1;
box-shadow: 0px 15px 40px rgba(1, 18, 111, 0.15);
position: relative;
}
.breadcrumb-row:after {
content: "";
position: absolute;
left: -35px;
bottom: 0;
background-color: white;
width: calc(100% + 70px);
height: 20px;
border-radius: 12px 12px 0 0;
}
.breadcrumb-row ul li {
padding: 0;
margin-right: 3px;
display: inline-block;
font-size: 17px;
font-weight: 600;
text-transform: capitalize;
color: #898989;
}
.breadcrumb-item.active{
color:#000!important;
}
.bg-shape1 {
top: 20%;
left: 6%;
animation: aniRotate 10s infinite linear;
width: 70px;
}
.bg-shape1, .bg-shape2, .bg-shape3, .bg-shape4 {
position: absolute;
filter: opacity(0.5);
}
.bg-shape2 {
right: 8%;
bottom: 2%;
animation: aniRotate 10s infinite linear;
width: 70px;
}
.bg-shape3 {
bottom: 10%;
left: 2%;
animation: aniRotate 10s infinite linear;
}
.bg-shape4 {
top: 20%;
right: 2%;
animation: aniRotate 10s infinite linear;
}
@keyframes aniRotate{
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}
.animation-reveal {
animation: reveal 1s cubic-bezier(0.77, 0, 0.175, 1);
}
@keyframes reveal {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.ayri-alan h1{
font-size:20px;
color:#000;
}
.ayri-alan1 h1{
font-size:20px;
color:#000;
}
.ayri-alan1{
height:100%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.mini-card {
cursor:pointer;
user-select: none;
border-radius: 12px;
border:1px solid #ebebeb;
margin-bottom: 30px;
transition: 0.4s all ease-in-out;
}
.cardd-area{
display: flex;
}
.media-image {
background-repeat: no-repeat;
background-position: 90% 50%;
background-size: 24%;
border-radius: 10px;
overflow: hidden;
position: relative;
width:100%;
z-index: 0;
}
.media-image1 {
background-repeat: no-repeat;
background-position: 90% 50%;
background-size: 24%;
border-radius: 10px;
overflow: hidden;
position: relative;
width:60%;
z-index: 0;
}
.mdc-card__primary-action:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.mdc-card__primary-action:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.card-info {
background-color: white;
height: 240px;
border-radius:10px;
align-items: center;
justify-content: flex-start;
transition: 0.4s all ease-in-out;
position:relative;
margin-bottom:50px;
z-index:2;
}
.card-info > h1 {
background-image:url(../motif2.png);
font-size: 20px;
color: white;
margin-bottom: 0;
font-weight: 600;
text-align: center;
z-index: 1;
justify-content: center;
display: flex;
align-items: center;
position: relative;
height: 62px;
background-size:cover;
width:100.5%;
z-index: 1;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.card-info > h2 {
background-image:url(../motif2.png);
font-size: 20px;
color: white;
margin-bottom: 0;
font-weight: 600;
text-align: center;
width:100.5%;
z-index: 1;
justify-content: center;
display: flex;
align-items: center;
position: relative;
height: 62px;
background-size:cover;
z-index: 1;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.ayri-alan{
display: flex;
width: 25%;
flex-direction: column;
position: relative;
text-align:center;
justify-content: center;
height: 100%;
}
.card-info > h3 {
font-size: 15px;
color: #000;
opacity: 1;
position: relative;
width: 100%;
word-break: break-word;
height: 100%;
z-index: 0;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
position: absolute;
right: 0;
top: 0;
display:flex;
align-items:center;
height:220px;
width: 76%;
padding:0 20px;
}
.incele-area{
cursor: pointer;
}
.rot-baslik{
font-weight: 600
}
.mini-card:hover{
transform:translateY(-10px);
}
.mini-card:hover a{
text-decoration: none;
}
.prod-baslik{
font-size: 2.5rem;
width: 100%;
text-align: center;
position: relative;
display: block;
font-weight: 600;
margin-top: 100px;
margin-bottom: 50px;
}
.about-pic{
border-radius: 10px;
}
.hak .txt.a{
}
#arama-area{
margin-top:-60px;
}
.search-area{
display: flex;
align-items: center;
background: #fff;
}
.search-area i{
margin-right: 5px;
margin-left: 5px;
z-index: 1;
font-size: 20px;
position: relative;
top: -5px;
}
.fixed .header > div:nth-child(1) > div:nth-child(1){
display:none!important;
}
.fixed {
position: fixed;
top:0; left:0;
right:0;
width: 100%;
z-index:4000001;
border-top: 8px solid #0D6759;
box-shadow: 2px 3px 16px #00000017;
}
.d-block{
display: block!important;
}
.navbar-sticky.sticky.fade_down_effect {
backdrop-filter: blur(10px);
background: rgb(255, 255, 255, 0.7);
animation: fadeInDown 1s alternate;
}
@keyframes fadeInDown{
0% {
opacity: 0;
transform: translate3d(0, -70px, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.contact-section {
position: relative;
z-index: 3;
padding-top: 100px;
}
.contact-icon{
float:left;
margin-right:10px;
}
.con-area{
padding:20px 30px;
width:100%;
}
.contact-section .contact-item-wrapper .contact-item {
display: flex;
border: 1px solid var(--gray-4);
align-items:center;
border-radius: 10px;
background: var(--white);
padding: 10px 20px;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.contact-section .contact-item-wrapper .contact-item .contact-icon {
display: flex;
justify-content: center;
align-items: center;
font-size: 22px;
width: 50px;
height: 50px;
border-radius: 50%;
background: var(--primary-btn);
color: var(--white);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.lni {
display: inline-block;
font: normal normal normal 1em / 1 "LineIcons";
color: inherit;
flex-shrink: 0;
speak: none;
text-transform: none;
line-height: 1;
vertical-align: -0.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lni-phone::before {
content: "\eb50";
}
.contact-section .contact-item-wrapper .contact-item .contact-content {
}
.contact-section .contact-item-wrapper .contact-item .contact-content h4 {
font-size: 20px;
color: var(--primary-btn);
margin-bottom: 10px;
}
.contact-form-wrapper {
padding: 50px 40px;
background: var(--white);
border: 1px solid var(--gray-4);
margin-left: 0px;
border-radius: 10px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.contact-form-wrapper .section-title {
margin-bottom: 30px;
}
.contact-form-wrapper .section-title h2 {
margin-bottom: 10px;
}
.contact-form-wrapper .contact-form input, .contact-form-wrapper .contact-form textarea {
padding: 15px 25px;
border-radius: 30px;
border: 1px solid var(--gray-4);
margin-bottom: 25px;
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.contact-form-wrapper .contact-form .primary-btn {
background: var(--primary-btn);
color: var(--white);
font-family:Montserrat;
padding:10px 20px;
box-shadow: var(--shadow-2);
}
.map-container iframe{
width: 100%;
}
.footer-section {
width:100%;
background:#fff;
position: relative;
}
.footer-cta {
border-bottom: 1px solid #373636;
}
.single-cta i {
color: #ff5e14;
font-size: 30px;
float: left;
margin-top: 8px;
}
.cta-text {
padding-left: 15px;
display: inline-block;
}
.cta-text h4 {
color: #fff;
font-size: 20px;
font-weight: 600;
margin-bottom: 2px;
}
.cta-text span {
color: #757575;
font-size: 15px;
}
.footer-content {
position: relative;
z-index: 2;
}
.footer-pattern img {
position: absolute;
top: 0;
left: 0;
height: 330px;
background-size: cover;
background-position: 100% 100%;
}
.footer-logo {
margin-bottom: 30px;
}
.footer-logo img {
max-width: 200px;
}
.footer-text p {
margin-bottom: 14px;
font-size: 14px;
color: #000;
line-height: 28px;
}
.footer-social-icon span {
color: #fff;
display: block;
font-size: 20px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
margin-bottom: 20px;
}
.footer-social-icon a {
color: #fff;
font-size: 16px;
margin-right: 15px;
}
.footer-social-icon i {
height: 40px;
width: 40px;
text-align: center;
color:black;
line-height: 38px;
border-radius: 50%;
}
.link .text{
color:black;
}
.facebook-bg{
background: #3B5998;
}
.twitter-bg{
background: #55ACEE;
}
.google-bg{
background: #DD4B39;
}
.footer-widget-heading h3 {
color: #000;
font-size: 20px;
font-weight: 600;
margin-bottom: 40px;
position: relative;
}
.footer-widget-heading h3::before {
content: "";
position: absolute;
left: 0;
bottom: -15px;
height: 2px;
width: 50px;
background: #0D6759 ;
}
.footer-widget ul li {
display: inline-block;
float: left;
width: 50%;
margin-bottom: 12px;
}
.footer-widget ul li a:hover{
color: #0D6759;
}
.footer-widget ul li a {
color: #000;
transition:0.4s all ease-in-out;
text-transform: uppercase;
text-decoration:none;
}
.subscribe-form {
position: relative;
overflow: hidden;
}
input[type=text]::placeholder{
color:#000!important;
}
.con-maillist i{
position:relative;
top:-10px;
}
.subscribe-form input {
width: 100%;
padding: 14px 28px;
background: #fff;
border: 1px solid #ebebeb;
color: #000;
}
.subscribe-form button {
position: absolute;
right: 0;
background: #0D6759 ;
padding: 13px 20px;
border: 1px solid #0D6759 ;
top: 0;
}
.subscribe-form button i {
color: #fff;
font-size: 22px;
transform: rotate(-6deg);
}
.copyright-area{
border-top:1px solid #ebebeb;
background: #fff;
padding: 25px 0;
}
.copyright-text {
margin: 0;
font-size: 14px;
color: #000;
}
.copyright-text p a{
color: #ff5e14;
}
.footer-menu li {
display: inline-block;
margin-left: 20px;
}
.footer-menu li:hover a{
color: #ff5e14;
}
.footer-menu li a {
font-size: 14px;
color: #878787;
}
.left__btn{
display:none;
}
.right__btn{
display:none;
}
.top-bar{
height: 50px;
background-image: linear-gradient(147deg, #0D6759 0%, #489f7c 74%);
color:#fff;
display: flex;
align-items: center;
}
.top-bar i{
position: relative;
top: -3px;
}
.tab__bar .tab__navigation {
position: relative;
display: flex;
justify-content: center;
align-items: center;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
margin: 0 auto;
}
.tab__bar .tab__menu {
list-style: none;
max-width: 100%;
scroll-behavior: smooth;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow-x: auto;
}
.tab__bar .tab__menu.dragging {
scroll-behavior: unset;
cursor: -webkit-grab;
cursor: grab;
}
.tab__bar .tab__menu.dragging .tab-btn {
pointer-events: none;
}
.tab__bar .tab__menu::-webkit-scrollbar {
display: none;
}
.tab__content {
position: relative;
width:100%;
}
.tab__content .tab {
position: relative;
width: 100%;
padding: 15px 20px;
display: none;
-webkit-animation: fadein 0.8s;
animation: fadein 0.8s;
}
.tab__content .tab.active {
display: flex;
}
.post {
font-size: 1rem;
font-weight: 500;
color: var(--clr-text);
background: #fff;
padding: 16px 16px 0;
margin-bottom: 16px;
}
.post-img {
width: 100%;
object-fit: cover;
overflow: hidden;
aspect-ratio: 4/3;
border-radius: 6px;
user-select: none;
pointer-events: none;
}
.post-detail{
display: flex;
align-items: center;
justify-content: space-around;
width: 100%;
}
.fancy-img{
border-radius:5px;
margin-bottom:10px;
border:1px solid #ebebeb;
}
.post-body {
display: none;
grid-template-columns: 15% 60% 20%;
align-items: center;
gap: 8px;
padding: 35px 0;
cursor: default;
}
#ilet-card{
text-align:center;
border-radius:10px;
padding:35px;
}
#ilet-card h2{
margin-bottom:20px;
}
.post-name {
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.post-author i{
position: relative;
margin-left: 5px;
top: -2px;
}
.post-author {
width: fit-content;
font-size: 1rem;
font-weight: 600;
opacity: 1;
margin-bottom: 0;
color: #0D6759;
background: #0D6759;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
}
.post-avatar {
width: 40px;
aspect-ratio: 1/1;
object-fit: cover;
border-radius: 5px;
cursor: pointer;
}
.post-actions {
position: relative;
}
.post-actions-content {
position: absolute;
bottom: 130%;
right: 0;
padding: 8px;
border-radius: 8px;
background: rgba(172, 172, 172, 0.2);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 2px 2px 10px 2px hsl(0, 0%, 0%, 0.25);
transition: opacity 0.25s, scale 0.25s;
transform-origin: bottom right;
}
.post-actions-content[data-visible="false"] {
pointer-events: none;
opacity: 0;
scale: 0;
}
.post-actions-content[data-visible="true"] {
pointer-events: unset;
scale: 1;
opacity: 1;
}
.post-actions-content li {
padding: 0.5rem 0.65rem;
border-radius: 0.25rem;
list-style: none;
}
.post-actions-content li:is(:hover, :focus-within) {
background-color: rgba(248, 132, 169, 0.7);
}
.post-actions-link {
width: max-content;
display: grid;
grid-template-columns: 1rem 1fr;
align-items: center;
gap: 0.6rem;
color: inherit;
text-decoration: none;
cursor: pointer;
}
.post-like {
text-decoration: none;
color: var(--clr-text);
margin-right: 5px;
font-size: 1.1rem;
opacity: 0.65;
border-radius: 50%;
overflow: hidden;
transition: all 0.35s ease;
}
.post-actions-controller {
border: 0;
background: none;
color: var(--clr-text);
cursor: pointer;
opacity: 0.65;
}
.post-like:hover,
.post-actions-controller:hover {
opacity: 1;
}
.post-like:focus {
outline: none;
}
.post-like.active {
color: rgb(255, 0, 0);
opacity: 1;
transform: scale(1.2);
}
/* MEDIA QUERIES */
@media screen and (max-width:1400px) and (min-width:991px){
.header .right{
}
.top-ad{
font-size:11px!important;
}
}
}
@media (max-width: 1200px) {
.swiper {
width: 80%;
}
}
@media (max-width: 900px) {
#recipes {
padding: 60px 80px;
}
.swiper {
width: 50%;
}
}
@media (max-width: 765px) {
.swiper {
width: 70%;
}
}
@media (max-width: 550px) {
#recipes {
padding: 40px 40px;
}
.swiper {
width: 80%;
}
}
.tab-text{
margin-top: 15px;
font-size: 20px;
font-weight: 400;
text-align: center;
}
.img-card{
padding:50px 0;
border-radius: 10px;
}
.img-card img{
}
.w-30{
width: 25%!important;
}
.tab-menu-area{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.tab-menu-area img{
width: 70px;
margin-bottom: 15px;
}
.tab__content .tab .row {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 767px) {
.tab__content .tab .row {
flex-direction: column;
}
}
.tab__content .left-column,
.tab__content .right-column {
width: 50%;
max-width: 500px;
}
@media (max-width: 767px) {
.tab__content .left-column,
.tab__content .right-column {
width: 100%;
max-width: 700px;
}
}
.tab__content .left-column {
display: flex;
align-items: center;
}
.tab__content .left-column .img-card {
position: relative;
border-radius: 20px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
box-shadow: var(--box-shadow);
}
.tab__content .left-column .img-card img {
width: 100%;
}
.tab__content .info .city {
margin-bottom: 15px;
font-size: 32px;
}
.tab__content .info .description {
font-weight: normal;
font-size: 14px;
line-height: 1.8;
}
@media (max-width: 767px) {
.tab__content .info .description {
text-align: justify;
}
}
.tab__content .info .city, .tab__content .info .description {
color: var(--text-color);
}
@media (max-width: 767px) {
.tab__content .info .city, .tab__content .info .description {
text-align: center;
}
}
@-webkit-keyframes fadein {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadein {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
section {
padding: 60px 0;
/* min-height: 100vh;*/
}
.sec-title{
position:relative;
z-index: 1;
margin-bottom:60px;
}
.sec-title .title{
position: relative;
display: block;
font-size: 18px;
line-height: 24px;
color: #0D6759;
font-weight: 500;
margin-bottom: 15px;
}
.sec-title h2{
position: relative;
display: block;
font-size:40px;
line-height: 1.28em;
color: #222222;
font-weight: 600;
padding-bottom:18px;
}
.sec-title h2:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:50px;
height:3px;
background-color:#d1d2d6;
}
.sec-title .text{
position: relative;
font-size: 16px;
line-height: 26px;
color: #848484;
font-weight: 400;
margin-top: 35px;
}
.sec-title.light h2{
color: #ffffff;
}
.sec-title.text-center h2:before{
left:50%;
margin-left: -25px;
}
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
font-size:16px;
line-height:26px;
color: #222222;
font-weight:400;
padding-left:35px;
margin-bottom: 12px;
}
.list-style-one li:before {
content: "\f058";
position: absolute;
left: 0;
top: 0px;
display: block;
font-size: 18px;
padding: 0px;
color: #0D6759;
font-weight: 600;
-moz-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1.6;
font-family: "FontAwesome";
}
.list-style-one li a:hover{
color: #44bce2;
}
.btn-style-one{
position: relative;
display: inline-block;
border-radius:5px;
font-size: 17px;
line-height: 30px;
color: #ffffff;
padding: 10px 30px;
font-weight: 600;
overflow: hidden;
border:1px solid #0D6759;
letter-spacing: 0.02em;
transition:0.4s all ease-in-out;
background-color: #0D6759;
}
.btn-style-one:hover{
border:1px solid #0D6759;
background:white;
text-decoration:none;
color: #0D6759;
}
.about-section{
position: relative;
padding: 120px 0 70px;
}
.about-section .sec-title{
margin-bottom: 15px;
}
.about-section .content-column{
position: relative;
margin-bottom: 50px;
}
.about-section .content-column .inner-column{
position: relative;
padding: 5px;
}
.about-section .text{
margin-bottom: 40px;
font-size: 16px;
line-height: 26px;
color: #848484;
font-weight: 400;
}
.about-section .list-style-one{
margin-bottom: 45px;
}
.about-section .btn-box{
position: relative;
}
.about-section .btn-box a{
padding: 15px 50px;
}
.about-section .image-column{
position: relative;
}
.about-section .image-column .text-layer{
position: absolute;
right: -110px;
top: 50%;
font-size: 325px;
line-height: 1em;
color: #ffffff;
margin-top: -175px;
font-weight: 500;
}
.about-section .image-column .inner-column{
position: relative;
padding-left: 120px;
padding-bottom: 125px;
}
.about-section .image-column .inner-column:before{
position: absolute;
left: -75px;
top: 65px;
height: 520px;
width: 520px;
background-image:url(https://i.ibb.co/fxJ1jtC/about-circle-1.png);
content: "";
}
.about-section .image-column .image-1{
position: relative;
}
.about-section .image-column .image-2{
position: absolute;
left: 0;
bottom: -30px;
}
.about-section .image-column .image-2 img,
.about-section .image-column .image-1 img{
box-shadow: 0 30px 50px rgba(8,13,62,.15);
}
.about-section .image-column .video-link{
position: absolute;
left: 70px;
top: 170px;
}
.about-section .image-column .video-link .link{
position: relative;
display: block;
font-size: 22px;
color: #191e34;
font-weight: 400;
text-align: center;
height: 100px;
width: 100px;
line-height: 100px;
background-color: #ffffff;
border-radius: 50%;
box-shadow: 0 30px 50px rgba(8,13,62,.15);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.about-section .image-column .video-link .link:hover{
background-color: #191e34;
}
.title {
color: #666666;
text-transform: uppercase;
}
@media screen and (max-width:992px){
.content .product-detail .prod-models .item{
display:flex;
border-bottom:1px solid #ebebeb;
}
.mobile-menu ul li a{
font-weight:500;
font-size:16px;
}
.prod-baslik{
font-size:1.5rem;
}
.nav-wrapper{
margin-top:0!important;
}
#top-just{
justify-content:space-between;
}
.post-name{
margin-bottom:25px;
}
.content .main-content .news-guide{
display: flex;
width: 100%;
align-items: center;
flex-direction: column-reverse;
}
#mobile-list-btn{
position:relative;
top:-5px;
color:#000;
font-size:35px;
}
.video-thumb{
height:100%!important;
}
.button.is-play{
width:50px!important;
height:50px!important;
margin-bottom:10px;
}
.video-yazi{
font-size:16px!important;
flex-direction:column;
top:30%!important;
left:5%!important;
}
.overlay-2{
display:none;
}
.about-section{
padding:0;
}
.blog-slider__text{
font-size:0.8rem;
}
.blog-slider__content{
left:0;
width:100%;
margin-top:0;
top:15%;
}
.blog-slider__title{
font-size:1.2rem;
line-height:1.2;
padding:10px;
margin-bottom:0!important;
}
.container{
max-width:100%!important;
}
}
.news-card {
width: 100%;
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s;
padding:10px;
border-radius:10px;
max-height:500px;
height:500px;
}
.news-card:hover {
box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
.news-card a {
color: inherit;
text-decoration: none;
}
.card__date {
background: #0D6759;
position: absolute;
top: 20px;
width: 45px;
height: 45px;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 13px;
font-weight: bold;
padding-top: 10px;
}
.news-card__date__day {
display: block;
font-size: 14px;
}
.card__date__month {
display: block;
font-size: 10px;
text-transform: uppercase;
}
.card__thumb {
height: 235px;
overflow: hidden;
border-radius:10px;
background-color: #000;
transition: height 0.3s;
}
.card__thumb img {
width:100%;
display: block;
border-radius:10px;
opacity: 1;
transition: opacity 0.3s, transform 0.3s;
transform: scale(1);
}
.news-card:hover .card__thumb img {
opacity: 0.6;
transform: scale(1.2);
}
.news-card:hover .card__thumb {
height: 150px;
}
.card__body {
position: relative;
padding: 20px;
height: 185px;
transition: height 0.3s;
}
.news-card:hover .card__body {
height: 330px;
}
.card__category {
position: absolute;
top: -25px;
left: 0;
height: 25px;
padding: 0 15px;
background: #0D6759;
color: #fff;
font-size: 11px;
line-height: 25px;
}
.card__category a {
color: #fff;
padding:10px;
font-size:15px;
text-decoration: none;
text-transform: uppercase;
}
.news-card a:hover{
text-decoration: none!important;
}
.card__title {
padding: 0 0 10px 0;
margin: 0;
font-size: 24px;
color: #000;
position: relative;
top: 10px;
font-weight: 700;
}
.news-card:hover .card__title {
-webkit-animation: titleBlur 0.3s;
animation: titleBlur 0.3s;
}
.card__subtitle {
margin: 0;
padding: 0 0 10px 0;
color: #08c;
font-size: 19px;
}
.news-card:hover .card__subtitle {
-webkit-animation: subtitleBlur 0.3s;
animation: subtitleBlur 0.3s;
}
.card__description {
position: absolute;
left: 20px;
right: 20px;
margin: 0;
padding: 0;
color: #515151;
font-size: 16px;
line-height: 27px;
height:100px;
overflow:hidden;
transition: opacity 0.2s, transform 0.2s;
transition-delay: 0s;
transform: translateY(25px);
}
p.devam{
opacity:0;
background:#0D6759;
color:#fff;
border:1px solid #0D6759;
}
.news-card:hover p.devam{
border:1px solid #0D6759;
opacity:1;
padding: 10px 30px;
position: absolute;
bottom: 0;
}
.news-card:hover .card__description {
opacity: 1;
overflow:visible;
height:auto;
transition-delay: 0.1s;
transform: translateY(0);
}
.card__footer {
position: absolute;
color: #a3a9ab;
bottom: 20px;
left: 20px;
right: 20px;
font-size: 11px;
}
.card__footer .icon--comment {
margin-left: 10px;
}
.icon {
display: inline-block;
vertical-align: middle;
margin-right: 2px;
}
.icon:before {
display: inline-block;
text-align: center;
height: 14px;
width: 14px;
margin-top: -2px;
margin-right: 6px;
}
.icon--comment:before {
content: "";
display: inline-block;
font: normal normal normal 16px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.icon--time:before {
content: "";
display: inline-block;
font: normal normal normal 16px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
@-webkit-keyframes titleBlur {
0% {
opacity: 0.6;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);
}
100% {
opacity: 1;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0);
}
}
@keyframes titleBlur {
0% {
opacity: 0.6;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);
}
100% {
opacity: 1;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0);
}
}
@-webkit-keyframes subtitleBlur {
0% {
opacity: 0.6;
text-shadow: 0px 5px 5px rgba(0, 136, 204, 0.6);
}
100% {
opacity: 1;
text-shadow: 0px 5px 5px rgba(0, 136, 204, 0);
}
}
@keyframes subtitleBlur {
0% {
opacity: 0.6;
text-shadow: 0px 5px 5px rgba(0, 136, 204, 0.6);
}
100% {
opacity: 1;
text-shadow: 0px 5px 5px rgba(0, 136, 204, 0);
}
}
.video-thumb {
display: inline-block;
width: 100%;
height: auto;
margin-right: 20px;
text-decoration: none;
font-weight: bold;
text-align: center;
color: #fff;
border-radius:15px;
background-color: #fff;
-webkit-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition: background-color 0.2s ease-out 0.05s,
-webkit-transform 0.2s ease-out 0.05s;
transition: background-color 0.2s ease-out 0.05s,transform 0.2s ease-out 0.05s;
}
.video-thumb:hover {
background-color: #fff;
}
/* Video Modal - Theater Mode
-------------------------------------------------------------------------------*/
.video-modal,
.video-modal .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
border-radius:0;
left: 0;
z-index: 300;
}
.video-modal {
overflow: hidden;
position: fixed;
opacity: 0.0;
-webkit-transform: translate(500%,0%);
transform: translate(500%,0%);
-webkit-transition: -webkit-transform 0s linear 0s;
transition: transform 0s linear 0s;
/* using flexbox for vertical centering */
/* Flexbox display */
display: -webkit-box;
display: -webkit-flex;
display: flex;
/* Horizontal alignment */
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
/* Vertical alignment */
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.video-modal .overlay {
z-index: 0;
background: rgba(0,0,0,0.7); /* dark blue */
opacity: 0.0;
-webkit-transition: opacity 0.2s ease-out 0.05s;
transition: opacity 0.2s ease-out 0.05s;
}
.video-modal-content {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: 1;
height: auto;
/* width: 76%; */
width: calc(100% - 200px);
max-width: 1000px;
max-height: calc(100% - 100px);
margin: 0 auto;
overflow-y: visible;
/*background: #fff;*/ /* container will have a transparent BG—moving the BG color and shadow to the iframe element to make it look more seamless */
/* Transition looks a bit janky with the iframe */
/*-webkit-transform: translate(0%,-20%);
transform: translate(0%,-20%);
-webkit-transition: -webkit-transform 0.2s ease-out 0.15s;
transition: transform 0.2s ease-out 0.15s; */
}
/* Mobile Layout Tweaks */
@media (max-width: 640px) {
.video-modal-content {
width: calc(100% - 16px);
}
}
/* close button */
.close-video-modal {
display: block;
position: absolute;
right: 0;
top: -40px;
text-decoration: none;
font-size: 20px;
font-weight: bold;
color: #fff;
/*border: 2px solid red;*/
}
/* using a 16:9 image to resize the video frame */
.video-sizer {
display: block;
width: 100%;
height: auto;
}
/* set the iframe element to stretch to fit its parent element */
iframe#youtube {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: #fff;
box-shadow: 0px 2px 16px rgba(0,0,0,0.5);
}
.deneme-ic{
position:absolute;
margin-left:auto;
margin-right:auto;
left:0;
right:0;
width:50px;
height:50px;
background:black;
z-index:30001;
}
/* show the modal */
/* add class to the body */
.show-video-modal .video-modal {
opacity: 1.0;
transform: translate(0%,0%);
-webkit-transform: translate(0%,0%);
}
.show-video-modal .video-modal .overlay {
opacity: 1.0;
}
.show-video-modal .video-modal-content {
transform: translate(0%,0%);
-webkit-transform: translate(0%,0%);
}
.video-yazi{
display:flex;
align-items:center;
position:absolute;
top:40%;
left:15%;
font-size:30px;
color:#fff;
right:0;
z-index:3;
}
.overlay-2{
position:absolute;
top:0;
bottom:0;
background: rgb(20 37 62);
width: 98.3%;
height: 100%;
z-index: 1;
opacity: 0.4;
border-radius: 25px;
}
.button.is-play {
background-color: #0D6759;
border-radius: 50%;
width: 100px;
height: 100px;
}
.button.is-play .button-outer-circle {
background: #0D6759;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
}
.button.is-play .button-icon {
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
transform: translate(-50%, -50%);
}
.button.is-play .button-icon .triangle {
-webkit-animation: fadeIn 7s ease;
animation: fadeIn 7s ease;
}
.button.is-play .button-icon .path {
stroke-dasharray: 90;
stroke-dashoffset: 0;
-webkit-animation: triangleStroke 3s;
animation: triangleStroke 3s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
}
.has-scale-animation {
-webkit-animation: smallScale 3s infinite;
animation: smallScale 3s infinite;
}
.has-delay-short {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes triangleStroke {
from {
stroke-dashoffset: 90;
}
to {
stroke-dashoffset: 0;
}
}
@keyframes triangleStroke {
from {
stroke-dashoffset: 90;
}
to {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes smallScale {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(1.5);
opacity: 0;
}
}
@keyframes smallScale {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(1.5);
opacity: 0;
}
}
#side-logo{
position:relative;
top:75px;
}
.about-section .btn-box a i{
position:relative;
top:-3px;
}
.news-guide h2{
position: relative;
top: 35px;
}
.news-guide .button{
float:right;
}
.wowBack {
background:#222;
position:relative; overflow:hidden;
}
.wowWrap div {
background:#27ae60;
display:block;
width:100%;
margin:5% 0;
text-align:center;
padding-top:20%;
padding-bottom:20%;
}
.wowWrap {
width:16.66%;
float:left;
padding: 0 .5%;
}
.wowWrap h4{
position:fixed;
z-index:200;
width:100%;
padding:1% 0% 1% 0%;
margin:0;
color:white;
font-size:1.35vw;
background:rgba(22,22,22,.3)
}
.wowWrap div:first-of-type{
margin-top:25%; }
/*I've assigned class wHighlight to all the animate.css classes that add elements onto the page with delay. */
.wHighlight {background:#28a !important}
@charset "UTF-8";
.animated {
animation-duration: 5s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 4s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: 1.75s;
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0,-4px,0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
from {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}
.content .con-news .item {
float:left;
width:360px;
} .content .con-news .item .img {
position:relative;
width:100%;
height:260px;
-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.25);
box-shadow:0 5px 10px 0 rgba(0,0,0,0.25);
cursor:pointer;
} .content .con-news .item .dates {
position:absolute;
bottom:0;
left:0;
width:90px;
height:80px;
padding:16px 0 0 0;
background:#E52225;
color:#FFF;
line-height:1.8em;
text-align:center;
} .content .con-news .item .dates .a {
display:block;
font-size:34px;
font-weight:500;
} .content .con-news .item .dates .b {
display:block;
font-size:14px;
} .content .con-news .item .text {
padding:20px 0;
} .content .con-news .item .text a {
display:block;
font-size:21px;
font-weight:500;
letter-spacing:-.5px;
color:#000;
} .content .con-news .item .text span {
display:block;
padding:12px 0;
font-size:15px;
line-height:1.4em;
color:#666;
} .content .con-news-detail {
width:100%;
margin:auto;
} .content .con-news-detail .button {
float:right;
} .content .con-news-detail .button button {
font-size:15px;
font-weight:normal;
padding:12px;
cursor:pointer;
} .content .con-news-detail .img {
float:right;
width:50%;
margin:0 0 50px 50px;
-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.25);
box-shadow:0 10px 20px 0 rgba(0,0,0,0.25);
} .content .con-news-detail .img .top {
position:relative;
z-index:1;
display:block;
} .content .con-news-detail .img .bottom {
display:block;
} .content .con-news-detail .txt.a {
display:block;
width:100%;
font-size:37px;
color:#000;
font-weight:500;
margin-bottom:20px;
margin-top:20px;
letter-spacing:-2px;
line-height:1.1em;
} .content .con-news-detail .txt.b {
display:block;
font-size:25px;
margin:16px 0 20px 0;
letter-spacing:-1px;
line-height:1.4em;
} .content .con-news-detail .txt.c {
display:block;
color:#222;
line-height:1.9em;
}
.diger-haberler{
margin-top:20px;
}
.haber-row{
margin-top:30px;
margin-bottom:10px;
}
.haber-tarihi{
display:flex;
justify-content: center;
align-items:center;
}
.haber-tarihi i{
position:relative;
top:-3px;
margin-right:10px;
}
.media{
width: 100%;
position: relative;
margin-top:100px;
display: block!important;
}
.item .text{
position:relative;
width:100%;
color:#000;
opacity:1;
}
.haber-img{
max-height:500px;
object-fit: cover;
border-radius: 5px;
height:500px;
}
.other-new-img{
border-radius:10px;
}
.diger-haber-area{
background: #f7f7f7;
border-radius: 10px;
}
.news-area{
display: flex;
align-items: center;
border-bottom: 1px solid #ebebeb;
margin-bottom: 20px;
}
.diger-haber-area a:hover{
text-decoration:none;
}
.fixed .right{
align-items:baseline!important;
}
.fixed .buttons{
margin:5px 0 0 0!important;
}
.fixed .deneme{
padding:5px;
}
.blue-bg {
background-image: linear-gradient(147deg, #0D6759 0%, #489f7c 74%);
}
.padd {
padding: 6rem 2rem;
text-align: center;
}
.ilet-btn{
border:1px solid #ebebeb;
border-radius:5px;
padding:15px 30px;
cursor:pointer;
color:#0D6759;
font-size:17px;
letter-spacing:1px;
transition:0.4s all ease-in-out;
font-weight:600;
}
.ilet-btn:hover{
color:#fff;
background:transparent;
border:1px solid #fff;
}
.ilet-btn a{
color:#0D6759;
}
.ilet-btn a:hover{
color:#fff;
text-decoration:none;
}
#heading {
text-transform: uppercase;
color: #673AB7;
font-weight: normal
}
#msform {
text-align: center;
position: relative;
margin-top: 20px;
padding:40px;
}
#msform fieldset {
background: white;
border: 0 none;
border-radius: 0.5rem;
box-sizing: border-box;
width: 100%;
margin: 0;
padding-bottom: 20px;
position: relative
}
.form-card {
text-align: left
}
#msform fieldset:not(:first-of-type) {
display: none
}
#msform input::placeholder{
color:#e3e3e3!important;
font-family:"Kanit", sans-serif!important;
font-size:14px;
font-weight:400;
}
#msform input,
#msform textarea {
padding: 8px 15px 8px 15px;
border: 1px solid #ebebeb;
border-radius:5px;
margin-bottom: 25px;
margin-top: 2px;
width: 100%;
box-sizing: border-box;
font-family: inherit;
color: #2C3E50;
background-color: #fff;
font-size: 16px;
letter-spacing: 1px
}
#msform input:focus,
#msform textarea:focus {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid #0D6759;
outline-width: 0
}
#msform .action-button {
width: 100px;
background: #0D6759;
font-weight: 500;
font-family:inherit;
color: white;
border: 1px solid #0D6759;
border-radius: 5px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 0px 10px 5px;
float: right;
transition:0.4s all ease-in-out;
}
#msform .action-button:hover,
#msform .action-button:focus {
background-color: #fff;
border:1px solid #0D6759;
color:#0D6759;
}
#msform .action-button-previous {
width: 100px;
background: #fff;
font-weight: 500;
color: #0D6759;
font-family:inherit;
border: 1px solid #0D6759;
border-radius: 5px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px 10px 0px;
float: right;
transition:0.4s all ease-in-out;
}
#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
background-color: #0D6759;
color:#fff;
}
.card {
z-index: 0;
border: none;
position: relative
}
.fs-title {
font-size: 25px;
color: #673AB7;
margin-bottom: 15px;
font-weight: normal;
text-align: left
}
.purple-text {
color: #0D6759;
font-weight: bold
}
.steps {
font-size: 25px;
color: gray;
display:none;
margin-bottom: 10px;
font-weight: normal;
text-align: right
}
.fieldlabels {
color: #222;
text-align: left
}
#progressbar {
margin-bottom: 30px;
overflow: hidden;
color: lightgrey
}
#progressbar .active {
color: #0D6759
}
#progressbar li {
list-style-type: none;
font-size: 15px;
width: 25%;
float: left;
position: relative;
font-weight: 400
}
#progressbar #account:before {
font-family: FontAwesome;
content: "\f13e"
}
#progressbar #personal:before {
font-family: FontAwesome;
content: "\f007"
}
#progressbar #payment:before {
font-family: FontAwesome;
content: "\f030"
}
#progressbar #confirm:before {
font-family: FontAwesome;
content: "\f00c"
}
#progressbar li:before {
width: 50px;
height: 50px;
line-height: 45px;
display: block;
font-size: 20px;
color: #ffffff;
background: lightgray;
border-radius: 50%;
margin: 0 auto 10px auto;
padding: 2px
}
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: lightgray;
position: absolute;
left: 0;
top: 25px;
z-index: -1
}
.fs-title{
display:none;
}
#progressbar strong{
font-size:18px;
}
#progressbar li.active:before,
#progressbar li.active:after {
background: #0D6759
}
.con-content .card{
border:1px solid #ebebeb;
padding:10px;
}
.progress {
display:none!important;
height: 20px
}
.progress-bar {
background-color: #673AB7
}
.fit-image {
width: 100%;
object-fit: cover
}
.blog-slider__item .swiper-slide{
width:100%!important;
}
.w-70{
width:60%;
}
@media (max-width: 400px) {
body {
min-height: 950px;
}
}
.resimm-area img{
border-radius:10px;
}
.tum-alan{
margin-bottom:50px;
align-items: flex-start;
display:flex;
}
.yazi-alanii{
margin:0 50px;
}
@media screen and (min-width:1200px) and (max-width:1600px){
#resim-area{
display:none;
}
}
.wrap {
color: #000;
font-size: 14px;
line-height: 21px;
max-width: 1840px;
padding: 0 40px;
margin: 0 auto;
position: relative;
}
.btn{
min-width: 150px;
margin-bottom: 10px;
color: #fff;
display: inline-block;
font-weight: 600;
padding: 10px 20px;
text-align: center;
font-size: 14px;
line-height: 1.4;
transition: background .25s ease;
border: none;
white-space: normal;
vertical-align: middle;
overflow: visible;
cursor: pointer;
font-family: 'Poppins',sans-serif;
text-decoration: none;
background-color: #beac95;
}
.btn-blauw{background-color: #1C69D4; color: white;}
.btn-btn-oranje {background-color: #ed9300; color: white;}
.timeline-wrap{position:relative; padding:0 50px;margin:50px 0;}
.timeline{
overflow-x:auto;
justify-content:center;
-webkit-overflow-scrolling: touch;
background-repeat: repeat-x;
background-size: 10px 2px;
background-position: center top 60%;
background-image: -webkit-gradient(linear,left top,right top,color-stop(66%,#000),color-stop(0,transparent));
background-image: linear-gradient(90deg,#000 66%,transparent 0);
padding: 20px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
flex-flow: row nowrap;
transition: height .2s ease-out;
transition: height .2s ease-out;
transition: height .2s ease-out;
}
.timeline-title, .timeline-content-title{font-weight:600;}
.timeline-item{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:flex;
justify-content: space-between;
flex-flow:wrap;
-webkit-transition: max-width .2s,-webkit-transform .4s ease-out;
transition: max-width .2s,-webkit-transform .4s ease-out;
transition: max-width .2s,transform .4s ease-out;
transition: max-width .2s,transform .4s ease-out,-webkit-transform .4s ease-out;
cursor: pointer;
margin:0 50px;
height:auto;
}
.i-is-active.timeline-item{cursor:default;}
.timeline-content{width:100%;}
.p-timeline-item:hover{transform:scale(1.1); transition:transform .3s ease;}
.bmw:hover time, .bmw.i-is-active time, .timeline-content-title.bmw{color:#1C69D4;}
.mini:hover time, .mini.i-is-active time, .timeline-content-title.mini{color:#ed9300;}
.bmw:hover time, .mini:hover time, .bmw time, .mini time{transition:color .3s ease;}
.p-timeline-item.i-is-active{cursor: default;}
.bmw:hover .p-timeline-block{background-color:#1C69D4;}
.mini:hover .p-timeline-block{background-color:#ed9300;}
.bmw .p-timeline-block, .mini .p-timeline-block, .mini:hover .p-timeline-block, .bmw:hover .p-timeline-block {transition:background-color 1s ease;}
.p-timeline-date, .p-timeline-carmodel, .p-timeline-block{width:100%;}
.p-timeline-date{font-weight:600;font-size:20px;}
.p-timeline-carmodel{margin-top: 5px;margin-bottom: 10px;}
.p-timeline-block {
min-width:55px;
min-height:55px;
max-width:55px;
max-height:55px;
border: solid 0px black;
border-radius:50%;
background-color:#beac95;
position:relative;
top:3px;
left:48px;
margin-bottom:20px;
}
.p-timeline-item{
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap:wrap;
min-width:150px;
max-width:150px;
position: relative;
text-align:center;
transition:color .3s ease-in-out;
transition:transform .3s ease;
}
.p-timeline-content{
width:98%;
height:0;
position:absolute;
overflow:hidden;
visibility:hidden;
opacity: 0;
transform:translateX(-1000px);
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.i-is-active.p-timeline-content{
color: #000;
height:auto;
width:100%;
text-align:left;
position:relative;
visibility: visible;
opacity:1;
transform:translateX(0px);
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.i-is-active.p-timeline-content h3, .i-is-active.p-timeline-content time{width:100%;}
.i-is-active.p-timeline-content .timeline-content-card{width:100%;}
.i-is-active.p-timeline-content .timeline-content-image{width:100%;}
.i-is-active.p-timeline-content .timeline-content-card, .i-is-active.p-timeline-content .timeline-content-image{float:left;}
.i-is-active.p-timeline-content .timeline-content-image:after{clear:both;}
.i-is-active.bmw .p-timeline-block{background-color:#1C69D4;}
.i-is-active.mini .p-timeline-block{background-color:#ed9300;}
.i-is-active.p-timeline-item:hover{transform: none;}
.i-is-active .p-timeline-item{transform:scale(1.1);}
.bmw.i-is-active.p-timeline-content h3 {color:#1C69D4;}
.mini.i-is-active.p-timeline-content h3 {color:#ed9300;}
.timeline-content-image img{width:100%; height:auto; max-width:100%;}
.p-timeline-content time {font-size: 15px; line-height: 40px; font-style: italic; }
.p-timeline-content p {font-size:14px; line-height:21px; padding-right:30px; font-weight:300;}
.timeline-content-title{font-size:28px;}
.close {
position: absolute;
right: 10px;
top: 10px;
width: 32px;
height: 32px;
opacity: 0.7;
cursor: pointer;
}
.close:hover {opacity: 1;}
.close:before, .close:after {
position: absolute;
left: 15px;
content: ' ';
height: 25px;
width: 2px;
background-color: #333;
}
.close:before {transform: rotate(45deg);}
.close:after {transform: rotate(-45deg);}
/*Custom scrollbar styling*/
.timeline::-webkit-scrollbar {height:8px;}
.timeline::-webkit-scrollbar-track {box-shadow: inset 0 0 5px lightgrey; border-radius: 10px;} /* Track */
.timeline::-webkit-scrollbar-thumb {background: #beac95; border-radius: 10px;} /* Handle */
/* ========== Media Queries ========== */
/* laptop resolutions*/
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
.timeline{background-position: center top 60%;}
.i-is-active.p-timeline-content .timeline-content-card{width:100%;}
.i-is-active.p-timeline-content .timeline-content-image{width:100%;}
}
/*Tablet - Landscape*/
@media screen and (max-width: 1199px){
.timeline-content-title{font-size: 1.7em;}
.p-timeline-content time{font-size:1em;}
}
/*Tablet - Portrait*/
@media screen and (max-width: 1020px){
.p-timeline-carmodel{margin:0;}
.wrap{padding:0 40px;}
.timeline-wrap{padding:0;}
.p-timeline-content{display:flex;flex-flow: column;}
.i-is-active.p-timeline-content .timeline-content-card, .i-is-active.p-timeline-content .timeline-content-card, .i-is-active.p-timeline-content .timeline-content-image{width:100%;}
.i-is-active.p-timeline-content .timeline-content-image{padding:0; order:0; margin-bottom:20px;}
.i-is-active.p-timeline-content .timeline-content-card{padding:0; order:1;}
.i-is-active.p-timeline-content{padding-left:0; padding-right:0;}
.timeline-content-button{width:100%; padding:10px 0px;}
}
/* Mobile devices */
@media screen and (max-width: 768px){
body{padding:0;}
.timeline{background-position: center top 55%;}
.timeline-item{margin:0 10px;}
.p-timeline-block{min-width: 45px; min-height: 45px; max-width: 45px; max-height: 45px;}
.p-timeline-date{font-size:16px;}
.p-timeline-carmodel{margin:0; line-height:20px; font-size: 13px;}
.p-timeline-content time{line-height:20px;}
.p-timeline-content p{font-size:0.9em; padding-right:0px;}
.timeline-content-title{font-size:1.5em; line-height:1.3em;}
.close{right:0px;}
.timeline-title{line-height:1em; font-size:1.5em;}
.timeline::-webkit-scrollbar {height:4px;}
}
.resimm-area{
margin-bottom:20px;
}
.btn {
position: relative;
overflow: hidden;
font-size: 1.1rem;
padding: 1rem 3rem;
border-radius: 4px;
text-decoration: none;
border: var(--btn-border);
color: var(--btn-text-color);
background: var(--btn-bg);
}
.btn:not(:last-child) {
margin-bottom: 3rem;
}
.btn::before {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: var(--shine-effect);
}
.btn-hover::before {
left: -100%;
transition: var(--shine-transition);
}
.btn-hover:hover {
box-shadow: var(--btn-shadow);
}
.btn-hover:hover::before {
left: 100%;
}
.btn-anim::before {
-webkit-animation: shine 5s ease-in-out infinite;
animation: shine 5s ease-in-out infinite;
}
@-webkit-keyframes shine {
0% {
left: -100%;
transition-property: left;
}
11.5044247788%, 100% {
left: 100%;
transition-property: left;
}
}
@keyframes shine {
0% {
left: -100%;
transition-property: left;
}
11.5044247788%, 100% {
left: 100%;
transition-property: left;
}
}
.btn-alt {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
text-transform:uppercase;
padding: 10px 48px;
position: relative;
font-weight:500;
overflow: hidden;
border-radius: 4px;
text-decoration: none;
color: var(--btn-text-color);
background: linear-gradient(147deg, #0D6759 0%, #489f7c 74%);
}
.btn-alt::before, .btn-alt::after {
content: "";
display: block;
position: absolute;
height: 100%;
top: 0;
}
.btn-alt:before {
background: rgba(255, 255, 255, 0.5);
width: 60px;
left: 0;
filter: blur(30px);
-webkit-animation: shine-alt1 3s ease-in-out infinite;
animation: shine-alt1 3s ease-in-out infinite;
}
.btn-alt:hover{
color:white;
text-decoration:none;
}
.btn-alt:after {
background: rgba(255, 255, 255, 0.2);
width: 30px;
left: 30px;
filter: blur(5px);
-webkit-animation: shine-alt2 3s ease-in-out infinite;
animation: shine-alt2 3s ease-in-out infinite;
}
@-webkit-keyframes shine-alt1 {
0% {
opacity: 0.5;
transform: translateX(-100px) skewX(-15deg);
transition-property: opacity, transform;
}
11.5044247788%, 100% {
opacity: 0.6;
transform: translateX(300px) skewX(-15deg);
transition-property: opacity, transform;
}
}
@keyframes shine-alt1 {
0% {
opacity: 0.5;
transform: translateX(-100px) skewX(-15deg);
transition-property: opacity, transform;
}
11.5044247788%, 100% {
opacity: 0.6;
transform: translateX(300px) skewX(-15deg);
transition-property: opacity, transform;
}
}
@-webkit-keyframes shine-alt2 {
0% {
opacity: 0;
transform: translateX(-100px) skewX(-15deg);
transition-property: opacity, transform;
}
11.5044247788%, 100% {
opacity: 1;
transform: translateX(300px) skewX(-15deg);
transition-property: opacity, transform;
}
}
@keyframes shine-alt2 {
0% {
opacity: 0;
transform: translateX(-100px) skewX(-15deg);
transition-property: opacity, transform;
}
11.5044247788%, 100% {
opacity: 1;
transform: translateX(300px) skewX(-15deg);
transition-property: opacity, transform;
}
}
.fancybox__container{
z-index:300000000000001!important;
}
#resim-area img{
cursor:pointer;
}
figure.zoom {
background-position: 50% 50%;
position: relative;
width: 100%;
overflow: hidden;
cursor: zoom-in;
}
figure.zoom img:hover {
opacity: 0;
}
figure.zoom img {
transition: opacity .5s;
display: block;
width: 100%;
}
h2{
font-family:montserrat!important;
}
.ref_no{
display: block;
font-size: 1.1rem;
font-weight: 800;
color: #0D6759;
font-family: montserrat;
}
.header-filter .box.d i{
font-size:20px;
position:relative;
top:-5px;
}
.content .product-list .item > div:nth-child(3) > div:nth-child(1)::-webkit-scrollbar{
width:5px;
}
.baslik{
position:relative;
z-index:2;
}
.adet{
position: relative;
width: 100%;
display: block;
height: 100%;
border: 1px solid black;
}
.sub{
position: absolute;
background: #fff;
border: 1px solid #ebebeb;
border-radius: 5px;
display:inline-grid;
}
.sub li a{
font-size:14px!important;
}
.iki-alan{
display: flex;
width: 100%;
flex-direction: row;
justify-content: flex-start;
align-items: center;
white-space: nowrap;
overflow-x: scroll;
}
.iki-alan::-webkit-scrollbar {
height:3px!important;
}
.iki-alan::-webkit-track {
border-radius:5px;
}
.iki-alan::-webkit-scrollbar-thumb {
background: #888;
}
.img-area{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 30px;
}
.img-area img{
width:70px;
margin-bottom:10px;
}
.alt-img{
display: flex;
white-space: nowrap;
width: 100%;
overflow-x: scroll;
}
.alt-img img{
width:25%;
}
.alt-img::-webkit-scrollbar {
height:3px!important;
}
.alt-img::-webkit-track {
border-radius:5px;
}
.alt-img::-webkit-scrollbar-thumb {
background: #888;
}
.product__carousel {
display: block;
max-width: 700px;
margin: 1em auto 3em;
}
.product__carousel a {
display: flex;
margin-bottom: 15px;
}
.product__carousel .gallery-top {
border-radius: 3px;
margin-bottom: 5px;
}
.product__carousel .gallery-top .swiper-slide {
position: relative;
overflow: hidden;
}
.product__carousel .gallery-top .swiper-slide a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.product__carousel .gallery-top .swiper-slide a img {
width: 100%;
height: 100%;
object-fit: contain;
}
.product__carousel .gallery-top .swiper-slide .easyzoom-flyout img {
min-width: 100%;
min-height: 100%;
}
.product__carousel .swiper-button-next.swiper-button-white,
.product__carousel .swiper-button-prev.swiper-button-white {
color: #0D6759;
}
.swiper-button-next:after{
font-size:30px;
font-weight:bold;
}
.swiper-button-prev:after{
font-size:30px;
font-weight:bold;
}
.product__carousel .gallery-thumbs .swiper-slide {
position: relative;
transition: border .15s linear;
border: 1px solid #ebebeb;
border-radius: 3px;
cursor: pointer;
overflow: hidden;
height: calc(100% - 2px);
}
img::after{
content: """ " attr(alt);
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
border-color: #000;
}
.product__carousel .gallery-thumbs .swiper-slide img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
max-width: 100%;
}
.oemh2{
margin-bottom:0;
font-size:1rem;
}
.w-40{
width:40%;
}
.text-sol{
text-align:center;
}
.yeni-ozellik{
display: flex;
justify-content: space-between;
}
.ic-ozellik{
font-weight:bold;
}
.bg-none{
background:transparent!important;
}
fieldset { transition:0.4s all ease-in-out;width:100%;height:50px;border:1px solid #CCC;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:10px;padding:0 0 0 6px!important;margin:0;overflow:hidden; }
fieldset:hover { border:3px solid #bfbfbf }
fieldset legend { position:relative;z-index:2;display:inline-block;width:auto;max-width:auto;padding:0 4px;font-size:12px; }
fieldset input[type=text] { position:relative;z-index:1;font-size:13px;line-height:1.2em; }
fieldset input[type=text]::placeholder { font-size:13px; }
.first-field{ border: 3px solid #0D6759;
float:left; width:28%; margin-right:1%; white-space:nowrap;
}
.second-field{ border: 3px solid #0D6759;
float:left; width:20.3%; margin-right:1%; overflow:inherit;
}
.third-field{ border: 3px solid #0D6759;
float:left; width:20.3%; margin-right:1%; overflow:inherit;
}
.four-field{ border: 3px solid #0D6759;
float:left; width:28.3%; overflow:inherit;
}
.ic-form{
position:absolute; top:10px; left:10px; width:92%;
}
.orange2{
padding:10px 30px;
display:block;
position:relative;
margin:auto;
color:#fff;
border-radius:5px;
background:#0D6759;
}
button:focus{
outline:none!important;
}
.blocker{
z-index:2!important;
}
.modal{
height:90vh;
padding:0!important;
}
.yeni-h4{
background-image: url(../motif2.png);
padding: 0 10px;
font-size: 20px;
color: white;
margin-bottom: 0;
font-weight: 600;
text-align: center;
z-index: 1;
justify-content: center;
display: flex;
align-items: center;
position: relative;
height: 60px;
background-size: cover;
z-index: 1;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.new-h{
min-height:auto;
height:50px;
overflow-y:scroll;
}
.mobile-menu #kat-btn{
color:#fff!important;
}
#msform fieldset{
height:auto;
}
.contact-icon i{
position:relative;
top:-5px;
}
.contact-content a{
color:#000;
}
#button {
display: inline-block;
background-color: #0D6759;
width: 50px;
height: 50px;
text-align: center;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#button::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 1em;
line-height: 50px;
color: #fff;
}
#button:hover {
cursor: pointer;
background-color: #333;
}
#button:active {
background-color: #555;
}
#button.show {
opacity: 1;
visibility: visible;
}
.alert-dol{
display:none;
color: #d31919;
position: absolute;
top: 80%;
}
.alert-dol:after{
content:".";
}
.res-area{
position: absolute;
left: 350%;
margin-left: auto;
margin-right: auto;
top: -50%;
z-index: 3;
right: 0;
bottom: 0;
height: 300px;
width: 300px;
overflow: hidden;
font-size: 0;
/* -webkit-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); */
/* transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); */
border-radius: 15px;
}
.res-area img
{
width:100%;
height:100%;
object-fit:contain;
transition:1s all ease-in-out;
opacity:0;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
margin:10px;
}
.swiper-pagination-bullet{
width:12px!important;
background: white !important;
border: 1px solid #000000 !important;
height:12px!important;
}
.swiper-pagination-bullet-active{
background:#0D6759!important;
border:none!important;
}
.list-style-one li:last-child{
padding-left:0!important;
}
.owl-carousel .owl-nav button.owl-next{
border: none;
padding: 0 !important;
font-size: 35px!important;
background: #0D6759!important;
color: #fff!important;
align-items: center;
justify-content: center;
border-radius: 50%;
height: 50px;
width: 50px;
}
.breadcrumb a{
color:#0D6759;
}
.k-img{
position: absolute;
right:0;
text-align:right;
bottom: 0;
}
.image-column .inner-column {
position: relative;
padding-right: 90px;
padding-bottom: 125px;
}
.image-column .inner-column:before {
position: absolute;
right:0;
top: 65px;
height: 520px;
width: 520px;
background-image: url(https://i.ibb.co/fxJ1jtC/about-circle-1.png);
content: "";
}
.image-column .image-1 {
position: relative;
}
.image-column .image-1 img {
box-shadow: 0 30px 50px rgba(8, 13, 62, .15);
}
.owl-carousel .owl-nav button.owl-prev{
border: none;
padding: 0 !important;
font-size: 35px!important;
background: #0D6759!important;
color: #fff!important;
align-items: center;
justify-content: center;
border-radius: 50%;
height: 50px;
width: 50px;
}
.addr-guide span{
padding-left:0!important;
}
.list-style-one li:last-child span{
padding-left:35px!important;
}
.blog-slider1:hover{
transform:translateY(-10px);
}
.blog-slider1 {
width: 95%;
cursor:pointer;
position: relative;
transition:5s all ease-in-out;
margin-bottom:120px;
background: #fff;
box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
padding: 25px;
border-radius: 25px;
transition: all 0.3s;
}
@media screen and (max-width: 992px) {
.deneme .right{
width:auto;
position:absolute;
top:15%;
right:5%;
}
.nav-wrapper{
right:0;
display:block;
position:relative;
}
.blog-slider1 {
max-width: 680px;
height: 400px;
}
}
@media screen and (max-width: 768px) {
.blog-slider1 {
height: auto;
margin: 180px auto;
}
}
@media screen and (max-height: 500px) and (min-width: 992px) {
.blog-slider1 {
height: 350px;
}
}
.blog-slider__item1 {
}
@media screen and (max-width: 768px) {
.blog-slider__item1 {
flex-direction: column;
}
}
.blog-slider__item1:first-child{
}
.blog-slider__img1 {
width: 250px;
flex-shrink: 0;
height: 250px;
background: white;
box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
border-radius: 20px;
transform: translateY(-50px);
overflow: hidden;
position: relative;
display: block;
margin: auto;
}
#fa-id{
position:relative;
margin-left:10px;
top:4px;
}
.blog-slider__img1:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
border-radius: 20px;
opacity: 0;
}
.blog-slider__img1 img {
width: 102%;
object-fit: cover;
opacity: 1;
border-radius: 20px;
transition: all 0.3s;
position: absolute;
top: 15%;
}
@media screen and (max-width: 768px) {
.blog-slider__img1 {
transform: translateY(-50%);
width: 90%;
}
}
@media screen and (max-width: 576px) {
.blog-slider__img1 {
width: 95%;
}
}
@media screen and (max-height: 500px) and (min-width: 992px) {
.blog-slider__img1 {
height: 270px;
}
}
.blog-slider__content1 {
}
@media screen and (max-width: 768px) {
.blog-slider__content1 {
margin-top: -80px;
text-align: center;
padding: 0 30px;
}
}
@media screen and (max-width: 576px) {
.blog-slider__content1 {
padding: 0;
}
}
.blog-slider__content1 > * {
opacity: 1;
transition: all 0.4s;
}
.blog-slider__code1 {
color: #7b7992;
margin-bottom: 15px;
display: block;
font-weight: 500;
}
.blog-slider__title1 {
font-size: 2rem;
font-weight: 700;
color: #343434;
margin-bottom: 20px;
}
.blog-slider__text1 {
color: #4e4a67;
margin-bottom: 30px;
line-height: 2em;
}
.blog-slider__button1 {
display: inline-flex;
background-image: linear-gradient(147deg, #0D6759 0%, #489f7c 74%);
padding: 15px 35px;
width:100%;
border-radius: 10px;
color: #fff;
box-shadow: 0px 14px 80px #021a1899;
text-decoration: none;
font-weight: 500;
justify-content: center;
text-align: center;
letter-spacing: 1px;
}
@media screen and (max-width:992px){
.mob-map{
height: 300px;
max-width: 100%;
object-fit: cover;
}
.blog-slider__text1{
padding:10px;
}
.tab__bar .blog-slider__title1{
font-size:1.2rem!important;
padding:10px;
}
.tab__bar .blog-slider1{
margin-bottom:1px;
}
.blog-slider1{
width:100%;
}
.blog-slider__button1{
margin-bottom:30px;
}
.blog-slider__item1:first-child{
margin-left:0;
}
}
.project-section__row .project-section__info{
align-self: center;
}
.project-section__row .project-section__info h2{
z-index: 11;
position: relative;
margin-bottom: 25px;
letter-spacing: -1.5px !important;
font-size: 5rem;
font-weight: 700;
margin:120px 0;
width:100%;
text-align:center;
}
.project-section__row .project-section__info h2::after {
bottom: -31px;
right: calc(50% - 390px);
z-index: -1;
content: url(../brush.png);
position: absolute;
}
.yazi-alanii .blog-slider__title1{
font-size: 1.5rem;
font-weight: 700;
color: #343434;
margin-bottom: 20px;
text-align: center;
}
.blog-slider__img2{
width: 250px;
flex-shrink: 0;
height: 250px;
background: white;
box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
border-radius: 20px;
transform: translateY(-50px);
overflow: hidden;
position: relative;
margin: auto;
margin-bottom:50px;
}
.blog-slider__img2 img{
width: 70%;
object-fit: cover;
opacity: 1;
border-radius: 20px;
transition: all 0.3s;
position: absolute;
top: 15%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.nt2{
width: 15%!important;
top: 2%!important;
transform: rotate(335deg);
}
.nt-5{
width: 60%!important;
top: 10%!important;
}
.nt-6{
width: 35%!important;
top: 7%!important;
}
.blog-slider1::after{
content:"";
position:absolute;
width:100%;
opacity:0;
height:100%;
left:0;
top:0;
border-radius:20px;
background:red;
}
.uretim-area{
padding:1.25rem;
}
.uretim-area img{
transform: rotate(0deg);
transition: transform 1.5s linear;
position: relative;
margin: auto;
display: block;
border-radius: 10px;
height: 460px;
object-fit: cover;
}
.sub li a{
padding:10px 35px!important;
}
.uretim-baslik{
margin:20px 0;
width:100%;
text-align:center;
display:block;
font-size:1.4rem;
font-weight:600;
}
.kalite-sag{
border-radius:10px;
}
.owl-prev {
background: url('https://res.cloudinary.com/milairagny/image/upload/v1487938188/left-arrow_rlxamy.png') left center no-repeat;
height: 54px;
position: absolute;
top: 50%;
width: 27px;
z-index: 1000;
left: 2%;
cursor: pointer;
color: transparent;
margin-top: -27px;
}
.owl-next {
background: url('https://res.cloudinary.com/milairagny/image/upload/v1487938220/right-arrow_zwe9sf.png') right center no-repeat;
height: 54px;
position: absolute;
top: 50%;
width: 27px;
z-index: 1000;
right: 2%;
cursor: pointer;
color: transparent;
margin-top: -27px;
}
.owl-prev:hover,
.owl-next:hover {
opacity: 0.5;
}
#o-cat i{
margin-right:10px;
}
#o-cat{
margin-right:10px;
}
.pdf-res{
position:relative;
margin:auto;
display:block;
width:100%
}
.owl-carousel .owl-item img{
border:1px solid #ebebeb;
border-radius:30px;
}