a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,nav,object,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline; text-decoration: none;}
{font-family: 'Open Sans', sans-serif;}

body {
background:#ffffff;
margin:0 auto;
font-family: 'Open Sans', sans-serif;
color: #212121;
height: auto;
font-size: 14px;
}
img {
vertical-align: middle;
border-style: none;
object-fit: cover;
}
a {
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
figcaption {
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.temizle {
clear:both;
}
.siteyiOrtala {
width: calc(100% - 30px);
max-width: calc(1400px - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto;
padding: 0px 15px;
}
.siteyiOrtala2 {
width: calc(100% - 30px);
max-width: calc(1400px - 30px);
height: auto;
display: block;
position: relative;
margin: 0px auto;
padding: 0px 15px;
}

header {
width: calc(100% - 0px);
max-width: calc(1900px - 0px);
height: auto;
display: block;
position: relative;
padding: 100px 0px 200px 0px;
margin: 0px auto 45px auto;

z-index: 2;
background: linear-gradient(-96deg,#ffffff,#ffffff,#ffffff,#ffffff);
background-size: 119% 100%;

/*background: #ffffff url(../images/bg.jpg) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;*/
}
header:after {
width: 950px;
height: 650px;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 0px;
right: 0px;
z-index: 1;
/*margin-top: -325px;
opacity: 0.5;*/
background: url(../images/header2.png) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}

header .logoAlani {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
header .logoAlani img {
width: auto;
height: auto;
max-height: 50px;
overflow: hidden;
display: block;
float: left;
}
header a.tlfNum {
width: 210px;
height: 50px;
line-height: 50px;
overflow: hidden;
display: inline-block;
position: relative;
text-align: center;
font-size: 18px;
font-weight: 700;
padding: 0px 0px;
color: #ffb400;
border: 1px solid #ffb400;
background: transparent;
border-radius: 10px;
float: right;
}

.headerAciklama {
width: calc(60% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 45px;
}
.headerAciklama h2 {
font-size: 22px;
font-weight: 700;
color: #4e4e4e;
line-height: 2;
}
.headerAciklama p {
font-size: 16px;
font-weight: 400;
color: #4e4e4e;
line-height: 1.6;
}
.headerAciklama h2:nth-of-type(2n),
.headerAciklama h2:nth-of-type(3n) {
margin-top: 30px;
}

/*.kutular {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
margin-top: 45px;
}
.kutular div {
width: calc(25% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
padding: 30px;
z-index: 5;
}
.kutular div .servisikon {
height: 90px;
width: 90px;
background: #f0f0f0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
line-height: 150px;
display: inline-block;
text-align: center;
font-size: 36px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.kutular div .servisikonalt {
height: 74px;
width: 74px;
color: #009595;
border: 3px solid #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
float: left;
margin-left: 5px;
margin-top: 5px;
line-height: 74px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
overflow: hidden;
}
.kutular div:hover .servisikon {
background: #ffb400;
}
.kutular div:hover .servisikonalt i {
color: #ffffff;
}
.kutular div h4 {
color: #ffb400;
font-weight: 700;
font-size: 18px;
margin-bottom: 15px;
margin-top: 15px;
}
.kutular div p {
font-size: 13px;
line-height: 20px;
margin: 0;
color: #607d8b;
}*/

header a.tumOzellikler {
width: 250px;
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
font-weight: 700;
padding: 15px 0px;
color: #212121;
border: 1px solid #212121;
background: transparent;
margin-top: 60px;
border-radius: 15px;
z-index: 10;
text-align: center;
}
header a.tumOzellikler:last-child {
margin-top: 0px;
}
header a.tumOzellikler:hover {
color: #212121;
border: 1px solid #ffb400;
background: #ffb400;
}

.mouse {
cursor: pointer;
transition: 0.1s ease-in-out;
width: 2rem;
height: 3.5rem;
border-radius: 2.1rem;
border: 3px solid #ffb400;
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: -130px;
margin: 0px auto;
z-index: 15;
}

.mouse:hover {
filter: opacity(0.75);
}

.slider {
width: 0.5rem;
height: 0.5rem;
border-radius: 0.5rem;
background: linear-gradient(0deg, rgb(255 180 0) 0%, rgb(255 180 0) 100%);
position: absolute;
left: 38%;
animation: slider 2s ease-in-out infinite;
}

@keyframes slider {
0% {
filter: opacity(1);
height: 0.5rem;
top: 0.5rem;
}
25% {
filter: opacity(0.8);
height: 1rem;
top: 0.5rem;
}
70% {
filter: opacity(0.8);
height: 1rem;
top: 2rem;
}
85% {
filter: opacity(0);
height: 1rem;
top: 2rem;
}
90% {
filter: opacity(0);
height: 0.5rem;
top: 0.5rem;
}
100% {
filter: opacity(1);
height: 0.5rem;
top: 0.5rem;
}
}








.sayfaIMG {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.sayfaIMG .sablonlar {
width: calc(33.333% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 0px;
padding: 30px 30px;
}
.sayfaIMG .sablonlar:nth-of-type(3n) {
margin-right: 0px;
}
.sayfaIMG .sablonlar figure img {
width: 100%;
height: auto;
overflow: hidden;
display: block;
box-shadow: 2px 2px 8px rgb(0 0 0 / 10%);
border-radius: 30px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.sayfaIMG .sablonlar:hover figure img {
-webkit-transform: scale(0.90);
-ms-transform: scale(0.90);
-o-transform: scale(0.90);
transform: scale(0.90);
}
.sayfaIMG .sablonlar figcaption {
width: calc(100% - 0px);
height: auto;
line-height: 3;
overflow: hidden;
display: block;
position: relative;
margin-top: 15px;
text-align: center;
/*background: #ffffff;
border: 2px solid #dfe6ec;
border-radius: 10px;*/
font-size: 18px;
font-weight: 700;
color: #ffb400;
}

/*
a.demoIncele {
width: calc(50% - 7.5px);
height: auto;
line-height: 3;
overflow: hidden;
display: block;
background: #ffb400;
color: #ffffff;
font-size: 14px;
font-weight: 700;
border-radius: 10px;
text-align: center;
margin-top: 15px;
float: left;
margin-right: 15px;
}
a.satinAl {
width: calc(50% - 7.5px);
height: auto;
line-height: 3;
overflow: hidden;
display: block;
background: #8bc34a;
color: #ffffff;
font-size: 14px;
font-weight: 700;
border-radius: 10px;
text-align: center;
margin-top: 15px;
}
*/

footer.footer {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 0px;
padding: 100px 0px 100px 0px;
z-index: 2;
background: linear-gradient(-90deg,#ffffff,#ffffff,#ffffff,#ffffff);
background-size: 100% 100%;
}
footer.footer .nav {
width: calc(20% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
margin-top: 0px;
}
footer.footer .nav:last-child {
margin-right: 0px;
}
footer.footer .nav h4 {
width: calc(100% - 0px);
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 700;
color: #212121;
}
footer.footer .nav:nth-of-type(1n) h4 {
display: none;
}
footer.footer .nav:nth-of-type(2n) h4,
footer.footer .nav:nth-of-type(3n) h4,
footer.footer .nav:nth-of-type(4n) h4,
footer.footer .nav:nth-of-type(5n) h4 {
display: block;
}
footer.footer .nav ul {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 15px 0px 0px 0px;
padding: 0px;
}
footer.footer .nav ul li {
width: 100%;
height: auto;
line-height: 2;
overflow: hidden;
display: block;
list-style: none;
}
footer.footer .nav ul li a {
font-size: 14px;
font-weight: 400;
color: #212121;
}
footer.footer .nav ul li a:hover {
color: #ffb400;
}
footer.footer .nav .adresBilgileri {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
footer.footer img.footerLogo {
width: auto;
height: auto;
max-width: 100%;
overflow: hidden;
display: inline-block;
margin-top: 0px;
margin-bottom: 15px;
}
footer.footer .nav .adresBilgileri div {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin-bottom: 10px;
}
footer.footer .nav .adresBilgileri div:last-child {
margin-bottom: 0px;
}
footer.footer .nav .adresBilgileri div i {
width: 28px;
height: 36px;
line-height: 36px;
font-size: 22px;
color: #212121;
float: left;
text-align: center;
margin-right: 12px;
}
footer.footer .nav .adresBilgileri div strong {
width: calc(100% - 40px);
height: 36px;
line-height: 36px;
overflow: hidden;
display: block;
font-size: 14px;
font-weight: 600;
color: #212121;
}
footer.footer .nav .adresBilgileri div span {
width: calc(100% - 40px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
font-size: 14px;
font-weight: 400;
color: #212121;
padding-left: 40px;
}
footer.footer .nav .adresBilgileri div a {
width: calc(100% - 40px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
font-size: 14px;
font-weight: 400;
color: #212121;
padding-left: 40px;
}
footer.footer .nav .adresBilgileri div a:hover {
color: #ffb400;
}

@media screen and (min-width: 981px) and (max-width: 1200px) {


}


@media screen and (max-width: 980px) {
header:after {
display: none;
}
.headerAciklama {
width: calc(100% - 0px);
text-align: center;
}
header a.tumOzellikler {
margin: 60px auto 0px auto;
left: 0px;
right: 0px;
display: block;
width: 245px;
padding: 15px 0px;
text-align: center;
}

footer.footer {
margin-top: 45px;
}
footer.footer .nav {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
}
footer.footer .nav h4 {
width: calc(100% - 30px);
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
cursor: pointer;
background: #efefef;
padding: 0px 15px;
font-size: 16px;
}
footer.footer .nav:nth-of-type(1n) h4 {
display: block;
}
footer.footer .nav ul {
width: calc(100% - 30px);
padding: 0px 15px;
max-height: 0;
overflow:hidden;
transition: max-height 0.5s ease-out;
}
footer.footer .nav h4:after {
width: 20px!important;
height: auto;
content: "+";
float: right;
background: transparent;
left: calc(100% - 20px);
}
footer.footer .nav.open h4:after {
content: "-";
width: 20px!important;
height: auto;
float: right;
background: transparent;
left: calc(100% - 20px);
}
footer.footer .nav.open ul {
height:auto;
max-height: 500px;
transition: max-height 0.5s ease-in !important;
}
footer.footer .nav:last-child h4 {
display: block;
}
footer.footer .nav ul li:last-child {
margin-bottom: 15px;
}
footer.footer .nav .adresBilgileri {
margin-bottom: 20px;
}
}


@media screen and (max-width: 768px) {
.sayfaIMG .sablonlar {
width: calc(50% - 60px);
padding: 30px 30px;
}
.sayfaIMG .sablonlar figcaption {
font-size: 14px;
}
.headerAciklama h2 {
font-size: 18px;
line-height: 2;
}
.headerAciklama p {
font-size: 14px;
line-height: 1.6;
}

}


@media screen and (max-width: 500px) {
.sayfaIMG .sablonlar {
width: calc(50% - 30px);
padding: 15px 15px;
}
.sayfaIMG .sablonlar figcaption {
font-size: 12px;
}
.headerAciklama h2 {
font-size: 16px;
line-height: 2;
}
.headerAciklama p {
font-size: 13px;
line-height: 1.4;
}

}

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


}