@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Whisper&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
padding:0;
margin:0;
color:#2e2e2e;
-webkit-text-size-adjust: 100%;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a{
color:#2e2e2e;
text-decoration:none;
}
textarea, select,
input[type="text"],
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
}
@media (max-width: 576px) {
.header{
width:100%;
}
.header .headeric{
width:98%;
margin:10px auto 10px;
display:table;
}
.header .headeric .logo{
width:240px;
-webkit-animation: slideInDown 1s;
animation: slideInDown 1s;
margin-top:10px;
margin-right:10px;
float:left;
}
.header .headeric .logo img{
width:240px;
}
.header .headeric .menu-toggle{
position:relative;
background:url('../img/menu-bg-kucuk.png') no-repeat;
width:54px;
height:30px;
margin-top:10px;
cursor: pointer;
z-index:1000000;
float:right;
}
.header .headeric .menu{
position:absolute;
background:#FFFFFF;
font-family: "Questrial", sans-serif;
font-size:16px;
font-weight:400;
line-height:30px;
letter-spacing:2px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius-bottomleft: 40px;
border-bottom-left-radius: 40px;
top:0;
right:0;
padding:60px 10px 10px 10px;
z-index:100000;
display:none;
}
.header .headeric .menu li{
background:url('../img/li.png') no-repeat left center;
padding-left:20px;
margin-left:15px;
}
.header .headeric .menu li a{
color:#233D63;
}
.header .headeric .menu li:hover{
background:url('../img/li-hover.png') no-repeat left center;
}
.header .headeric .menu li:hover a{
color:#10233e;
}
.header .headeric .dil{
background: -webkit-linear-gradient(#233d63, #5bc346);
font-family: "Questrial", sans-serif;
font-size:14px;
font-weight:400;
color:#FFFFFF;
border-radius:5px!important;
-webkit-border-radius:5px!important;
-moz-border-radius:5px!important;
padding:5px;
margin-top:14px;
float:left;
}
.header .headeric .dil:hover{
background: -webkit-linear-gradient(#5bc346, #233d63);
}
.swiper {
width:100%;
height:100%;
padding:0!important;
margin:0 auto!important;
}
.swiper-slide {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
#slayt .swiper-slide img {
display: block;
width: 100%;
height: 100%;
min-height:300px;
object-fit: cover;
padding:0!important;
margin:0!important;
}
#slayt .swiper-slide h3{
position:absolute;
font-family: "Unbounded", sans-serif;
font-size:18px;
letter-spacing:2px;
color:#FFFFFF;
top:40%;
left:0;
right:0;
z-index:10000;
}
#slayt .swiper-slide-active h3{
-webkit-animation: zoomIn 1s;
animation: zoomIn 1s;
}
#slayt .swiper-slide h4{
position:absolute;
font-family: "Whisper", cursive;
font-size:25px;
letter-spacing:2px;
color:#ffffff;
font-weight:500;
top:50%;
left:0;
right:0;
z-index:10000;
}
#slayt .swiper-slide-active h4{
-webkit-animation: slideInDown 1s;
animation: slideInDown 1s;
}
.swiper-pagination{
position:relative!important;
}
.swiper-pagination-bullet{
background: -webkit-linear-gradient(#233d63, #5bc346)!important;
width:40px!important;
height:10px!important;
border-radius:20px!important;
-webkit-border-radius: 20px!important;
-moz-border-radius: 20px!important;
}
.hakkimizdakisa{
width:98%;
margin:40px auto 0;
display:table;
}
.hakkimizdakisa h2{
font-family: "Playfair Display", serif;
font-size:30px;
color:#d5d5d5;
letter-spacing:2px;
text-align:center;
}
.hakkimizdakisa h3{
font-family: "Playfair Display", serif;
font-size:18px;
font-weight:400;
color:#233d63;
margin-top:5px;
text-align:center;
}
.hakkimizdakisa p{
font-family: "Questrial", sans-serif;
font-size:15px;
font-weight:400;
color:#5b5b5b;
line-height:20px;
margin-top:30px;
text-align:center;
}
.hakkimizdakisa ul{
margin:0 auto;
}
.hakkimizdakisa li{
width:100%;
margin-top:30px;
float:left;
}
.hakkimizdakisa li:first-child{
margin-left:0;
}
.hakkimizdakisa li:nth-child(1){
background:url('../img/hakkimizdakisa-li-1.png') no-repeat top center;
padding-top:100px;
}
.hakkimizdakisa li:nth-child(2){
background:url('../img/hakkimizdakisa-li-2.png') no-repeat top center;
padding-top:100px;
}
.hakkimizdakisa li:nth-child(3){
background:url('../img/hakkimizdakisa-li-3.png') no-repeat top center;
padding-top:100px;
}
.hakkimizdakisa li h3{
font-size:18px;
color:#5bc346;
}
.hakkimizdakisa li p{
font-family: "Manrope", sans-serif;
font-size:14px;
line-height:20px;
margin:0;
padding:20px;
}

.hizmetlerkisa{
width:100%;
margin:50px auto 0;
display:table;
}
.hizmetlerkisa h2{
width:60px;
font-family: "Playfair Display", serif;
font-size:30px;
color:#d5d5d5;
line-height:60px;
letter-spacing:2px;
text-align:right;
writing-mode: vertical-rl;
transform: rotate(180deg);
margin-top:10px;
float:left;
}
.hizmetlerkisa ul{
width: calc(100% - 60px);
width: -webkit-calc(100% - 60px);
display:table;
float:left;
}
.hizmetlerkisa li{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width:100%;
padding:60px 20px 60px 20px;
box-sizing:border-box;
}
.hizmetlerkisa h3{
font-family: "Unbounded", sans-serif;
font-size:20px;
height:48px;
line-height:24px;
letter-spacing:2px;
color:#FFFFFF;
text-align:center;
margin-bottom:20px;
}
.hizmetlerkisa p{
height:250px;
font-family: "Manrope", sans-serif;
font-size:14px;
line-height:20px;
color:#FFFFFF;
text-align:center;
display: flex;
justify-content: center;
align-items: center;
}
.hizmetlerkisa .detaylibilgi{
font-family: "Questrial", sans-serif;
font-size:14px;
line-height:24px;
color:#FFFFFF;
border:2px solid #FFFFFF;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin:20px auto 0;
padding-left:5px;
padding-right:5px;
display:table;
}
.hizmetlerkisa .detaylibilgi:hover{
background:#FFFFFF;
color:#5bc346;
}
.urunlerkisa{
background:url('../img/urunlerkisabg-kucuk.jpg') no-repeat right 80px;
width:100%;
margin:60px auto 0;
display:table;
}
.urunlerkisa .urunlerkisaic{
width:95%;
margin:0 auto;
display:table;
}
.urunlerkisa h2{
font-family: "Playfair Display", serif;
font-size:30px;
color:#d5d5d5;
letter-spacing:2px;
text-align:left;
}
.urunlerkisa h3{
width:100%;
font-family: "Playfair Display", serif;
font-size:18px;
font-weight:400;
color:#233d63;
line-height:24px;
margin-top:5px;
text-align:left;
float:left;
}
.urunlerkisa p{
width: calc(100% - 200px);
width: -webkit-calc(100% - 200px);
font-family: "Questrial", sans-serif;
font-size:15px;
font-weight:400;
color:#5b5b5b;
line-height:20px;
margin-top:20px;
text-align:left;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste{
width:100%;
margin-top:180px;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste h2{
font-family: "Questrial", sans-serif;
font-size:14px;
font-weight:400;
color:#454545;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste li a{
color:#454545;
}
.urunlerkisa .urunlerkisaic .urunliste li:hover h2{
color:#5bc346;
}
.urunlerkisa .urunlerkisaic .urunliste li{
width:100%;
height:50px;
line-height:50px;
padding-top:5px;
padding-bottom:5px;
border-top:1px solid #e7e7e7;
display:table;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste li:nth-child(1){
border-top:none;
}
.urunlerkisa .urunlerkisaic .urunliste li img{
margin-right:10px;
float:left;
}
.markalar{
width:100%;
margin:0 auto;
}
.markalar .item{
padding:30px;
}
.markalar .item img{
filter: grayscale(100%);
}
.markalar .item:hover img{
filter: grayscale(0%);
}
.owl-carousel{
margin:0 auto;
}
.uygulamalarkisa{
background:#233d63 url('../img/uygulamalarkisabg.png');
width:100%;
padding-top:80px;
padding-bottom:50px;
margin:60px auto;
}
.uygulamalarkisa h2{
font-family: "Playfair Display", serif;
font-size:30px;
color:#FFFFFF;
letter-spacing:2px;
text-align:center;
}
.uygulamalarkisa p{
font-family: "Questrial", sans-serif;
font-size:15px;
font-weight:400;
line-height:20px;
color:#FFFFFF;
line-height:20px;
margin-top:30px;
text-align:center;
}
.uygulamalarkisa .owl-carousel{
width:90%!important;
margin:80px auto 0!important;
}
.uygulamalarkisa .owl-carousel .item{
padding-bottom:10px;
text-align:center;
}
.uygulamalarkisa .owl-carousel .item img{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.uygulamalarkisa .owl-carousel .item h4{
font-family: "Manrope", sans-serif;
font-size:14px;
font-weight:400;
color:#FFFFFF;
line-height:24px;
margin-top:10px;
}
.uygulamalarkisa .owl-dots{
margin-top:50px!important;
}
.uygulamalarkisa .owl-dots span{
width:24px!important;
height:6px!important;
border-radius:20px!important;
}
.bilgiformu{
background:url('../img/bilgiformubg-kucuk.jpg') no-repeat 50% 180px;
width:90%;
margin:80px auto 0;
display:table;
}
.bilgiformu h2{
font-family: "Playfair Display", serif;
font-size:30px;
color:#d5d5d5;
letter-spacing:2px;
text-align:center;
}
.bilgiformu h3{
font-family: "Playfair Display", serif;
font-size:18px;
font-weight:400;
color:#233d63;
line-height:24px;
margin-top:5px;
text-align:center;
}
.bilgiformu p{
font-family: "Questrial", sans-serif;
font-size:15px;
font-weight:400;
color:#5b5b5b;
margin-top:30px;
text-align:center;
}
.bilgiformu .kisaform{
width:100%;
padding-top:140px;
}
.bilgiformu input, select{
width:100%;
font-family: "Manrope", sans-serif;
font-size:13px;
font-weight:400;
color:#5b5b5b;
letter-spacing:1px;
border: 1px solid #dfdfdf;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:20px;
padding:10px;
box-sizing:border-box;
outline:none;
}
.bilgiformu input[type=submit]{
background: rgb(91,195,70);
background: linear-gradient(141deg, rgba(91,195,70,1) 0%, rgba(35,61,99,1) 100%);
color:#FFFFFF;
border:none;
}
.bilgiformu input[type=submit]:hover{
background: rgb(91,195,70);
background: linear-gradient(141deg, rgba(35,61,99,1) 0%, rgba(91,195,70,1) 100%);
color:#FFFFFF;
border:none;
}
.footer{
background:url('../img/footerbg.jpg') no-repeat top center;
background-size:cover;
width:100%;
margin:80px auto 0;
}
.footer .footeric{
width:98%;
margin:0 auto;
}
.footer .footerlogo{
width:220px;
padding-top:20px;
margin:0 auto;
}
.footer .footerlogo img{
width:100%;
}
.footer .footermenu{
display:none;
}
.footer .footerbloklar{
width:95%;
margin:10px auto 10px;
display:table;
}
.footer .footerblok{
width:60%;
font-family: "Questrial", sans-serif;
font-size:15px;
font-weight:400;
color:#f0f0f0;
line-height:20px;
text-align:center;
margin:20px auto 0;
display:table;
}
.footer .footerblok h3{
font-family: "Unbounded", sans-serif;
font-size:15px;
font-weight:200;
color:#f0f0f0;
letter-spacing:1px;
border-bottom:1px solid #f0f0f0;
padding-bottom:5px;
margin:0 auto 5px;
}
.footer .footerblok ul{
margin:0 auto;
display:table;
}
.footer .footerblok li{
margin-left:15px;
float:left;
}
.footer .footerblok li:nth-child(1){
margin-left:0px;
}
.footer .footerblok a{
color:#f0f0f0;
}
.sozlesmeler{
font-family: "Manrope", sans-serif;
font-size:13px;
font-weight:400;
color:#f0f0f0;
line-height:40px;
margin:0 auto;
display:table;
}
.sozlesmeler li{
margin-left:5px;
margin-right:5px;
float:left;
}
.sozlesmeler li a{
color:#f0f0f0;
}
.copyright{
width:100%;
height:40px;
font-family: "Manrope", sans-serif;
font-size:14px;
font-weight:400;
color:#f0f0f0;
line-height:40px;
letter-spacing:2px;
text-align:center;
}
}

@media (min-width: 576px) and (max-width: 768px) {
.header{
width:100%;
}
.header .headeric{
width:98%;
margin:10px auto 25px;
display:table;
}
.header .headeric .logo{
width:260px;
-webkit-animation: slideInDown 1s;
animation: slideInDown 1s;
margin-top:10px;
margin-right:20px;
float:left;
}
.header .headeric .logo img{
width:260px;
}
.header .headeric .menu-toggle{
position:relative;
background:url('../img/menu-bg.png') no-repeat;
width:54px;
height:38px;
margin-top:10px;
cursor: pointer;
z-index:1000000;
float:right;
}
.header .headeric .menu{
position:absolute;
background:#FFFFFF;
font-family: "Questrial", sans-serif;
font-size:16px;
font-weight:400;
line-height:30px;
letter-spacing:2px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius-bottomleft: 40px;
border-bottom-left-radius: 40px;
top:0;
right:0;
padding:80px 20px 20px 20px;
z-index:100000;
display:none;
}
.header .headeric .menu li{
background:url('../img/li.png') no-repeat left center;
padding-left:20px;
margin-left:15px;
}
.header .headeric .menu li a{
color:#233D63;
}
.header .headeric .menu li:hover{
background:url('../img/li-hover.png') no-repeat left center;
}
.header .headeric .menu li:hover a{
color:#10233e;
}
.header .headeric .dil{
background: -webkit-linear-gradient(#233d63, #5bc346);
font-family: "Questrial", sans-serif;
font-size:16px;
font-weight:400;
color:#FFFFFF;
border-radius:5px!important;
-webkit-border-radius:5px!important;
-moz-border-radius:5px!important;
padding:10px;
margin-top:12px;
float:left;
}
.header .headeric .dil:hover{
background: -webkit-linear-gradient(#5bc346, #233d63);
}
.swiper {
width:100%;
height:100%;
padding:0!important;
margin:0 auto!important;
}
.swiper-slide {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
#slayt .swiper-slide img {
display: block;
width: 100%;
height: 100%;
min-height:400px;
object-fit: cover;
padding:0!important;
margin:0!important;
}
#slayt .swiper-slide h3{
position:absolute;
font-family: "Unbounded", sans-serif;
font-size:30px;
letter-spacing:2px;
color:#FFFFFF;
top:40%;
left:0;
right:0;
z-index:10000;
}
#slayt .swiper-slide-active h3{
-webkit-animation: zoomIn 1s;
animation: zoomIn 1s;
}
#slayt .swiper-slide h4{
position:absolute;
font-family: "Whisper", cursive;
font-size:35px;
letter-spacing:2px;
color:#ffffff;
font-weight:500;
top:50%;
left:0;
right:0;
z-index:10000;
}
#slayt .swiper-slide-active h4{
-webkit-animation: slideInDown 1s;
animation: slideInDown 1s;
}
.swiper-pagination{
position:relative!important;
}
.swiper-pagination-bullet{
background: -webkit-linear-gradient(#233d63, #5bc346)!important;
width:40px!important;
height:10px!important;
border-radius:20px!important;
-webkit-border-radius: 20px!important;
-moz-border-radius: 20px!important;
}
.hakkimizdakisa{
width:98%;
margin:40px auto 0;
display:table;
}
.hakkimizdakisa h2{
font-family: "Playfair Display", serif;
font-size:40px;
color:#d5d5d5;
letter-spacing:2px;
text-align:center;
}
.hakkimizdakisa h3{
font-family: "Playfair Display", serif;
font-size:20px;
font-weight:400;
color:#233d63;
margin-top:5px;
text-align:center;
}
.hakkimizdakisa p{
font-family: "Questrial", sans-serif;
font-size:16px;
font-weight:400;
color:#5b5b5b;
margin-top:30px;
text-align:center;
}
.hakkimizdakisa ul{
margin:50px auto 0;
}
.hakkimizdakisa li{
width: calc(33.33% - 20px);
width: -webkit-calc(33.33% - 20px);
margin-left:30px;
float:left;
}
.hakkimizdakisa li:first-child{
margin-left:0;
}
.hakkimizdakisa li:nth-child(1){
background:url('../img/hakkimizdakisa-li-1.png') no-repeat top center;
padding-top:100px;
}
.hakkimizdakisa li:nth-child(2){
background:url('../img/hakkimizdakisa-li-2.png') no-repeat top center;
padding-top:100px;
}
.hakkimizdakisa li:nth-child(3){
background:url('../img/hakkimizdakisa-li-3.png') no-repeat top center;
padding-top:100px;
}
.hakkimizdakisa li h3{
font-size:18px;
color:#5bc346;
}
.hakkimizdakisa li p{
font-family: "Manrope", sans-serif;
font-size:14px;
line-height:20px;
margin:0;
padding:20px;
}

.hizmetlerkisa{
width:100%;
margin:50px auto 0;
display:table;
}
.hizmetlerkisa h2{
width:60px;
font-family: "Playfair Display", serif;
font-size:30px;
color:#d5d5d5;
line-height:60px;
letter-spacing:2px;
text-align:right;
writing-mode: vertical-rl;
transform: rotate(180deg);
margin-top:10px;
float:left;
}
.hizmetlerkisa ul{
width: calc(100% - 60px);
width: -webkit-calc(100% - 60px);
display:table;
float:left;
}
.hizmetlerkisa li{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: calc(50% - 6px);
width: -webkit-calc(50% - 6px);
margin-left:12px;
padding:60px 20px 60px 20px;
box-sizing:border-box;
float:left;
}
.hizmetlerkisa li:nth-child(1){
margin-left:0;
}
.hizmetlerkisa li:nth-child(3){
margin-top:12px;
margin-left:0;
}
.hizmetlerkisa li:nth-child(4){
margin-top:12px;
}
.hizmetlerkisa h3{
height:48px;
font-family: "Unbounded", sans-serif;
font-size:20px;
height:48px;
line-height:24px;
letter-spacing:2px;
color:#FFFFFF;
text-align:center;
margin-bottom:20px;
}
.hizmetlerkisa p{
height:400px;
font-family: "Manrope", sans-serif;
font-size:16px;
line-height:24px;
color:#FFFFFF;
text-align:center;
display: flex;
justify-content: center;
align-items: center;
}
.hizmetlerkisa .detaylibilgi{
font-family: "Questrial", sans-serif;
font-size:16px;
line-height:30px;
color:#FFFFFF;
border:2px solid #FFFFFF;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin:20px auto 0;
padding-left:5px;
padding-right:5px;
display:table;
}
.hizmetlerkisa .detaylibilgi:hover{
background:#FFFFFF;
color:#5bc346;
}
.urunlerkisa{
background:url('../img/urunlerkisabg-kucuk.jpg') no-repeat right 250px;
width:100%;
margin:60px auto 0;
display:table;
}
.urunlerkisa .urunlerkisaic{
width:95%;
margin:0 auto;
display:table;
}
.urunlerkisa h2{
font-family: "Playfair Display", serif;
font-size:40px;
color:#d5d5d5;
letter-spacing:2px;
text-align:left;
}
.urunlerkisa h3{
font-family: "Playfair Display", serif;
font-size:20px;
font-weight:400;
color:#233d63;
margin-top:5px;
text-align:left;
}
.urunlerkisa p{
font-family: "Questrial", sans-serif;
font-size:16px;
font-weight:400;
color:#5b5b5b;
margin-top:30px;
text-align:left;
}
.urunlerkisa .urunlerkisaic .urunliste{
width: calc(100% - 220px);
width: -webkit-calc(100% - 220px);
margin-top:40px;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste h2{
font-family: "Questrial", sans-serif;
font-size:14px;
font-weight:400;
color:#454545;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste li a{
color:#454545;
}
.urunlerkisa .urunlerkisaic .urunliste li:hover h2{
color:#5bc346;
}
.urunlerkisa .urunlerkisaic .urunliste li{
width:100%;
height:50px;
line-height:50px;
padding-top:5px;
padding-bottom:5px;
border-top:1px solid #e7e7e7;
display:table;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste li:nth-child(1){
border-top:none;
}
.urunlerkisa .urunlerkisaic .urunliste li img{
margin-right:10px;
float:left;
}
.markalar{
width:100%;
margin:0 auto;
}
.markalar .item{
padding:30px;
}
.markalar .item img{
filter: grayscale(100%);
}
.markalar .item:hover img{
filter: grayscale(0%);
}
.owl-carousel{
margin:0 auto;
}
.uygulamalarkisa{
background:#233d63 url('../img/uygulamalarkisabg.png');
width:100%;
padding-top:80px;
padding-bottom:50px;
margin:60px auto;
}
.uygulamalarkisa h2{
font-family: "Playfair Display", serif;
font-size:40px;
color:#FFFFFF;
letter-spacing:2px;
text-align:center;
}
.uygulamalarkisa p{
font-family: "Questrial", sans-serif;
font-size:16px;
font-weight:400;
color:#FFFFFF;
line-height:20px;
margin-top:30px;
text-align:center;
}
.uygulamalarkisa .owl-carousel{
width:90%!important;
margin:80px auto 0!important;
}
.uygulamalarkisa .owl-carousel .item{
padding-bottom:10px;
text-align:center;
}
.uygulamalarkisa .owl-carousel .item img{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.uygulamalarkisa .owl-carousel .item h4{
font-family: "Manrope", sans-serif;
font-size:14px;
font-weight:400;
color:#FFFFFF;
line-height:24px;
margin-top:10px;
}
.uygulamalarkisa .owl-dots{
margin-top:50px!important;
}
.uygulamalarkisa .owl-dots span{
width:24px!important;
height:6px!important;
border-radius:20px!important;
}
.bilgiformu{
background:url('../img/bilgiformubg-kucuk.jpg') no-repeat 50% 150px;
width:90%;
margin:80px auto 0;
display:table;
}
.bilgiformu h2{
font-family: "Playfair Display", serif;
font-size:40px;
color:#d5d5d5;
letter-spacing:2px;
text-align:center;
}
.bilgiformu h3{
font-family: "Playfair Display", serif;
font-size:20px;
font-weight:400;
color:#233d63;
line-height:24px;
margin-top:5px;
text-align:center;
}
.bilgiformu p{
font-family: "Questrial", sans-serif;
font-size:16px;
font-weight:400;
color:#5b5b5b;
margin-top:30px;
text-align:center;
}
.bilgiformu .kisaform{
width:100%;
padding-top:140px;
}
.bilgiformu input, select{
width:100%;
font-family: "Manrope", sans-serif;
font-size:14px;
font-weight:400;
color:#5b5b5b;
letter-spacing:1px;
border: 1px solid #dfdfdf;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:20px;
padding:10px;
box-sizing:border-box;
outline:none;
}
.bilgiformu input[type=submit]{
background: rgb(91,195,70);
background: linear-gradient(141deg, rgba(91,195,70,1) 0%, rgba(35,61,99,1) 100%);
color:#FFFFFF;
border:none;
}
.bilgiformu input[type=submit]:hover{
background: rgb(91,195,70);
background: linear-gradient(141deg, rgba(35,61,99,1) 0%, rgba(91,195,70,1) 100%);
color:#FFFFFF;
border:none;
}
.footer{
background:url('../img/footerbg.jpg') no-repeat top center;
background-size:cover;
width:100%;
margin:80px auto 0;
}
.footer .footeric{
width:98%;
margin:0 auto;
}
.footer .footerlogo{
width:220px;
padding-top:20px;
margin:0 auto;
}
.footer .footerlogo img{
width:100%;
}
.footer .footermenu{
display:none;
}
.footer .footerbloklar{
width:95%;
margin:10px auto 10px;
display:table;
}
.footer .footerblok{
width:60%;
font-family: "Questrial", sans-serif;
font-size:15px;
font-weight:400;
color:#f0f0f0;
line-height:20px;
text-align:center;
margin:20px auto 0;
display:table;
}
.footer .footerblok h3{
font-family: "Unbounded", sans-serif;
font-size:15px;
font-weight:200;
color:#f0f0f0;
letter-spacing:1px;
border-bottom:1px solid #f0f0f0;
padding-bottom:5px;
margin:0 auto 5px;
}
.footer .footerblok ul{
margin:0 auto;
display:table;
}
.footer .footerblok li{
margin-left:15px;
float:left;
}
.footer .footerblok li:nth-child(1){
margin-left:0px;
}
.footer .footerblok a{
color:#f0f0f0;
}
.sozlesmeler{
font-family: "Manrope", sans-serif;
font-size:13px;
font-weight:400;
color:#f0f0f0;
line-height:40px;
margin:0 auto;
display:table;
}
.sozlesmeler li{
margin-left:5px;
margin-right:5px;
float:left;
}
.sozlesmeler li a{
color:#f0f0f0;
}
.copyright{
width:100%;
height:40px;
font-family: "Manrope", sans-serif;
font-size:14px;
font-weight:400;
color:#f0f0f0;
line-height:40px;
letter-spacing:2px;
text-align:center;
}
}

@media (min-width: 768px) and (max-width: 992px) {
.header{
width:100%;
}
.header .headeric{
width:98%;
margin:10px auto 25px;
display:table;
}
.header .headeric .logo{
width:260px;
-webkit-animation: slideInDown 1s;
animation: slideInDown 1s;
margin-top:10px;
margin-right:20px;
float:left;
}
.header .headeric .logo img{
width:260px;
}
.header .headeric .menu-toggle{
position:relative;
background:url('../img/menu-bg.png') no-repeat;
width:54px;
height:38px;
margin-top:10px;
cursor: pointer;
z-index:1000000;
float:right;
}
.header .headeric .menu{
position:absolute;
background:#FFFFFF;
font-family: "Questrial", sans-serif;
font-size:16px;
font-weight:400;
line-height:30px;
letter-spacing:2px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius-bottomleft: 40px;
border-bottom-left-radius: 40px;
top:0;
right:0;
padding:80px 30px 30px 30px;
z-index:100000;
display:none;
}
.header .headeric .menu li{
background:url('../img/li.png') no-repeat left center;
padding-left:20px;
margin-left:15px;
}
.header .headeric .menu li a{
color:#233D63;
}
.header .headeric .menu li:hover{
background:url('../img/li-hover.png') no-repeat left center;
}
.header .headeric .menu li:hover a{
color:#10233e;
}
.header .headeric .dil{
background: -webkit-linear-gradient(#233d63, #5bc346);
font-family: "Questrial", sans-serif;
font-size:18px;
font-weight:400;
color:#FFFFFF;
border-radius:5px!important;
-webkit-border-radius:5px!important;
-moz-border-radius:5px!important;
padding:10px;
margin-top:10px;
float:left;
}
.header .headeric .dil:hover{
background: -webkit-linear-gradient(#5bc346, #233d63);
}
.swiper {
width:100%;
height:100%;
padding:0!important;
margin:0 auto!important;
}
.swiper-slide {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
#slayt .swiper-slide img {
display: block;
width: 100%;
height: 100%;
min-height:500px;
object-fit: cover;
padding:0!important;
margin:0!important;
}
#slayt .swiper-slide h3{
position:absolute;
font-family: "Unbounded", sans-serif;
font-size:40px;
letter-spacing:2px;
color:#FFFFFF;
top:40%;
left:0;
right:0;
z-index:10000;
}
#slayt .swiper-slide-active h3{
-webkit-animation: zoomIn 1s;
animation: zoomIn 1s;
}
#slayt .swiper-slide h4{
position:absolute;
font-family: "Whisper", cursive;
font-size:45px;
letter-spacing:2px;
color:#ffffff;
font-weight:500;
top:50%;
left:0;
right:0;
z-index:10000;
}
#slayt .swiper-slide-active h4{
-webkit-animation: slideInDown 1s;
animation: slideInDown 1s;
}
.swiper-pagination{
position:relative!important;
}
.swiper-pagination-bullet{
background: -webkit-linear-gradient(#233d63, #5bc346)!important;
width:40px!important;
height:10px!important;
border-radius:20px!important;
-webkit-border-radius: 20px!important;
-moz-border-radius: 20px!important;
}
.hakkimizdakisa{
width:98%;
margin:80px auto 0;
display:table;
}
.hakkimizdakisa h2{
font-family: "Playfair Display", serif;
font-size:50px;
color:#d5d5d5;
letter-spacing:2px;
text-align:center;
}
.hakkimizdakisa h3{
font-family: "Playfair Display", serif;
font-size:24px;
font-weight:400;
color:#233d63;
margin-top:5px;
text-align:center;
}
.hakkimizdakisa p{
font-family: "Questrial", sans-serif;
font-size:18px;
font-weight:400;
color:#5b5b5b;
margin-top:30px;
text-align:center;
}
.hakkimizdakisa ul{
margin:50px auto 0;
}
.hakkimizdakisa li{
width: calc(33.33% - 20px);
width: -webkit-calc(33.33% - 20px);
margin-left:30px;
float:left;
}
.hakkimizdakisa li:first-child{
margin-left:0;
}
.hakkimizdakisa li:nth-child(1){
background:url('../img/hakkimizdakisa-li-1.png') no-repeat top center;
padding-top:100px;
}
.hakkimizdakisa li:nth-child(2){
background:url('../img/hakkimizdakisa-li-2.png') no-repeat top center;
padding-top:100px;
}
.hakkimizdakisa li:nth-child(3){
background:url('../img/hakkimizdakisa-li-3.png') no-repeat top center;
padding-top:100px;
}
.hakkimizdakisa li h3{
font-size:20px;
color:#5bc346;
}
.hakkimizdakisa li p{
font-family: "Manrope", sans-serif;
font-size:16px;
line-height:24px;
margin:0;
padding:20px;
}

.hizmetlerkisa{
width:100%;
margin:100px auto 0;
display:table;
}
.hizmetlerkisa h2{
width:60px;
font-family: "Playfair Display", serif;
font-size:30px;
color:#d5d5d5;
line-height:60px;
letter-spacing:2px;
text-align:right;
writing-mode: vertical-rl;
transform: rotate(180deg);
margin-top:10px;
float:left;
}
.hizmetlerkisa ul{
width: calc(100% - 60px);
width: -webkit-calc(100% - 60px);
display:table;
float:left;
}
.hizmetlerkisa li{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: calc(50% - 6px);
width: -webkit-calc(50% - 6px);
margin-left:12px;
padding:60px 30px 60px 30px;
box-sizing:border-box;
float:left;
}
.hizmetlerkisa li:nth-child(1){
margin-left:0;
}
.hizmetlerkisa li:nth-child(3){
margin-top:12px;
margin-left:0;
}
.hizmetlerkisa li:nth-child(4){
margin-top:12px;
}
.hizmetlerkisa h3{
font-family: "Unbounded", sans-serif;
font-size:20px;
height:56px;
line-height:28px;
letter-spacing:2px;
color:#FFFFFF;
text-align:center;
margin-bottom:20px;
}
.hizmetlerkisa p{
height:280px;
font-family: "Manrope", sans-serif;
font-size:16px;
line-height:24px;
color:#FFFFFF;
text-align:center;
display: flex;
justify-content: center;
align-items: center;
}
.hizmetlerkisa .detaylibilgi{
font-family: "Questrial", sans-serif;
font-size:16px;
line-height:30px;
color:#FFFFFF;
border:2px solid #FFFFFF;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin:20px auto 0;
padding-left:5px;
padding-right:5px;
display:table;
}
.hizmetlerkisa .detaylibilgi:hover{
background:#FFFFFF;
color:#5bc346;
}
.urunlerkisa{
background:url('../img/urunlerkisabg-kucuk.jpg') no-repeat right 250px;
width:100%;
margin:120px auto 0;
display:table;
}
.urunlerkisa .urunlerkisaic{
width:90%;
margin:0 auto;
display:table;
}
.urunlerkisa h2{
font-family: "Playfair Display", serif;
font-size:50px;
color:#d5d5d5;
letter-spacing:2px;
text-align:left;
}
.urunlerkisa h3{
font-family: "Playfair Display", serif;
font-size:24px;
font-weight:400;
color:#233d63;
margin-top:5px;
text-align:left;
}
.urunlerkisa p{
font-family: "Questrial", sans-serif;
font-size:18px;
font-weight:400;
color:#5b5b5b;
margin-top:30px;
text-align:left;
}
.urunlerkisa .urunlerkisaic .urunliste{
width: calc(100% - 300px);
width: -webkit-calc(100% - 300px);
margin-top:40px;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste h2{
font-family: "Questrial", sans-serif;
font-size:15px;
font-weight:400;
color:#454545;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste li a{
color:#454545;
}
.urunlerkisa .urunlerkisaic .urunliste li:hover h2{
color:#5bc346;
}
.urunlerkisa .urunlerkisaic .urunliste li{
width:100%;
height:50px;
line-height:50px;
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #e7e7e7;
display:table;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste li:nth-child(1){
border-top:none;
}
.urunlerkisa .urunlerkisaic .urunliste li img{
margin-right:15px;
float:left;
}
.markalar{
width:100%;
margin:80px auto 0;
}
.markalar .item{
padding:30px;
}
.markalar .item img{
filter: grayscale(100%);
}
.markalar .item:hover img{
filter: grayscale(0%);
}
.owl-carousel{
margin:0 auto;
}
.uygulamalarkisa{
background:#233d63 url('../img/uygulamalarkisabg.png');
width:100%;
padding-top:80px;
padding-bottom:50px;
margin:120px auto;
}
.uygulamalarkisa h2{
font-family: "Playfair Display", serif;
font-size:50px;
color:#FFFFFF;
letter-spacing:2px;
text-align:center;
}
.uygulamalarkisa p{
font-family: "Questrial", sans-serif;
font-size:18px;
font-weight:400;
color:#FFFFFF;
margin-top:30px;
text-align:center;
}
.uygulamalarkisa .owl-carousel{
width:90%!important;
margin:80px auto 0!important;
}
.uygulamalarkisa .owl-carousel .item{
padding-bottom:10px;
text-align:center;
}
.uygulamalarkisa .owl-carousel .item img{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.uygulamalarkisa .owl-carousel .item h4{
font-family: "Manrope", sans-serif;
font-size:16px;
font-weight:400;
color:#FFFFFF;
line-height:24px;
margin-top:10px;
}
.uygulamalarkisa .owl-dots{
margin-top:50px!important;
}
.uygulamalarkisa .owl-dots span{
width:24px!important;
height:6px!important;
border-radius:20px!important;
}
.bilgiformu{
background:url('../img/bilgiformubg-kucuk.jpg') no-repeat left 280px;
width:90%;
margin:80px auto 0;
display:table;
}
.bilgiformu h2{
font-family: "Playfair Display", serif;
font-size:50px;
color:#d5d5d5;
letter-spacing:2px;
text-align:center;
}
.bilgiformu h3{
font-family: "Playfair Display", serif;
font-size:24px;
font-weight:400;
color:#233d63;
margin-top:5px;
text-align:center;
}
.bilgiformu p{
font-family: "Questrial", sans-serif;
font-size:18px;
font-weight:400;
color:#5b5b5b;
margin-top:30px;
text-align:center;
}
.bilgiformu .kisaform{
width: calc(100% - 350px);
width: -webkit-calc(100% - 350px);
margin-top:60px;
float:right;
}
.bilgiformu input, select{
width:100%;
font-family: "Manrope", sans-serif;
font-size:15px;
font-weight:400;
color:#5b5b5b;
letter-spacing:1px;
border: 1px solid #dfdfdf;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:20px;
padding:10px;
box-sizing:border-box;
outline:none;
}
.bilgiformu input[type=submit]{
background: rgb(91,195,70);
background: linear-gradient(141deg, rgba(91,195,70,1) 0%, rgba(35,61,99,1) 100%);
color:#FFFFFF;
border:none;
}
.bilgiformu input[type=submit]:hover{
background: rgb(91,195,70);
background: linear-gradient(141deg, rgba(35,61,99,1) 0%, rgba(91,195,70,1) 100%);
color:#FFFFFF;
border:none;
}
.footer{
background:url('../img/footerbg.jpg') no-repeat top center;
background-size:cover;
width:100%;
margin:80px auto 0;
}
.footer .footeric{
width:98%;
margin:0 auto;
}
.footer .footerlogo{
width:220px;
padding-top:20px;
margin:0 auto;
}
.footer .footerlogo img{
width:100%;
}
.footer .footermenu{
margin:20px auto;
display:table;
}
.footer .footermenu li{
font-family: "Questrial", sans-serif;
font-size:15px;
font-weight:400;
line-height:30px;
letter-spacing:2px;
margin-left:20px;
padding-bottom:2px;
float:left;
}
.footer .footermenu li a{
color:#f0f0f0;
}
.footer .footermenu li:hover a{
color:#233d63;
}
.footer .footerbloklar{
width:80%;
margin:40px auto 10px;
display:table;
}
.footer .footerblok{
width: calc(33.33% - 10px);
width: -webkit-calc(33.33% - 10px);
font-family: "Questrial", sans-serif;
font-size:15px;
font-weight:400;
color:#f0f0f0;
line-height:20px;
margin-left:15px;
text-align:center;
float:left;
}
.footer .footerblok:nth-child(1){
margin-left:0;
}
.footer .footerblok h3{
font-family: "Unbounded", sans-serif;
font-size:15px;
font-weight:200;
color:#f0f0f0;
letter-spacing:1px;
border-bottom:1px solid #f0f0f0;
padding-bottom:5px;
margin:0 auto 15px;
display:table;
}
.footer .footerblok ul{
margin:0 auto;
display:table;
}
.footer .footerblok li{
margin-left:15px;
float:left;
}
.footer .footerblok li:nth-child(1){
margin-left:0px;
}
.footer .footerblok a{
color:#f0f0f0;
}
.sozlesmeler{
font-family: "Manrope", sans-serif;
font-size:13px;
font-weight:400;
color:#f0f0f0;
line-height:40px;
margin:0 auto;
display:table;
}
.sozlesmeler li{
margin-left:5px;
margin-right:5px;
float:left;
}
.sozlesmeler li a{
color:#f0f0f0;
}
.copyright{
width:100%;
height:40px;
font-family: "Manrope", sans-serif;
font-size:14px;
font-weight:400;
color:#f0f0f0;
line-height:40px;
letter-spacing:2px;
text-align:center;
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.header{
width:100%;
}
.header .headeric{
width:98%;
margin:10px auto 25px;
display:table;
}
.header .headeric .logo{
width:260px;
-webkit-animation: slideInDown 1s;
animation: slideInDown 1s;
margin-top:10px;
margin-right:20px;
float:left;
}
.header .headeric .logo img{
width:260px;
}
.header .headeric .menu-toggle{
position:relative;
background:url('../img/menu-bg.png') no-repeat;
width:54px;
height:38px;
margin-top:10px;
cursor: pointer;
z-index:1000000;
float:right;
}
.header .headeric .menu{
position:absolute;
background:#FFFFFF;
font-family: "Questrial", sans-serif;
font-size:16px;
font-weight:400;
line-height:30px;
letter-spacing:2px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius-bottomleft: 40px;
border-bottom-left-radius: 40px;
top:0;
right:0;
padding:80px 30px 30px 30px;
z-index:100000;
display:none;
}
.header .headeric .menu li{
background:url('../img/li.png') no-repeat left center;
padding-left:20px;
margin-left:15px;
}
.header .headeric .menu li a{
color:#233D63;
}
.header .headeric .menu li:hover{
background:url('../img/li-hover.png') no-repeat left center;
}
.header .headeric .menu li:hover a{
color:#10233e;
}
.header .headeric .dil{
background: -webkit-linear-gradient(#233d63, #5bc346);
font-family: "Questrial", sans-serif;
font-size:18px;
font-weight:400;
color:#FFFFFF;
border-radius:5px!important;
-webkit-border-radius:5px!important;
-moz-border-radius:5px!important;
padding:10px;
margin-top:10px;
float:left;
}
.header .headeric .dil:hover{
background: -webkit-linear-gradient(#5bc346, #233d63);
}
.swiper {
width:100%;
height:100%;
padding:0!important;
margin:0 auto!important;
}
.swiper-slide {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
#slayt .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
padding:0!important;
margin:0!important;
}
#slayt .swiper-slide h3{
position:absolute;
font-family: "Unbounded", sans-serif;
font-size:40px;
letter-spacing:2px;
color:#FFFFFF;
top:40%;
left:0;
right:0;
z-index:10000;
}
#slayt .swiper-slide-active h3{
-webkit-animation: zoomIn 1s;
animation: zoomIn 1s;
}
#slayt .swiper-slide h4{
position:absolute;
font-family: "Whisper", cursive;
font-size:45px;
letter-spacing:2px;
color:#ffffff;
font-weight:500;
top:50%;
left:0;
right:0;
z-index:10000;
}
#slayt .swiper-slide-active h4{
-webkit-animation: slideInDown 1s;
animation: slideInDown 1s;
}
.swiper-pagination{
position:relative!important;
}
.swiper-pagination-bullet{
background: -webkit-linear-gradient(#233d63, #5bc346)!important;
width:40px!important;
height:10px!important;
border-radius:20px!important;
-webkit-border-radius: 20px!important;
-moz-border-radius: 20px!important;
}
.hakkimizdakisa{
width:98%;
margin:80px auto 0;
display:table;
}
.hakkimizdakisa h2{
font-family: "Playfair Display", serif;
font-size:50px;
color:#d5d5d5;
letter-spacing:2px;
text-align:center;
}
.hakkimizdakisa h3{
font-family: "Playfair Display", serif;
font-size:24px;
font-weight:400;
color:#233d63;
margin-top:5px;
text-align:center;
}
.hakkimizdakisa p{
font-family: "Questrial", sans-serif;
font-size:18px;
font-weight:400;
color:#5b5b5b;
margin-top:30px;
text-align:center;
}
.hakkimizdakisa ul{
margin:50px auto 0;
}
.hakkimizdakisa li{
width: calc(33.33% - 20px);
width: -webkit-calc(33.33% - 20px);
margin-left:30px;
float:left;
}
.hakkimizdakisa li:first-child{
margin-left:0;
}
.hakkimizdakisa li:nth-child(1){
background:url('../img/hakkimizdakisa-li-1.png') no-repeat top center;
padding-top:100px;
}
.hakkimizdakisa li:nth-child(2){
background:url('../img/hakkimizdakisa-li-2.png') no-repeat top center;
padding-top:100px;
}
.hakkimizdakisa li:nth-child(3){
background:url('../img/hakkimizdakisa-li-3.png') no-repeat top center;
padding-top:100px;
}
.hakkimizdakisa li h3{
font-size:20px;
color:#5bc346;
}
.hakkimizdakisa li p{
font-family: "Manrope", sans-serif;
font-size:16px;
line-height:24px;
margin:0;
padding:20px;
}

.hizmetlerkisa{
width:100%;
margin:100px auto 0;
display:table;
}
.hizmetlerkisa h2{
width:60px;
font-family: "Playfair Display", serif;
font-size:30px;
color:#d5d5d5;
line-height:60px;
letter-spacing:2px;
text-align:right;
writing-mode: vertical-rl;
transform: rotate(180deg);
margin-top:10px;
float:left;
}
.hizmetlerkisa ul{
width: calc(100% - 60px);
width: -webkit-calc(100% - 60px);
display:table;
float:left;
}
.hizmetlerkisa li{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: calc(50% - 6px);
width: -webkit-calc(50% - 6px);
margin-left:12px;
padding:60px 30px 60px 30px;
box-sizing:border-box;
float:left;
}
.hizmetlerkisa li:nth-child(1){
margin-left:0;
}
.hizmetlerkisa li:nth-child(3){
margin-top:12px;
margin-left:0;
}
.hizmetlerkisa li:nth-child(4){
margin-top:12px;
}
.hizmetlerkisa h3{
font-family: "Unbounded", sans-serif;
font-size:20px;
height:56px;
line-height:28px;
letter-spacing:2px;
color:#FFFFFF;
text-align:center;
margin-bottom:20px;
}
.hizmetlerkisa p{
height:250px;
font-family: "Manrope", sans-serif;
font-size:16px;
line-height:24px;
color:#FFFFFF;
text-align:center;
display: flex;
justify-content: center;
align-items: center;
}
.hizmetlerkisa .detaylibilgi{
font-family: "Questrial", sans-serif;
font-size:16px;
line-height:30px;
color:#FFFFFF;
border:2px solid #FFFFFF;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin:20px auto 0;
padding-left:5px;
padding-right:5px;
display:table;
}
.hizmetlerkisa .detaylibilgi:hover{
background:#FFFFFF;
color:#5bc346;
}
.urunlerkisa{
background:url('../img/urunlerkisabg.jpg') no-repeat right bottom;
width:100%;
margin:120px auto 0;
display:table;
}
.urunlerkisa .urunlerkisaic{
width:90%;
margin:0 auto;
display:table;
}
.urunlerkisa h2{
font-family: "Playfair Display", serif;
font-size:50px;
color:#d5d5d5;
letter-spacing:2px;
text-align:left;
}
.urunlerkisa h3{
font-family: "Playfair Display", serif;
font-size:24px;
font-weight:400;
color:#233d63;
margin-top:5px;
text-align:left;
}
.urunlerkisa p{
font-family: "Questrial", sans-serif;
font-size:18px;
font-weight:400;
color:#5b5b5b;
margin-top:30px;
text-align:left;
}
.urunlerkisa .urunlerkisaic .urunliste{
width: calc(100% - 500px);
width: -webkit-calc(100% - 500px);
margin-top:40px;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste h2{
font-family: "Questrial", sans-serif;
font-size:15px;
font-weight:400;
color:#454545;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste li a{
color:#454545;
}
.urunlerkisa .urunlerkisaic .urunliste li:hover h2{
color:#5bc346;
}
.urunlerkisa .urunlerkisaic .urunliste li{
width:100%;
height:50px;
line-height:50px;
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #e7e7e7;
display:table;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste li:nth-child(1){
border-top:none;
}
.urunlerkisa .urunlerkisaic .urunliste li img{
margin-right:15px;
float:left;
}
.markalar{
width:100%;
margin:80px auto 0;
}
.markalar .item{
padding:30px;
}
.markalar .item img{
filter: grayscale(100%);
}
.markalar .item:hover img{
filter: grayscale(0%);
}
.owl-carousel{
margin:0 auto;
}
.uygulamalarkisa{
background:#233d63 url('../img/uygulamalarkisabg.png');
width:100%;
padding-top:80px;
padding-bottom:50px;
margin:120px auto;
}
.uygulamalarkisa h2{
font-family: "Playfair Display", serif;
font-size:50px;
color:#FFFFFF;
letter-spacing:2px;
text-align:center;
}
.uygulamalarkisa p{
font-family: "Questrial", sans-serif;
font-size:18px;
font-weight:400;
color:#FFFFFF;
margin-top:30px;
text-align:center;
}
.uygulamalarkisa .owl-carousel{
width:90%!important;
margin:80px auto 0!important;
}
.uygulamalarkisa .owl-carousel .item{
padding-bottom:10px;
text-align:center;
}
.uygulamalarkisa .owl-carousel .item img{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.uygulamalarkisa .owl-carousel .item h4{
font-family: "Manrope", sans-serif;
font-size:16px;
font-weight:400;
color:#FFFFFF;
line-height:24px;
margin-top:10px;
}
.uygulamalarkisa .owl-dots{
margin-top:50px!important;
}
.uygulamalarkisa .owl-dots span{
width:24px!important;
height:6px!important;
border-radius:20px!important;
}
.bilgiformu{
background:url('../img/bilgiformubg.jpg') no-repeat left bottom;
width:90%;
margin:80px auto 0;
display:table;
}
.bilgiformu h2{
font-family: "Playfair Display", serif;
font-size:50px;
color:#d5d5d5;
letter-spacing:2px;
text-align:center;
}
.bilgiformu h3{
font-family: "Playfair Display", serif;
font-size:24px;
font-weight:400;
color:#233d63;
margin-top:5px;
text-align:center;
}
.bilgiformu p{
font-family: "Questrial", sans-serif;
font-size:18px;
font-weight:400;
color:#5b5b5b;
margin-top:30px;
text-align:center;
}
.bilgiformu .kisaform{
width: calc(100% - 600px);
width: -webkit-calc(100% - 600px);
margin-top:60px;
float:right;
}
.bilgiformu input, select{
width:100%;
font-family: "Manrope", sans-serif;
font-size:15px;
font-weight:400;
color:#5b5b5b;
letter-spacing:1px;
border: 1px solid #dfdfdf;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:20px;
padding:10px;
box-sizing:border-box;
outline:none;
}
.bilgiformu input[type=submit]{
background: rgb(91,195,70);
background: linear-gradient(141deg, rgba(91,195,70,1) 0%, rgba(35,61,99,1) 100%);
color:#FFFFFF;
border:none;
}
.bilgiformu input[type=submit]:hover{
background: rgb(91,195,70);
background: linear-gradient(141deg, rgba(35,61,99,1) 0%, rgba(91,195,70,1) 100%);
color:#FFFFFF;
border:none;
}
.footer{
background:url('../img/footerbg.jpg') no-repeat top center;
background-size:cover;
width:100%;
margin:80px auto 0;
}
.footer .footeric{
width:90%;
margin:0 auto;
}
.footer .footerlogo{
width:220px;
padding-top:20px;
margin:0 auto;
}
.footer .footerlogo img{
width:100%;
}
.footer .footermenu{
margin:20px auto;
display:table;
}
.footer .footermenu li{
font-family: "Questrial", sans-serif;
font-size:16px;
font-weight:400;
line-height:30px;
letter-spacing:2px;
margin-left:40px;
padding-bottom:2px;
float:left;
}
.footer .footermenu li a{
color:#f0f0f0;
}
.footer .footermenu li:hover a{
color:#233d63;
}
.footer .footerbloklar{
width:80%;
margin:40px auto 10px;
display:table;
}
.footer .footerblok{
width: calc(33.33% - 20px);
width: -webkit-calc(33.33% - 20px);
font-family: "Questrial", sans-serif;
font-size:16px;
font-weight:400;
color:#f0f0f0;
line-height:20px;
margin-left:30px;
text-align:center;
float:left;
}
.footer .footerblok:nth-child(1){
margin-left:0;
}
.footer .footerblok h3{
font-family: "Unbounded", sans-serif;
font-size:16px;
font-weight:200;
color:#f0f0f0;
letter-spacing:1px;
border-bottom:1px solid #f0f0f0;
padding-bottom:5px;
margin:0 auto 15px;
display:table;
}
.footer .footerblok ul{
margin:0 auto;
display:table;
}
.footer .footerblok li{
margin-left:15px;
float:left;
}
.footer .footerblok li:nth-child(1){
margin-left:0px;
}
.footer .footerblok a{
color:#f0f0f0;
}
.sozlesmeler{
font-family: "Manrope", sans-serif;
font-size:14px;
font-weight:400;
color:#f0f0f0;
line-height:40px;
margin:0 auto;
display:table;
}
.sozlesmeler li{
margin-left:5px;
margin-right:5px;
float:left;
}
.sozlesmeler li a{
color:#f0f0f0;
}
.copyright{
width:100%;
height:40px;
font-family: "Manrope", sans-serif;
font-size:15px;
font-weight:400;
color:#f0f0f0;
line-height:40px;
letter-spacing:2px;
text-align:center;
}
}

@media (min-width: 1200px) {
.header{
width:100%;
}
.header .headeric{
width:98%;
max-width:1920px;
margin:10px auto 25px;
display:table;
}
.header .headeric .logo{
width:260px;
-webkit-animation: slideInDown 1s;
animation: slideInDown 1s;
margin-top:10px;
margin-right:20px;
float:left;
}
.header .headeric .logo img{
width:260px;
}
.header .headeric .menu{
font-family: "Questrial", sans-serif;
font-size:16px;
font-weight:400;
line-height:30px;
letter-spacing:2px;
margin-top:15px;
float:left;
}
.header .headeric .menu li{
background:url('../img/li.png') no-repeat left center;
padding-left:20px;
margin-left:15px;
float:left;
}
.header .headeric .menu li a{
color:#233D63;
}
.header .headeric .menu li:hover{
background:url('../img/li-hover.png') no-repeat left center;
}
.header .headeric .menu li:hover a{
color:#10233e;
}
.header .headeric .dil{
background: -webkit-linear-gradient(#233d63, #5bc346);
font-family: "Questrial", sans-serif;
font-size:18px;
font-weight:400;
color:#FFFFFF;
border-radius:5px!important;
-webkit-border-radius:5px!important;
-moz-border-radius:5px!important;
padding:10px;
margin-top:10px;
float:right;
}
.header .headeric .dil:hover{
background: -webkit-linear-gradient(#5bc346, #233d63);
}
.swiper {
width:100%;
max-width:2400px;
height: 100%;
padding:0!important;
margin:0 auto!important;
}
.swiper-slide {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
#slayt .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
padding:0!important;
margin:0!important;
}
#slayt .swiper-slide h3{
position:absolute;
font-family: "Unbounded", sans-serif;
font-size:45px;
letter-spacing:2px;
color:#FFFFFF;
top:40%;
left:0;
right:0;
z-index:10000;
}
#slayt .swiper-slide-active h3{
-webkit-animation: zoomIn 1s;
animation: zoomIn 1s;
}
#slayt .swiper-slide h4{
position:absolute;
font-family: "Whisper", cursive;
font-size:50px;
letter-spacing:2px;
color:#ffffff;
font-weight:500;
top:50%;
left:0;
right:0;
z-index:10000;
}
#slayt .swiper-slide-active h4{
-webkit-animation: slideInDown 1s;
animation: slideInDown 1s;
}
.swiper-pagination{
position:relative!important;
}
.swiper-pagination-bullet{
background: -webkit-linear-gradient(#233d63, #5bc346)!important;
width:40px!important;
height:10px!important;
border-radius:20px!important;
-webkit-border-radius: 20px!important;
-moz-border-radius: 20px!important;
}
.hakkimizdakisa{
width:80%;
max-width:1800px;
margin:80px auto 0;
display:table;
}
.hakkimizdakisa h2{
font-family: "Playfair Display", serif;
font-size:50px;
color:#d5d5d5;
letter-spacing:2px;
text-align:center;
}
.hakkimizdakisa h3{
font-family: "Playfair Display", serif;
font-size:24px;
font-weight:400;
color:#233d63;
margin-top:5px;
text-align:center;
}
.hakkimizdakisa p{
font-family: "Questrial", sans-serif;
font-size:18px;
font-weight:400;
color:#5b5b5b;
margin-top:30px;
text-align:center;
}
.hakkimizdakisa ul{
margin:50px auto 0;
}
.hakkimizdakisa li{
width: calc(33.33% - 20px);
width: -webkit-calc(33.33% - 20px);
margin-left:30px;
float:left;
}
.hakkimizdakisa li:first-child{
margin-left:0;
}
.hakkimizdakisa li:nth-child(1){
background:url('../img/hakkimizdakisa-li-1.png') no-repeat top center;
padding-top:100px;
}
.hakkimizdakisa li:nth-child(2){
background:url('../img/hakkimizdakisa-li-2.png') no-repeat top center;
padding-top:100px;
}
.hakkimizdakisa li:nth-child(3){
background:url('../img/hakkimizdakisa-li-3.png') no-repeat top center;
padding-top:100px;
}
.hakkimizdakisa li h3{
font-size:20px;
color:#5bc346;
}
.hakkimizdakisa li p{
font-family: "Manrope", sans-serif;
font-size:16px;
line-height:24px;
margin:0;
padding:20px;
}

.hizmetlerkisa{
width:100%;
max-width:1920px;
margin:100px auto 0;
display:table;
}
.hizmetlerkisa h2{
width:60px;
font-family: "Playfair Display", serif;
font-size:30px;
color:#d5d5d5;
line-height:60px;
letter-spacing:2px;
text-align:right;
writing-mode: vertical-rl;
transform: rotate(180deg);
margin-top:10px;
float:left;
}
.hizmetlerkisa ul{
width: calc(100% - 60px);
width: -webkit-calc(100% - 60px);
display:table;
float:left;
}
.hizmetlerkisa li{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: calc(25% - 6px);
width: -webkit-calc(25% - 6px);
margin-left:8px;
padding:60px 30px 60px 30px;
box-sizing:border-box;
float:left;
}
.hizmetlerkisa li:nth-child(1){
margin-left:0;
}
.hizmetlerkisa h3{
font-family: "Unbounded", sans-serif;
font-size:20px;
height:56px;
line-height:28px;
letter-spacing:2px;
color:#FFFFFF;
text-align:center;
margin-bottom:20px;
}
.hizmetlerkisa p{
height:380px;
font-family: "Manrope", sans-serif;
font-size:16px;
line-height:24px;
color:#FFFFFF;
text-align:center;
display: flex;
justify-content: center;
align-items: center;
}
.hizmetlerkisa .detaylibilgi{
font-family: "Questrial", sans-serif;
font-size:16px;
line-height:30px;
color:#FFFFFF;
border:2px solid #FFFFFF;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin:20px auto 0;
padding-left:5px;
padding-right:5px;
display:table;
}
.hizmetlerkisa .detaylibilgi:hover{
background:#FFFFFF;
color:#5bc346;
}
.urunlerkisa{
background:url('../img/urunlerkisabg.jpg') no-repeat right bottom;
width:100%;
height:500px;
max-width:1920px;
margin:120px auto 0;
display:table;
}
.urunlerkisa .urunlerkisaic{
width:90%;
margin:0 auto;
display:table;
}
.urunlerkisa h2{
font-family: "Playfair Display", serif;
font-size:50px;
color:#d5d5d5;
letter-spacing:2px;
text-align:left;
}
.urunlerkisa h3{
font-family: "Playfair Display", serif;
font-size:24px;
font-weight:400;
color:#233d63;
margin-top:5px;
text-align:left;
}
.urunlerkisa p{
font-family: "Questrial", sans-serif;
font-size:18px;
font-weight:400;
color:#5b5b5b;
margin-top:30px;
text-align:left;
}
.urunlerkisa .urunlerkisaic .urunliste{
width: calc(100% - 390px);
width: -webkit-calc(100% - 390px);
margin-top:40px;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste h2{
font-family: "Questrial", sans-serif;
font-size:15px;
font-weight:400;
color:#454545;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste li a{
color:#454545;
}
.urunlerkisa .urunlerkisaic .urunliste li:hover h2{
color:#5bc346;
}
.urunlerkisa .urunlerkisaic .urunliste li{
width: calc(50% - 15px);
width: -webkit-calc(50% - 15px);
height:50px;
line-height:50px;
padding-top:15px;
margin-right:10px;
padding-bottom:15px;
border-top:1px solid #e7e7e7;
float:left;
}
.urunlerkisa .urunlerkisaic .urunliste li:nth-child(1){
border-top:none;
}
.urunlerkisa .urunlerkisaic .urunliste li:nth-child(2){
border-top:none;
}
.urunlerkisa .urunlerkisaic .urunliste li:nth-child(2n){
margin-right:0;
}
.urunlerkisa .urunlerkisaic .urunliste li img{
margin-right:15px;
float:left;
}
.markalar{
width:100%;
margin:80px auto 0;
}
.markalar .item{
padding:30px;
}
.markalar .item img{
filter: grayscale(100%);
}
.markalar .item:hover img{
filter: grayscale(0%);
}
.owl-carousel{
max-width:1900px;
margin:0 auto;
}
.uygulamalarkisa{
background:#233d63 url('../img/uygulamalarkisabg.png');
width:100%;
max-width:1920px;
padding-top:80px;
padding-bottom:50px;
margin:120px auto;
}
.uygulamalarkisa h2{
font-family: "Playfair Display", serif;
font-size:50px;
color:#FFFFFF;
letter-spacing:2px;
text-align:center;
}
.uygulamalarkisa p{
font-family: "Questrial", sans-serif;
font-size:18px;
font-weight:400;
color:#FFFFFF;
margin-top:30px;
text-align:center;
}
.uygulamalarkisa .owl-carousel{
width:80%!important;
margin:80px auto 0!important;
}
.uygulamalarkisa .owl-carousel .item{
padding-bottom:10px;
text-align:center;
}
.uygulamalarkisa .owl-carousel .item img{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.uygulamalarkisa .owl-carousel .item h4{
font-family: "Manrope", sans-serif;
font-size:16px;
font-weight:400;
color:#FFFFFF;
line-height:24px;
margin-top:10px;
}
.uygulamalarkisa .owl-dots{
margin-top:50px!important;
}
.uygulamalarkisa .owl-dots span{
width:24px!important;
height:6px!important;
border-radius:20px!important;
}
.bilgiformu{
background:url('../img/bilgiformubg.jpg') no-repeat left bottom;
width:80%;
max-width:1600px;
margin:80px auto 0;
display:table;
}
.bilgiformu h2{
font-family: "Playfair Display", serif;
font-size:50px;
color:#d5d5d5;
letter-spacing:2px;
text-align:center;
}
.bilgiformu h3{
font-family: "Playfair Display", serif;
font-size:24px;
font-weight:400;
color:#233d63;
margin-top:5px;
text-align:center;
}
.bilgiformu p{
font-family: "Questrial", sans-serif;
font-size:18px;
font-weight:400;
color:#5b5b5b;
margin-top:30px;
text-align:center;
}
.bilgiformu .kisaform{
width: calc(100% - 600px);
width: -webkit-calc(100% - 600px);
margin-top:60px;
float:right;
}
.bilgiformu input, select{
width:100%;
font-family: "Manrope", sans-serif;
font-size:15px;
font-weight:400;
color:#5b5b5b;
letter-spacing:1px;
border: 1px solid #dfdfdf;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top:20px;
padding:10px;
box-sizing:border-box;
outline:none;
}
.bilgiformu input[type=submit]{
background: rgb(91,195,70);
background: linear-gradient(141deg, rgba(91,195,70,1) 0%, rgba(35,61,99,1) 100%);
color:#FFFFFF;
border:none;
}
.bilgiformu input[type=submit]:hover{
background: rgb(91,195,70);
background: linear-gradient(141deg, rgba(35,61,99,1) 0%, rgba(91,195,70,1) 100%);
color:#FFFFFF;
border:none;
}
.footer{
background:url('../img/footerbg.jpg') no-repeat top center;
background-size:cover;
width:100%;
max-width:2400px;
margin:80px auto 0;
}
.footer .footeric{
width:90%;
max-width:1920px;
margin:0 auto;
}
.footer .footerlogo{
width:220px;
padding-top:20px;
margin:0 auto;
}
.footer .footerlogo img{
width:100%;
}
.footer .footermenu{
margin:20px auto;
display:table;
}
.footer .footermenu li{
font-family: "Questrial", sans-serif;
font-size:16px;
font-weight:400;
line-height:30px;
letter-spacing:2px;
margin-left:40px;
padding-bottom:2px;
float:left;
}
.footer .footermenu li a{
color:#f0f0f0;
}
.footer .footermenu li:hover a{
color:#233d63;
}
.footer .footerbloklar{
width:80%;
margin:40px auto 10px;
display:table;
}
.footer .footerblok{
width: calc(33.33% - 20px);
width: -webkit-calc(33.33% - 20px);
font-family: "Questrial", sans-serif;
font-size:16px;
font-weight:400;
color:#f0f0f0;
line-height:20px;
margin-left:30px;
text-align:center;
float:left;
}
.footer .footerblok:nth-child(1){
margin-left:0;
}
.footer .footerblok h3{
font-family: "Unbounded", sans-serif;
font-size:16px;
font-weight:200;
color:#f0f0f0;
letter-spacing:1px;
border-bottom:1px solid #f0f0f0;
padding-bottom:5px;
margin:0 auto 15px;
display:table;
}
.footer .footerblok ul{
margin:0 auto;
display:table;
}
.footer .footerblok li{
margin-left:15px;
float:left;
}
.footer .footerblok li:nth-child(1){
margin-left:0px;
}
.footer .footerblok a{
color:#f0f0f0;
}
.sozlesmeler{
font-family: "Manrope", sans-serif;
font-size:14px;
font-weight:400;
color:#f0f0f0;
line-height:40px;
margin:0 auto;
display:table;
}
.sozlesmeler li{
margin-left:5px;
margin-right:5px;
float:left;
}
.sozlesmeler li a{
color:#f0f0f0;
}
.copyright{
width:100%;
height:40px;
font-family: "Manrope", sans-serif;
font-size:15px;
font-weight:400;
color:#f0f0f0;
line-height:40px;
letter-spacing:2px;
text-align:center;
}
}
#cookie-banner {
position:fixed;
font-family: "Manrope", sans-serif;
font-size:14px;
font-weight:400;
color:#FFFFFF;
line-height:18px;
bottom:10px;
left:10px;
right:10px;
background:#222222;
color:#FFFFFF;
padding:15px;
text-align:center;
display:none;
border-radius:5px;
z-index:10000000;
}
#cookie-banner button {
background: -webkit-linear-gradient(#233d63, #5bc346);
font-family: "Manrope", sans-serif;
font-size:15px;
color: white;
border:none;
border-radius:5px!important;
-webkit-border-radius:5px!important;
-moz-border-radius:5px!important;
padding: 5px 10px;
cursor: pointer;
margin-left: 10px;
}
#popup {
width:100%;
max-width:500px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background:#FFFFFF;
padding: 20px;
font-family: "Manrope", sans-serif;
font-size:14px;
font-weight:400;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
text-align:center;
display:none;
z-index:10000000;
}
#popup-message {
margin-bottom: 10px;
}
.popupbutton {
width:100%!important;
margin-top:20px!important;
text-align:center!important;
display:table!important;
}
.popupbutton .button{
background: -webkit-linear-gradient(#233d63, #5bc346);
width: calc(50% - 5px)!important;
width: -webkit-calc(50% - 5px)!important;
font-family: "Manrope", sans-serif;
font-size:18px;
color:#FFFFFF;
line-height:30px;
border:none;
padding: 5px 10px;
cursor: pointer;
float:left!important;
}
.popupbutton .button:first-child{
margin-right:10px!important;
}
.hizliiletisim{
position:fixed;
background: -webkit-linear-gradient(#233d63, #5bc346);
font-family: "Unbounded", sans-serif;
font-size:14px;
font-weight:400;
color: #FFFFFF;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
text-transform:uppercase;
bottom:20px;
right:10px;
padding:15px;
cursor:pointer;
z-index:1000;
display:flex;
align-items:center;
justify-content:center;
}
.iletisimbolumler{
position:fixed;
background: -webkit-linear-gradient(#233d63, #5bc346);
border-radius:8px;
box-shadow:0px 4px 10px rgba(0, 0, 0, 0.2);
bottom:80px;
right:10px;
display:none;
flex-direction:column;
z-index:1000;
}
.iletisimbolumler div:nth-child(1){
background:url('../img/telefon-icon.png') no-repeat 15px 50%;
}
.iletisimbolumler div:nth-child(2){
background:url('../img/whatsapp-icon.png') no-repeat 15px 50%;
}
.iletisimbolumler div:nth-child(3){
background:url('../img/mail-icon.png') no-repeat 15px 50%;
}
.iletisimbolumler span{
font-family: "Manrope", sans-serif;
font-size:15px;
line-height:22px;
margin-bottom:5px;
}
.iletisimbolumler a{
font-family: "Unbounded", sans-serif;
font-size:14px;
font-weight:400;
color:#FFFFFF;
}
.iletisimbolum{
font-size:14px;
color:#FFFFFF;
padding:20px 20px 20px 50px;
text-decoration:none;
border-bottom:1px solid #FFFFFF;
display:flex;
flex-direction:column; 
}
.iletisimbolum:last-child {
border-bottom:none;
}
.footer{
padding-bottom:50px;
}