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, font, 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, input ,textarea
{
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-stretch: condensed;
    font-size: 12pt;
    font-weight:300;
    color: #040707;
    position: relative;
    padding: 0px;
    text-decoration: none;
    list-style: none;
    outline: none;
    border: none;
    letter-spacing: -.5px;
}
body {	
    overflow-x: hidden;
    background: #fff;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#2f4058;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#2f4058;
}
br {
  	content:"";
  	margin:0;
  	display:block;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#2f4058;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#2f4058;
}
* {
  box-sizing:border-box;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#c6c6c6;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#c6c6c6;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#c6c6c6;
}
:-moz-placeholder { /* Firefox 18- */
  color:#c6c6c6;
}
.clear {
    clear:both;
}
.respmen,.mobmen{
    display:none;
}
.respmen {
	display:none;
}
h2 {
	font-size: 48px;
    line-height: 1em;
    font-weight: bold;
}
.container {
    position: relative;
    width:1200px;
    margin: 0 auto;
}
header  {
    width:100%;
    height: 130px;
    float: left;
}
header .top  {
    width:100%;
    height:70px;
    float: left;
    background: #fff;
}
header .top .logo  {
    float: left;
    margin-top: 15px;
}
header .top .logo img  {
    float: left;
}
header .top .giris {
    background: #040707;
    padding: 0 10px;
    color: #fff;
    font-size: 10pt;
    border-radius: 3px;
    float: right;
    line-height: 30px;
    margin-top: 20px;
    margin-right: 20px;
    font-weight: 600;
    letter-spacing: 0;
}
header .top .giris i {
    color: #fff;
    font-size: 10pt;
}
header .top .cagri-merkezi {
    color: #040707;
    text-align: right;
    background: url(../images/cagri-merkezi-icon.png) no-repeat left center;
    height: 35px;
    position: relative;
    float: right;
    margin-top: 17.5px;
    padding-left:80px;
}
header .top .cagri-merkezi:before{
    content: "ÇAĞRI";
    font-size: 11px;
    line-height: 13px;
    top:5px;
	left: 45px;
    position: absolute;
    color: #040707;	
}
header .top .cagri-merkezi:after{
	content:"MERKEZİ";
    font-size: 8px;
    line-height: 10px;
    top:21px;
	left: 45px;
    position: absolute;	
    color: #040707;
}
header .top .cagri-merkezi .telefon {
    color: #040707;
    text-align: right;
    font-size: 23px;
    line-height: 34px;
    font-weight: 700;
    float: right;
}
header .top .cagri-merkezi .telefon span {
    font-size: 23px;
    font-weight:400;
}
header .bottom  {
    width: 100%;
    float: left;
    height: 60px;
    background: #f3f3f3;
}
header .bottom ul.menu  {
    float: left;
    position: relative;
    width: 100%;
}
header .bottom ul.menu li {
    float: left;
    position:static;
}
header .bottom ul.menu li a {
    line-height: 60px;
    float: left;
    padding: 0px 12px;
    font-size: 13pt;
    font-weight: 600;
    transition: all .1s ease-in;
    letter-spacing: 0;
}
header .bottom ul.menu li a:hover {
    color:#999;
}
header .bottom ul.menu li:nth-child(1) a {
    padding: 0px 15px 0 0;
}
header .bottom ul.menu li ul.submenu {
    position: absolute;
    top: 60px;
    background: #ffffff;
    z-index: 99999;
    width: 280px;
    border-top: 10px solid #e50e0e;
    display: none;
}
header .bottom ul.menu li:hover ul.submenu {
    display: block;
}
header .bottom ul.menu li ul.submenu li:nth-child(1) a, header .bottom ul.menu li ul.submenu li a {
    padding: 0px 20px;
    line-height: 40px;
    border-bottom: 1px solid #f1f1f1;
    float: left;
    width: 100%;
}
header .bottom ul.menu li ul.submenu li {
    float: left;
    width: 100%;
}








header .bottom ul.menu li ul.multimenu {
    position: absolute;
    top: 60px;
    background: #ffffff;
    z-index: 99999;
    width: 100%;
    border-top: 10px solid #e50e0e;
    left:0;
    display: none;
}
header .bottom ul.menu li ul.multimenu:before {
    content:"";
    position: absolute;
    left:-3000px;
    top:-10px;
    width: 3000px;
    height: 100%;
    background: #fff;
    border-top: 10px solid #e50e0e;
    z-index: 8;
}
header .bottom ul.menu li ul.multimenu:after {
    content:"";
    position: absolute;
    right:-3000px;
    top:-10px;
    width: 3000px;
    height: 100%;
    background: #fff;
    border-top: 10px solid #e50e0e;
    z-index: 8;
}

header .bottom ul.menu li:hover ul.multimenu {
    display: block;
}
header .bottom ul.menu li ul.multimenu li:nth-child(1) a, header .bottom ul.menu li ul.multimenu li a {
    padding: 0px 20px;
    line-height: 40px;
    border-bottom: 1px solid #f1f1f1;
    float: left;
    width: 100%;
}
header .bottom ul.menu li ul.multimenu li {
    float: left;
    width: calc(100% / 4);
}
























.slider {
    width: 100%;
    float: left;
}
.slider img {
    width: 100%;
}
.slider .text {
    position: absolute;
    width: 100%;
    padding: 0;
    height: 262px;
    overflow: hidden;
    top: calc(50% - 131px);
}
.slider .text p {
    color: #fff;
    font-size: 48pt;
    float: left;
    width: 100%;
}
.slider .text b {
	color: #fff;
    font-size: 48pt;
    font-weight: 600;
    background: #e50e0e;
    padding: 10px 30px;
    float: left;
    border-radius: 10px;
    margin-top: 10px;
}
.alan {
    width: 100%;
    float: left;
    margin-top:40px;
}
.alan .hizmetler {
    width: calc(70% - 30px);
    float: left;
}
.alan .hizmetler a.hizmet {
    width:calc(100% / 3 - 20px);
    float: left;
    margin-left: 30px;
    margin-top:0;
    margin-bottom:10px;
}
.alan .hizmetler a.hizmet:nth-child(3n+1) {
    margin-left: 0;
}
.alan .hizmetler a.hizmet img {
    width: 100%;
    height:100%;
    object-fit: cover;
    float: left;
    transition: all .1s ease-in;
}
.alan .hizmetler a.hizmet:hover img {
    -webkit-filter:grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(1.5);;
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(1.5);
}
.alan .hizmetler a.hizmet .adi {
    float: left;
    width: 100%;
    padding: 10px 0;
    font-weight: 600;
}
.alan .destek {
    width: 30%;
    height: auto;
    float: left;
    background: url(../images/destek-bg.jpg) no-repeat;
    background-size: cover;
    padding: 40px;
    margin-left: 30px;
}
.alan .destek .yazi {
    color: #fff;
    width: 140px;
    text-align: right;
    letter-spacing: 0;
    float: right;
}
.alan .destek .telefon {
    color: #fff;
    text-align: right;
    font-size: 23px;
    line-height: 34px;
    font-weight: 700;
    float: right;
    width: 100%;
    margin-top:10px;
}
.alan .destek .telefon span {
    font-size: 23px;
    font-weight: 300;
    color: #fff;
}
.alan .destek .eposta {
    color: #fff;
    text-align: right;
    font-size: 23px;
    line-height: 34px;
    font-weight: 700;
    float: right;
    width: 100%;
}
.alan .destek .eposta span {
    font-size: 23px;
    font-weight: 300;
    color: #fff;
}
.alan .destek .tikla {
    background: #000;
    float: left;
    width: 70%;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    line-height: 40px;
    margin-left: 15%;
    font-weight: 600;
    font-size: 14pt;
    letter-spacing: 1px;
    cursor: pointer;
}
.cozumler-alan{
    width: 100%;
    float: left;
    margin-top: 40px;
    overflow: hidden;
    background: url(../images/cozumler-alan-bg.png) #f0f0f0;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.cozumler-alan .cozumler{
    width: 82%;
    float: right;
    padding: 60px 0;
    position: relative;
}
.cozumler-alan .cozumler:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/cozumler-bg.png) no-repeat;
    width: 578px;
    height: 703px;
    left: -460px;
    top: 30px;
    background-size: contain;
}





.cozumler-alan .cozumler .baslik{
    width: 50%;
    float: left;
    font-weight: 600;
    font-size: 26pt;
    line-height: 26pt;
}
.cozumler-alan .cozumler .git{
    float: left;
    width: 50%;
    text-align: right;
    line-height: 26pt;
    font-size: 11pt;
    font-weight: 400;
    letter-spacing: 0;
}
.cozumler-alan .cozumler a.cozum{
    width: calc(100% / 4 - 22.5px);
    height: 100px;
    float: left;
    margin-top: 30px;
    margin-left: 30px;
    position: relative;
    z-index: 666;
}
.cozumler-alan .cozumler a.cozum h5{
    float: left;
    text-align: center;
    line-height: 100px;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 13pt;
    z-index: 1;
    position: relative;
    width: 100%;
    transition: all .1s ease-in;
}
.cozumler-alan .cozumler a.cozum h5:before{
    content:"";
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 0%;
    background: #b10a0a;
    transition: all .1s ease-in;
}
.cozumler-alan .cozumler a.cozum h5:hover:before{
    height:10px;
}

.cozumler-alan .cozumler a.cozum:hover h5{
    color:#fff;
}
.cozumler-alan .cozumler a.cozum:nth-child(4n+3){
    margin-left: 0;
}
.cozumler-alan .cozumler a.cozum:after{
    content:"";
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 0;
    background: #e50e0e;
    transition: all .1s ease-in;
}
.cozumler-alan .cozumler a.cozum:hover:after{
    height:100%;
    z-index: 0;
}
.cozumler-alan .cozumler a.cozum:before{
    content:"";
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
}
.kampanyalar-alan{
    width: 100%;
    float: left;
    padding: 60px 0;
}
.kampanyalar-alan .baslik{
    width: 50%;
    float: left;
    font-weight: 600;
    font-size: 26pt;
    line-height: 26pt;
}
.kampanyalar-alan .git{
    float: left;
    width: 50%;
    text-align: right;
    line-height: 26pt;
    font-size: 11pt;
    font-weight: 400;
    letter-spacing: 0;
}
.kampanyalar-alan .kampanyalar{
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 30px;
}
.kampanyalar-alan .kampanyalar .gallery a.galeri{
    width:calc(100% / 3 - 20px);
    float: left;
    overflow: hidden;
    margin-left: 30px;
}
.kampanyalar-alan .kampanyalar .gallery a.galeri:nth-child(1){
    margin-left: 0;
}
.kampanyalar-alan .kampanyalar .gallery a.galeri img{
    width: 100%;
    object-fit: cover;
}
.haberler-alan{
    width: 100%;
    float: left;
    position: relative;
    margin-top:60px;
}
.haberler-alan .haberler{
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 30px;
}
.haberler-alan:after{
    width: 3000px;
    height: calc(100% + 120px);
    position: absolute;
    content: "";
    right: calc(50% + 370px);
    top: -60px;
    background: #161618;
    z-index: -1;
}
.haberler-alan .baslik{
    width: 50%;
    float: left;
    font-weight: 600;
    font-size: 26pt;
    line-height: 26pt;
    color:#fff;
}
.haberler-alan .git{
    float: left;
    width: 50%;
    text-align: right;
    line-height: 26pt;
    font-size: 11pt;
    font-weight: 400;
    letter-spacing: 0;
}
.haberler-alan .haberler a{
    width: 100%;
    float: left;
    overflow: hidden;
}
.haberler-alan .haberler a .resim img{
    width: 100%;
    height:300px;
    object-fit: cover;
}
.haberler-alan .haberler a .resim{
    width: 100%;
    height:300px;
    position: relative;
    float: left;
}
.haberler-alan .haberler a .adi {
    position: absolute;
    bottom: 20px;
    background: #fff;
    padding: 20px;
    left: 20px;
    font-weight: 600;
    letter-spacing: 0;
}
.haberler-alan .haberler a .tarih {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #e50e0e;
    width:60px;
    height: 60px;
}
.haberler-alan .haberler a .tarih .gun {
    width: 60px;
    height:24px;
    float: left;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 16pt;
}
.haberler-alan .haberler a .tarih .ay {
    width:60px;
    height:15px;
    float: left;
    text-align: center;
    line-height:15px;
    color:#fff;
    font-size: 10pt;
}
.haberler-alan .haberler a .tarih .yil {
    width:60px;
    height:15px;
    float: left;
    text-align: center;
    line-height:15px;
    color:#fff;
    font-size: 10pt;
}
.referanslar-alan{
    width: 100%;
    float: left;
    margin-top: 60px;
}
.referanslar-alan .referanslar{
    width: 100%;
    float: left;
    overflow: hidden;
}
.referanslar-alan .referanslar .resim{
    width: 100%;
    float: left;
}
.referanslar-alan .referanslar .resim img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: .2;
    
}
.footer{
    width: 100%;
    float: left;
    background: #161618 url(../images/footer-bg.jpg) no-repeat;
    padding-top:60px;
    background-position: center;
    background-size: cover;
}
.footer .top{
    width: 100%;
    float: left;
}
.footer .top .foot-logo{
    width: 320px;
    float: left;
    background: rgb(255 255 255 / 5%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding:40px;
}
.footer .top .bayilikler{
    width: calc(100% - 350px);
    float: left;
    margin-left: 30px;
    overflow: hidden;
    margin-top: 40px;
}
.footer .top .bayilikler img{
    width: 100%;
    background: rgb(255 255 255 / 5%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 5px;
    padding: 0px 30px;
    height: 55px;
    object-fit: contain;
}
.footer .left{
    width: 320px;
    float: left;
    border-radius: 16px;
    padding: 40px;
    margin-top: 10px;
}
.footer .left .adres{
    width: 100%;
    float: left;
    color:#fff;
    line-height: 20pt;
}
.footer .left .telefon, .footer .left .mobil, .footer .left .eposta{
    width: 100%;
    float: left;
    color:#fff;
    line-height: 20pt;
    margin-top: 10px;
    font-size: 14pt;
    font-weight: 600;
    line-height: 50px;
}
.footer .left .telefon span, .footer .left .mobil span, .footer .left .eposta span{
    color:#fff;
    font-size: 14pt;
}
.footer .left .telefon i, .footer .left .mobil i, .footer .left .eposta i{
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #2c2c2d;
    float: left;
    margin-right: 10px;
    font-size: 12pt;
    margin-top: 5px;
}
.footer .left .sosyal-medya{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.footer .left .sosyal-medya i{
    width: 40px;
    height: 40px;
    background: #0000007a;
    border-radius: 50%;
    text-align: center;
    line-height:40px;
    color: #fff;
    float: left;
    margin-right: 10px;
}
.footer .left .sosyal-medya i.fa-facebook{
    background: #3c589c;
}
.footer .left .sosyal-medya i.fa-twitter{
    background: #1da1f2;
}
.footer .left .sosyal-medya i.fa-instagram{
    background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.footer .left .sosyal-medya i.fa-youtube-play{
    background: #f00;
}
.footer .right{
    width: calc(100% - 350px);
    float: left;
    margin-top: 10px;
    margin-left: 30px;
    padding-top:34px;
    border-top: 1px solid #fff;
    position: relative;
}
.footer .right:after{
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    height: 1px;
    background: #fff;
}
.footer .right .foot-menu{
    float: left;
    width: 20%;
}
.footer .right .foot-menu li{
    width:90%;
    float: left;
}
.footer .right .foot-menu li a{
    color: #fff;
    line-height: 24pt;
    width: 100%;
    float: left;
    transition: all .1s ease-in;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 11pt;
}
.footer .right .foot-menu li a:hover{
    padding-left: 0;
    color:#e50e0e;
    letter-spacing: 1px;
}
.footer .right .hizmetler-menu{
    float: left;
    width: 30%;
}
.footer .right .hizmetler-menu li{
    width:90%;
    float: left;
}
.footer .right .hizmetler-menu li a{
    color: #fff;
    line-height: 24pt;
    width: 100%;
    float: left;
    transition: all .1s ease-in;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 11pt;
}
.footer .right .hizmetler-menu li a:hover{
    padding-left: 0;
    color:#e50e0e;
    letter-spacing: 1px;
}
.footer .right .cozumler-menu{
    float: left;
    width:50%;
}
.footer .right .cozumler-menu li{
    width:50%;
    float: left;
}
.footer .right .cozumler-menu li a{
    color: #fff;
    line-height: 24pt;
    width: 100%;
    float: left;
    text-align: right;
    transition: all .1s ease-in;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 11pt;
}
.footer .right .cozumler-menu li a:hover{
    padding-right: 0;
    color:#e50e0e;
    letter-spacing: 1px;
}
.footer .footer-alt {
    width: 100%;
    float: left;
}
.footer .footer-alt-panel {
    float: left;
    width: 100%;
    padding-bottom: 60px;
}
.footer .copyright {
    float: left;
    letter-spacing: 0px;
    line-height:60px;
    color:#fff;
}
.footer .copyright strong {
    color:#fff;
    font-weight: 800;
}
.footer .kalitefix {
    float: right;
    transition: all .1s ease-in;
    background: url(../images/kalitefix-logo.png) no-repeat;
    width: 20px;
    height: 24px;
    margin-top:18px;
    opacity:1;
    overflow: hidden;
    background-position: right;
}
    
.footer .kalitefix:hover {
    opacity: 1;
    width: 150px;
    background-position: left;
}


.banner {
    width: 100%;
    float: left;
    background: #1d1d1b;
    height: 120px;
}
.banner .adi {
    width: 900px;
    float: left;
    color: #fff;
    font-weight: 700;
    font-size: 20pt;
    margin-top: 25px;
}
.banner ul.map {
    width: 900px;
    float: left;
    margin-top:10px;
}
.banner ul.map li a, .banner ul.map li, .banner ul.map i  {
    color: #fff;
    float: left;
    transition: all .1s ease-in;
}
.banner ul.map li a:hover  {
    color: #e41e26;
}
.banner ul.map i {
    padding: 0 10px;
}
.banner .paylas {
    position: absolute;
    right: 0;
    top: 25px;
    background: url(../images/paylas.png) no-repeat;
    width: 210px;
    height: 70px;
    background-position: right;
}
.banner .paylas ul {
    float: right;
    border: 1px solid hsla(0, 0%, 100%, 0.3);
    margin-top: 30px;
    width: 214px;
    margin-right: 40px;
    border-radius: 5px;
}
.banner .paylas ul li {
    float: left;
    width: 52px;
    line-height: 38px;
    margin-left: 1px;
    text-align: center;
    position: relative;
}
.banner .paylas ul li:after {
    content:"";
    position: absolute;
    right:0;
    top:0;
    width: 1px;
    height: 24px;
    background: #fff;
}
.banner .paylas ul li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 7px;
    width: 1px;
    height: 24px;
    background: #fff;
    opacity: .3;
}
.banner .paylas ul li:nth-child(4):after {
    display:none;
}
.banner .paylas ul li a {
    width: 100%;
    height: 100%;
    float: left;
    font-size:12pt;
}
.banner .paylas ul li a i {
    color: #fff;
}
.sayfa {
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}
.sayfa .sag {
    float: left;
    width:calc(75% - 30px);
    margin-left: 30px;
}
.sayfa .sag .resim {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
}
.sayfa .sag .resim img {
    width: 100%;
    height:100%;
    object-fit: cover;
    border-radius:15px;
}
.sayfa .sag .adi {
    font-weight: 600;
    font-size: 24pt;
    float: left;
    width: 100%;
    color: #222;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.sayfa .sag .aciklama {
    width: 100%;
    float: left;
}
.sayfa .sag .aciklama ul, .sayfa .sag .aciklama ol {
    width: 100%;
    float: left;
    position: relative;
	padding-left:20px;
}
.sayfa .sag .aciklama p {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    line-height: 20pt;
}
.sayfa .sag .aciklama p strong {
    font-weight: 700;
    font-size: 12pt;
    background: #000;
    color: #fff;
    padding: 0 10px;
}
.sayfa .sag h2 {
    font-size:38pt;
    width: 100%;
}
.sayfa .sag h3 {
    font-size: 20pt;
    float: left;
    width: 100%;
    font-weight: 400;
}
.sayfa .sag h4 {
    font-size:28pt;
    color:#e2031c;
    width: 100%;
    float: left;
}
.sayfa .sag h5 {
    font-size:22pt;
    float: left;
    width: 100%;
    padding:10px 0;
    font-weight: 600;
}
.sayfa .sag ul, .sayfa .sag ol {
    width: 100%;
    float: left;
    padding:10px 0 10px 20px;
}
.sayfa .sag ul li {
    width: 100%;
    float: left;
    list-style: disc;
}
.sayfa .sag ol li {
    width: 100%;
    float: left;
    font-size: 16pt;
    list-style: decimal-leading-zero;
}
.sayfa .sol {
    float: left;
    width: 25%;
    overflow: hidden;
}
.sayfa .sol ul.solmenu {
    float: left;
    width: 100%;
    border-radius: 0 0 15px 15px;
    overflow: hidden;
    padding-bottom: 20px;
    background: #f4f4f4;
}
.sayfa .sol ul.solmenu li {
    float: left;
    width: 100%;
}
.sayfa .sol ul.solmenu li.aktif a {
    background: #000000;
    color:#fff;
}
.sayfa .sol ul.solmenu li a {
    background: #f4f4f4;
    width: 100%;
    float: left;
    padding:5px 25px;
    font-weight: 500;
    transition: all .1s ease-in;
}
.sayfa .sol ul.solmenu li a img.menu-resim {
    width: 30%;
    float: left;
    border-radius: 5px;
    height: 50px;
    object-fit: cover;
    margin-right: 10px;
}
.sayfa .sol ul.solmenu li:hover a {
    color: #fff;
    background: #000000;
}
.sayfa .sol .baslik {
    font-size: 20px;
    color: #fff;
    float: left;
    width: 100%;
    background: #1d1d1b;
    line-height: 60px;
    padding: 0 20px;
    font-weight: 600;
    -webkit-box-shadow: 0 10px 50px rgb(0 0 0 / 7%);
    box-shadow: 0 10px 50px rgb(0 0 0 / 7%);
    display: none;
    border-radius: 8px;
}    
.sayfa .sol img {
	width: 100%;
    float: left;
    border-radius: 15px 15px 0 0;
}    
.sayfa .sag .gallery {
    width: 100%;
    float: left;
}
.sayfa .sag .gallery a {
    width: calc(100% / 4 - 22.5px);
    float: left;
    margin-left: 30px;
    margin-top: 30px;
    border-radius: 10px;
    overflow: hidden;
}
.sayfa .sag .gallery a img {
    width:100%;
    height:100%;
    object-fit: cover;
}
.sayfa .sag .gallery a:nth-child(4n+1) {
    margin-left:0;
}
.sayfa .sol .destek {
    width: 100%;
    height: 340px;
    float: left;
    background: url(../images/destek-bg.jpg) no-repeat;
    background-size: cover;
    padding: 40px;
    margin-left: 0;
    border-radius: 15px;
    margin-top: 30px;
}
.sayfa .sol .destek .yazi {
    color: #fff;
    width: 140px;
    text-align: right;
    letter-spacing: 0;
    float: right;
}
.sayfa .sol .destek .telefon {
    color: #fff;
    text-align: right;
    font-size: 23px;
    line-height: 34px;
    font-weight: 700;
    float: right;
    width: 100%;
    margin-top:10px;
}
.sayfa .sol .destek .telefon span {
    font-size: 23px;
    font-weight: 300;
    color: #fff;
}
.sayfa .sol .destek .eposta {
    color: #fff;
    text-align: right;
    font-size: 23px;
    line-height: 34px;
    font-weight: 700;
    float: right;
    width: 100%;
}
.sayfa .sol .destek .eposta span {
    font-size: 23px;
    font-weight: 300;
    color: #fff;
}
.sayfa .sol .destek .tikla {
    background: #000;
    float: left;
    width: 70%;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    line-height: 40px;
    margin-left: 15%;
    font-weight: 600;
    font-size: 14pt;
    letter-spacing: 1px;
    cursor: pointer;
}
.sayfa .tam {
    float: left;
    width:100%;
}
.sayfa .tam .resim {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
}
.sayfa .tam .resim img {
    width: 100%;
    height:100%;
    object-fit: cover;
    border-radius:15px;
}
.sayfa .tam .adi {
    font-weight: 600;
    font-size: 24pt;
    float: left;
    width: 100%;
    color: #040707;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.sayfa .tam .kurumsal-sol .adi, .sayfa .tam .kurumsal-sag .adi {
    color: #fff;
}
.sayfa .tam .aciklama {
    width: 100%;
    float: left;
}
.sayfa .tam .aciklama ul, .sayfa .tam .aciklama ol {
    width: 100%;
    float: left;
    position: relative;
	padding-left:20px;
}
.sayfa .tam .aciklama p {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    line-height: 20pt;
}
.sayfa .tam .aciklama p strong {
    font-weight: 700;
    font-size: 12pt;
    background: #000;
    color: #fff;
    padding: 0 10px;
}
.sayfa .tam h2 {
    font-size:38pt;
    width: 100%;
}
.sayfa .tam h3 {
    font-size: 20pt;
    float: left;
    width: 100%;
    font-weight: 400;
}
.sayfa .tam h4 {
    font-size:28pt;
    color:#e2031c;
    width: 100%;
    float: left;
}
.sayfa .tam h5 {
    font-size:22pt;
    float: left;
    width: 100%;
    padding:10px 0;
    font-weight: 600;
}
.sayfa .tam ul, .sayfa .tam ol {
    width: 100%;
    float: left;
    padding:10px 0 10px 20px;
}
.sayfa .tam ul li {
    width: 100%;
    float: left;
    list-style: disc;
    line-height: 20pt;
    color:#fff;
}
.sayfa .tam ol li {
    width: 100%;
    float: left;
    list-style: decimal-leading-zero;
}
.sayfa .tam .kurumsal-sol {
    float: left;
    width: 50%;
    background: #1d1d1b;
    padding: 30px 30px 30px 0;
    margin-top: 30px;
    position: relative;
}
.sayfa .tam .kurumsal-sol:before {
    content:"";
    position: absolute;
    left:-3000px;
    top:0;
    width: 3000px;
    height: 100%;
    background: #1d1d1b;
}
.sayfa .tam .kurumsal-sag {
    float: left;
    width: 50%;
    background: #e50e0e;
    padding: 30px 0px 30px 30px;
    margin-top: 30px;
    position: relative;
}
.sayfa .tam .kurumsal-sag:before {
    content:"";
    position: absolute;
    right:-3000px;
    top:0;
    width: 3000px;
    height: 100%;
    background: #e50e0e;
}
.sayfa .tam .sube {
    float: left;
    width: 37.5%;
    border-radius: 8px;
    margin-top: 50px;
    padding: 50px;
    border: #f1f1f1 1px solid;
}
.sayfa .tam .map {
    height: 485px;
    float: left;
    margin-top: 50px;
    margin-left: 30px;
    width: calc(62.5% - 30px);
    padding: 0;
    border: #f1f1f1 1px solid;
    border-radius: 8px;
    overflow: hidden;
}
.sayfa .tam .sube:nth-child(3n+0) {
    margin-left: 0;
}
.sayfa .tam .sube .subeadi {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    border-bottom: 1px solid #e41e26;
    padding-bottom: 20px;
}
.sayfa .tam .sube .adres, .sayfa .tam .sube .telefon, .sayfa .tam .sube .faks, .sayfa .tam .sube .eposta {
    margin-top: 20px;
    font-size: 14pt;
    font-weight: 400;
}
.sayfa .tam .sube .telefon, .sayfa .tam .sube .faks, .sayfa .tam .sube .eposta {
    line-height: 40px;
    width: 100%;
    float: left;
}
.sayfa .tam .sube .adres i, .sayfa .tam .sube .telefon i, .sayfa .tam .sube .faks i, .sayfa .tam .sube .eposta i {
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    padding-right: 20px;
}
.sayfa .tam .sube .harita {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 18pt;
    background: #e41e26;
    color: #fff;
    padding: 15px;
    border-radius: 8px;
    font-weight: 600;
}
.sayfa .tam .baslik-alt {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 200px;
}
.sayfa .tam .iletisim-baslik {
    font-weight: 600;
    font-size: 24pt;
    float: left;
    width: 100%;
    color: #222;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 50px;
}
.sayfa .tam .iletisim-form {
    float: left;
    width: 100%;
    margin-top:30px;
}
.sayfa .tam .iletisim-form .formimage {
    width: calc(100% / 2 - 15px);
    float: left;
    overflow: hidden;
    height: 639px;
    border-radius: 8px;
}
.sayfa .tam .iletisim-form .formimage img {
    width:100%;
    height: 100%;
    object-fit: cover;
}
.sayfa .tam .iletisim-form .formhizala {
    float: left;
    width: 100%;
    border-radius: 8px;
    margin-top: 50px;
    overflow: hidden;
    margin-bottom: 40px;
}
.sayfa .tam .iletisim-form .formhizala form {
    width:calc(100% / 2 - 15px);
    float: left;
    padding:50px;
    border: #f1f1f1 1px solid;
    margin-left: 30px;
    border-radius: 8px;
}
.sayfa .tam .iletisim-form .formhizala form input, .sayfa .tam .iletisim-form .formhizala form textarea {
    width: 100%;
    height: 65px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    font-family: inherit;
    padding-left: 25px;
    padding-right: 25px;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    margin-bottom:15px;
    font-weight: 400;
    font-size: 16pt;
}
.sayfa .tam .iletisim-form .formhizala form textarea { 
    padding-top: 20px; 
    height: 140px; 
}
.sayfa .tam .iletisim-form .formhizala form input:hover, .sayfa .tam .iletisim-form .formhizala form textarea:hover {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.sayfa .tam .iletisim-form .formhizala form input:focus, .sayfa .tam .iletisim-form .formhizala form textarea:focus { 
    outline: 0; 
    border: 1px solid #232323; 
}
.sayfa .tam .iletisim-form .formhizala form .buton {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18pt;
    background: #e41e26;
    color: #fff;
    padding: 15px;
    border-radius: 8px;
    font-weight: 600;
    border: none;
    cursor: pointer;
}
.sayfa .tam .haberler-liste {
    width:calc(75% - 30px);
    float: left;
}
.sayfa .tam .haberler-liste .sayfahaber {
    width:100%;
    float: left;
    margin-bottom: 50px;
}
.sayfa .tam .haberler-liste .sayfahaber .resim {
    width:40%;
    height: 200px;
    float: left;
    overflow: hidden;
    border-radius: 10px;
}
.sayfa .tam .haberler-liste .sayfahaber .resim img {
    width:100%;
    height:100%;
    object-fit: cover;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); 
    transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); 
    transition: transform 1s cubic-bezier(0, 0, 0.2, 1); 
    transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1);
}
.sayfa .tam .haberler-liste .sayfahaber:hover .resim img {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15);
}
.sayfa .tam .haberler-liste .sayfahaber .icerik {
    width:60%; 
    float:left; 
    padding:30px 0 30px 50px;
}
.sayfa .tam .haberler-liste .sayfahaber .icerik .adi {
    font-size: 24pt;
    font-weight: 800;
    width: 100%;
    float: left;
}
.sayfa .tam .haberler-liste .sayfahaber .icerik .tarih {
    float: left;
    background: #e31818;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12pt;
    margin-top: 10px;
}
.sayfa .tam .haberler-liste .sayfahaber .icerik .text {
    width: 100%;
    float: left;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sayfa .tam .tam-sol {
    width: 25%;
    float: left;
    margin-left: 30px;
    overflow: hidden;
    border-radius: 15px;
}
.sayfa .tam .tam-sol .solmenu  {
    width: 100%;
    float: left;
}
.sayfa .tam .tam-sol .solmenu li a {
    background: #f4f4f4;
    width: 100%;
    float: left;
    padding: 5px 25px;
    font-weight: 500;
    transition: all .1s ease-in;
}
.sayfa .tam .tam-sol .solmenu li:hover a {
    color: #fff;
    background:#232323;
}
.sayfa .tam .tam-sol img {
    float: left;
    width: 100%;
}
.sayfa .tam .haberler-liste .haber-detay {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 50px;
}
.sayfa .tam .haberler-liste .haber-detay .kapak {
    float: right;
    width:calc(50% - 30px);
    border-radius: 10px;
    overflow: hidden;
}
.sayfa .tam .haberler-liste .haber-detay .kapak img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sayfa .tam .haberler-liste .haber-detay .adi {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}
.sayfa .tam .haberler-liste .haber-detay .detay {
    display: initial;
    float: left;
    width: 50%;
}
.sayfa .tam .haberler-liste .haber-detay .detay p {
    text-align: justify;
    float: left;
    margin-top: 10px;
    line-height: 20pt;
}
.sayfa .tam .haberler-liste .haber-detay .gallery {
    width: 100%;
    float: left;
}
.sayfa .tam .haberler-liste .haber-detay .gallery a {
    width: calc(100% / 4 - 22.5px);
    float: left;
    margin-left: 30px;
    margin-top: 30px;
}
.sayfa .tam .haberler-liste .haber-detay .gallery a img {
    width:100%;
    float: left;
    object-fit: cover;
    border-radius: 10px;
}
.sayfa .tam .haberler-liste .haber-detay .gallery a:nth-child(4n+1) {
    margin-left:0;
}
.sayfa .tam .kurumsal-alt {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.sayfa .tam .kurumsal-alt ul li {
    list-style: none;
    width: calc(25% - 22.5px);
    margin-left: 30px;
    float: left;
    border-radius: 8px;
    text-align: center;
    padding: 50px 0;
    font-weight: 500;
    font-size: 18pt;
    color: #fff;
    background: #1d1d1b;
}
.sayfa .tam .kurumsal-alt ul li:nth-child(1) {
    margin-left: 0;
}
.sayfa .tam .kurumsal-alt ul, .sayfa .tam .kurumsal-alt ol {
    padding: 10px 0 10px 0;
}
.sayfa .tam .referans-sayfa {
    margin-left: 0;
    float: left;
}
.sayfa .tam .referans-sayfa img {
    border: 1px solid #d7d7d7;
    float: left;
    width: calc(100% / 6 - 25px);
    margin-left: 30px;
    margin-top:15px;
    margin-bottom:15px;
    border-radius: 8px;
    padding: 5px 15px;
}
.sayfa .tam .referans-sayfa img:nth-child(6n+1) {
    margin-left:0;
}
.sayfa .tam-sol ul {
    padding:0;
}
.sayfa .tam-sol .baslik {
    background: #1d1d1b;
    color: #fff;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 18pt;
}
.sayfa .tam .kampanya-sayfa {
    float: left;
    width: 100%;
}
.sayfa .tam .kampanya-sayfa .gallery {
    float: left;
    width: 100%;
}
.sayfa .tam .kampanya-sayfa .gallery a {
    float: left;
    width: calc(100% / 3 - 20px);
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}
.sayfa .tam .kampanya-sayfa .gallery a:nth-child(3n+1) {
    margin-left: 0;
}
.sayfa .tam .kampanya-sayfa .gallery a img {
    width: 100%;
    height:100%;
    float: left;
    object-fit: cover;
    border-radius: 8px;
}
.sayfa .tam .kampanya-sayfa .gallery a h2.adi {
    font-size: 18pt;
    text-align: center;
}
header .bottompanel  {
    width: 100%;
    float: left;
    height: 60px;
    background: #f3f3f3;
}
header .bottompanel .musterikodu {
    line-height: 60px;
    float: left;
    font-weight: 600;
}
header .bottompanel .musteriadi {
    line-height: 60px;
    float: left;
    font-weight: 400;
    margin-left: 20px;
}
.panel {
    float: left;
    width: 100%;
    padding: 30px 0;
}
.panel .bilgiler {
    float: left;
    width:80%;
    margin-left: 30px;

}
.panel .bilgiler .bilgi {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.panel .bilgiler .bilgi .bilgi-baslik {
    float: left;
    font-weight: 600;
    width: calc(20% - 10px);
    line-height: 30px;
    padding: 10px 0;
    background: #f3f3f3;
    padding: 10px 20px;
    border-radius: 8px;
}
.panel .bilgiler .bilgi .bilgi-adi {
    float: right;
    font-weight: 400;
    width: 80%;
    line-height: 30px;
    margin-left: 10px;
    background: #f3f3f3;
    padding: 10px 20px;
    border-radius: 8px;
}
.panel .bilgiler i {
    position: absolute;
    right: 0;
    line-height: 50px;
    width: 50px;
    text-align: center;
    background: #e50e0e;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #fff;
    bottom:0;
}
.panel .bilgiler .bilgi input.form-control {
    float: right;
    font-weight: 400;
    width: 80%;
    line-height: 30px;
    margin-left: 10px;
    background: #f3f3f3;
    padding: 10px 20px;
    border-radius: 8px;

}
.panel .bilgiler .buton {
    float: left;
    font-weight: 600;
    width: 100%;
    line-height: 30px;
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    background: #1d1d1b;
    color: #fff;
}
.panel .solmenu {
    float: left;
    width:calc(20% - 30px);
}
.panel .solmenu .baslik {
    width: 100%;
    float: left;
    background: #1d1d1b;
    color: #fff;
    font-weight: 600;
    padding: 15px;
    font-size: 16pt;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.panel ul li {
    float: left;
    width: 100%;
}
.panel ul li.aktif a {
    background: #1d1d1b;
    color:#fff;
}
.panel ul li a {
    background: #f4f4f4;
    width: 100%;
    float: left;
    padding:10px 20px;
    font-weight: 500;
    transition: all .1s ease-in;
}
.panel ul li:hover a {
    color: #fff;
    background: #1d1d1b;
}
.panel .belge {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 0;
    color: #454545;
    position: relative;
}
.panel .belge a {
    float: left;
    width: 100%;
}
.panel .belge .adi	{
    float: left;
    padding: 5px 25px 5px 20px;
    line-height: 50px;
    font-weight: 500;
    font-size: 15pt;
    letter-spacing: 0;
    position: relative;
    overflow: hidden;
    transition: all .1s ease-in;
    width: 100%;
    border: 1px solid #f3f3f3;
    border-radius: 8px;
}
.panel .belge .adi:hover {
    color: #ffffff;
    background: #1d1d1b;
}
.panel .belge>a>.adi>i {
    float: left;
    line-height: 50px;
    margin-right: 30px;
    font-size: 24pt;
    transition: all .1s ease-in;
    background: no-repeat;
    color: #1d1d1b;
    position: relative;
}
.panel .belge .adi:hover i {
    color: #ffffff;
}
.panel .urunler {
    float: left;
    width: 80%;
    margin-left: 30px;
}
.panel .urunler .urun {
    float: left;
    padding: 5px 0 5px 0;
    line-height: 50px;
    font-weight: 500;
    font-size: 15pt;
    letter-spacing: 0;
    position: relative;
    overflow: hidden;
    transition: all .1s ease-in;
    width: 100%;
    background: #f3f3f3;
}
.panel .urunler .urun:nth-child(even) {
    background: #fff;
}
.panel .urunler .urun .adi {
    float: left;
    padding:0 20px;
    font-size: 12pt;
    width:55%;
    font-weight: 400;
}
.panel .urunler .urun .miktar {
    float: left;
    padding:0 20px;
    font-size: 12pt;
    width: 15%;
    text-align: right;
    font-weight: 400;
}
.panel .urunler .urun .baslama-tarihi {
    float: left;
    padding:0 20px;
    font-size: 12pt;
    width: 15%;
    text-align: right;
    font-weight: 400;
}
.panel .urunler .urun .bitis-tarihi {
    float: left;
    padding:0 20px;
    font-size: 12pt;
    width: 15%;
    text-align: right;
    font-weight: 400;
}
.panel .urunler .baslik {
    width: 100%;
    float: left;
    background: #1d1d1b;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.panel .urunler .baslik .adi {
    float: left;
    color: #fff;
    font-weight: 600;
    padding: 20px;
    font-size: 12pt;
    width:55%;
}
.panel .urunler .baslik .miktar {
    float: left;
    color: #fff;
    font-weight: 600;
    padding: 20px;
    font-size: 12pt;
    width: 15%;
    text-align: right;
}
.panel .urunler .baslik .baslama-tarihi {
    float: left;
    color: #fff;
    font-weight: 600;
    padding: 20px;
    font-size: 12pt;
    width: 15%;
    text-align: right;
}
.panel .urunler .baslik .bitis-tarihi {
    float: left;
    color: #fff;
    font-weight: 600;
    padding:20px;
    font-size: 12pt;
    width: 15%;
    text-align: right;
}
.panel>.container>a {
    float: left;
    width: calc(100% / 5 - 24px);
    border: 1px solid #f3f3f3;
    padding: 80px 30px 30px 10px;
    text-align: right;
    font-weight: 600;
    font-size: 16pt;
    margin-left: 30px;
    border-radius: 8px;
    background: #f3f3f3;
    transition: all .1s ease-in;
    position: relative;
    z-index: 9999;
}
.panel>.container>a:nth-child(1) {
    margin-left: 0;
}
.panel>.container>a:hover {
    border: 1px solid #040707;
    background: #040707;
    color: #fff;
}
.panel>.container>a small {
    position: absolute;
    left: 10px;
    top: 0;
    color: #fff;
    font-weight: 800;
    font-size: 74pt;
    line-height: 137px;
    transition: all .1s ease-in;
    z-index: -1;
}
.panel>.container>a:hover small {
    color: #1d1d1b;
}
.panel .odeme .urun {
    float: left;
    padding: 5px 0 5px 0;
    line-height: 50px;
    font-weight: 500;
    font-size: 15pt;
    letter-spacing: 0;
    position: relative;
    overflow: hidden;
    transition: all .1s ease-in;
    width: 100%;
    background: #f3f3f3;
}
.panel .odeme .urun:nth-child(odd) {
    background: #fff;
}
.panel .odeme .urun .adi {
    float: left;
    padding:0 20px;
    font-size: 12pt;
    width:55%;
    font-weight: 400;
}
.panel .odeme .urun .miktar {
    float: left;
    padding:0 20px;
    font-size: 12pt;
    width: 15%;
    text-align: right;
    font-weight: 400;
}
.panel .odeme .urun .bitis-tarihi {
    float: left;
    padding:0 20px;
    font-size: 12pt;
    width: 15%;
    text-align: right;
    font-weight: 400;
}
.panel .odeme .urun .tutar {
    float: left;
    padding:0 20px;
    font-size: 12pt;
    width: 15%;
    text-align: right;
    font-weight: 400;
}
.panel .odeme .baslik {
    width: 100%;
    float: left;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    margin-top: 30px;
    background: #f3f3f3;
}
.panel .odeme .baslik .adi {
    float: left;
    color: #040707;
    font-weight: 600;
    padding: 20px;
    font-size: 12pt;
    width:55%;
}
.panel .odeme .baslik .miktar {
    float: left;
    color: #040707;
    font-weight: 600;
    padding: 20px;
    font-size: 12pt;
    width: 15%;
    text-align: right;
}
.panel .odeme .baslik .bitis-tarihi {
    float: left;
    color: #040707;
    font-weight: 600;
    padding:20px;
    font-size: 12pt;
    width: 15%;
    text-align: right;
}
.panel .odeme .baslik .tutar {
    float: left;
    color: #040707;
    font-weight: 600;
    padding:20px;
    font-size: 12pt;
    width: 15%;
    text-align: right;
}
.panel .odeme .icerik {
    float: left;
    width: 100%;
    margin-top: 30px;
    font-weight: 600;
    font-size: 14pt;
}
.sayfa .tam .uye-form #form5 {
    float: left;
    width: 100%;
}
.sayfa .tam .uye-form #form5 input {
    float: left;
    font-weight: 400;
    width: calc(50% - 15px);
    line-height: 30px;
    margin-left: 30px;
    border: 1px solid #f1f1f1;
    padding: 10px 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}
.sayfa .tam .uye-form #form5 .formss {
    width: calc(50% - 15px);
    float: left;
    margin-top: 30px;
    line-height: 60px;
    margin-left: 30px;
    padding: 0 20px;
    border: 1px solid #f9f9f9;
    background: #f9f9f9;
    height: 62px;
}
.sayfa .tam .uye-form #form5 select {
    width: calc(50% - 15px);
    float: left;
    margin-top: 30px;
    border: 1px solid #f9f9f9;
    margin-left: 30px;
    padding: 0 20px;
    border: 1px solid #fff;
    -webkit-transition: .3s;
    transition: .3s;
    line-height: 60px;
    height: 62px;
}
.sayfa .tam .uye-form #form5 input:nth-child(even) {
    margin-left:0;
}
.sayfa .tam .uye-form #form5 textarea {
    width: 100%;
    float: left;
    margin-top: 30px;
    height: 90px;
    padding: 20px;
    border: 1px solid #fff;
    -webkit-transition: .3s;
    transition: .3s;
}
.sayfa .tam .uye-form #form5 button {
    float: left;
    font-weight: 600;
    width: 100%;
    line-height: 30px;
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    background: #1d1d1b;
    color: #fff;
}
.sayfa .tam .uye-form .unuttum-form {
    float: left !important;
    width: 50% !important;
}
.sayfa .tam .uye-form .unuttum-form input {
    width: calc(100% - 30px) !important;
    float: left !important;
    border: 1px solid #f1f1f1;
    margin-left: 0px !important;
    -webkit-transition: .3s !important;
    transition: .3s !important;
}
.sayfa .tam .uye-form .unuttum-form button {
    border: none !important;
    text-align: center !important;
    background: #333332 !important;
    transition: all .3s ease-in !important;
    cursor: pointer !important;
    color: #fff !important;
    font-weight: 600 !important;
    width: calc(100% - 30px) !important;
}
.sayfa .tam .uye-form .unuttum {
    float: left !important;
    margin-top: 10px !important;
    color: #e36106 !important;
}
.sayfa .tam .uye-form .yokmu {
      float: left;
      margin-top: 0;
      width: 100%;
}
.sayfa .tam .uye-form .unuttumyokmu {
      margin-top:30px;
}
.sayfa .tam .uye-form .yokmu .hesap {
    float: left;
}
.sayfa .tam .uye-form .yokmu .unuttum {
      margin-top: 0px !important;
      float: left;
      margin-left: 20px;
}
.sayfa .tam .uye-form #form5 input:focus, .sayfa .tam .uye-form #form5 textarea:focus {
    border:1px solid #1d1d1d;
}
.panel .solmenu .baslik i {
    display:none;
}
@media(max-width:1220px) {
.container{
    padding: 0 20px;
    width: 100%;
}
.haberler-alan:after {
    right: 0;
}
.haberler-alan .git {
    color:#fff;
}
.sayfa .sol .destek {
    display:none;
}
.sayfa .tam .tam-sol {
    display:none;
}
.sayfa .tam .haberler-liste {
    width:100%;
}
.sayfa .tam .baslik-alt {
    padding: 0;
}
.banner, .slider {
    overflow: hidden;
}
}
@media(max-width:1020px) {
.slider .text p {
    font-size:36pt;
}
.slider .text b {
    font-size:36pt;
}
.slider .text {
    height: 212px;
    top: calc(50% - 106px);
}
.slider img {
    height: 294px;
    object-fit: cover;
}
.alan .destek {
    display:none;
}
.alan .hizmetler {
    width:100%;
}
.cozumler-alan .cozumler:before {
    display:none;
}
.cozumler-alan .cozumler {
    width: 100%;
}
.footer .top .bayilikler img {
    padding: 0px 15px;
}
.sayfa .tam .referans-sayfa img {
    padding: 5px 5px;
}
.sayfa .tam .sube {
    width: 100%;
}
.sayfa .tam .map {
    height: auto;
    margin-top: 20px;
    margin-left: 0;
    width: 100%;
}
.sayfa .tam .iletisim-form .formimage {
    display:none;
}
.sayfa .tam .iletisim-form .formhizala form {
    width: 100%;
    margin-left: 0;
}
header {
    height: auto;
}
header .bottompanel {
    height: auto;
}
header .bottompanel .musteriadi {
    line-height: initial;
    margin-left: 0;
    padding: 20px 0;
}
header .bottompanel .musterikodu {
    line-height: inherit;
    padding: 20px 0;
    margin-right: 10px;
}
.panel .odeme .baslik .adi {
    width: 40%;
}
.panel .odeme .urun .adi {
    width: 40%;
}
.panel .odeme .baslik .miktar, .panel .odeme .baslik .bitis-tarihi, .panel .odeme .baslik .tutar {
    width: 20%;
}
.panel .odeme .urun .miktar, .panel .odeme .urun .bitis-tarihi, .panel .odeme .urun .tutar {
    width: 20%;
}
.panel .odeme .urun {
    line-height: normal;
}
.panel .solmenu .baslik i {
    color: #fff;
    text-align: right;
    float: right;
    line-height: 25px;
    display: block;
}
.panel .urunler .baslik .adi, .panel .urunler .urun .adi {
    width:40%;
}
.panel .urunler .baslik .miktar, .panel .urunler .urun .miktar ,
.panel .urunler .baslik .baslama-tarihi, .panel .urunler .urun .baslama-tarihi ,
.panel .urunler .baslik .bitis-tarihi, .panel .urunler .urun .bitis-tarihi {
    width:20%;
}






}
@media(max-width:920px) {
.footer .right,
.footer .top .bayilikler  {
    display: none;
}
.footer .top .foot-logo {
    width: 100%;
    text-align: center;
    background: none;
    border-radius: 0;
    box-shadow: 0 0 0 0;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    padding: 0;
}
.footer .left {
    width: 100%;
}
.footer .left .adres {
    text-align: center;
}
.footer .left .telefon, .footer .left .mobil, .footer .left .eposta {
    width: 33.333%;
}
.footer .left .sosyal-medya {
    text-align: center;
}
.footer .left .sosyal-medya i {
    float: none;
    margin-right: 0;
}
.sayfa .tam .kurumsal-sol {
    width: 100%;
    margin-top: 0;
    padding: 30px;
    border-radius: 8px;
}
.sayfa .tam .kurumsal-sol:before {
    display:none;
}
.sayfa .tam .kurumsal-sag {
    width:100%;
    padding:30px;
    margin-top: 20px;
    border-radius: 8px;
}
.sayfa .tam .kurumsal-sag:before {
    display:none;
}
.sayfa .tam .kurumsal-alt ul li {
    width: calc(50% - 10px);
    margin-left: 20px;
    margin-bottom: 20px;
}
.sayfa .tam .kurumsal-alt ul li:nth-child(1) {
    margin-left: 20px;
}
.sayfa .tam .kurumsal-alt ul li:nth-child(2n+1) {
    margin-left: 0;
}
.sayfa .tam .referans-sayfa img {
    width: calc(100% / 5 - 16px);
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
}
.sayfa .tam .referans-sayfa img:nth-child(6n+1) {
    margin-left: 20px;
}
.sayfa .tam .referans-sayfa img:nth-child(5n+1) {
    margin-left: 0;
}
.panel .solmenu {
    width: 100%;
}
.panel .bilgiler {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
}
.panel .urunler {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
}
header .top,
header .bottom {
    display:none;
}
header .pnltp {
    display: block !important;;
}
.respmen {
    background-color: #fff;
    color: #040707;
    padding: 20px;
    position: fixed;
    width: 75%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    left: -75%;
    display: block !important;
    z-index: 9999;
    cursor: pointer;
}

.res-secenek {
    border-bottom: 1px solid #3f5265;
}
.respmen .fa-angle-right {
    float: right;
    margin-right: 3%;
}
.resport {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}
.mobmen {
    z-index: 9998;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.mobmen .logo img {
    position: relative;
    z-index: 2;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    padding: 15px 20px;
    width: 70%;

}
.mobmen .fa-bars {
    font-size: 24px;
    margin-right: 6px;
    margin-top: 18px;
    color: #1d1d1b;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top:-69px;
    border: 2px solid #1d1d1b;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 46px;
    text-align: center;
}
.respmen ul li a {
    font-size: 17pt;
    width: 100%;
    font-weight: 500;
    padding: 10px;
    border-bottom: 1px solid #f1f1f1;
    float: left;
}



}
@media(max-width:800px) {
    .sayfa .sol {
        width: 100%;
    }
    .sayfa .sag {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    .sayfa .sol img {
        display:none;
    }
    .sayfa .sol .baslik {
        display:block;
    }
    .sayfa .sol .baslik i {
        color: #fff;
        float: right;
        line-height: 60px;
        font-size: 24pt;
    }
    .sayfa .sol ul.solmenu {
        border-radius: 15px;
        padding: 20px 0;
        margin-top: 10px;
        display: none;
    }
    .sayfa .tam .kampanya-sayfa .gallery a {
        float: left;
        width: calc(100% / 2 - 10px);
        margin-left:20px;
        margin-top: 20px;
        margin-bottom:0;
        overflow: hidden;
    }
    .sayfa .tam .kampanya-sayfa .gallery a:nth-child(3n+1) {
        margin-left:20px;
    }
    .sayfa .tam .kampanya-sayfa .gallery a:nth-child(2n+1) {
        margin-left:0;
    }
    .panel>.container>a {
        width: calc(100% / 5 - 16px);
        padding: 80px 10px 30px 10px;
        font-weight: 600;
        font-size: 14pt;
        margin-left: 20px;
    }
    .panel .bilgiler .bilgi .bilgi-baslik {
        border-radius: 0;
        width: 100%;
        background: no-repeat;
        padding: 0;
        line-height: normal;
    }
    .panel .bilgiler .bilgi .bilgi-adi {
        width: 100%;
        margin-top: 5px;
    }
    .panel .bilgiler .bilgi input.form-control {
        width: 100%;
        margin-top: 5px;
    }
    .cozumler-alan .cozumler a.cozum {
        width: calc(100% / 3 - 20px);
        height: 100px;
    }
    .cozumler-alan .cozumler a.cozum:nth-child(4n+3) {
        margin-left:30px;
    }
    .cozumler-alan .cozumler a.cozum:nth-child(3n+3) {
        margin-left:0;
    }
    .footer .left .telefon, .footer .left .mobil, .footer .left .eposta {
        width: 100%;
        text-align: center;
    }
    .footer .left .telefon i, .footer .left .mobil i, .footer .left .eposta i {
        display: none;
    }
    .banner .paylas {
        display:none;
    }






}
@media(max-width:700px) {
    .alan .hizmetler a.hizmet {
        width: calc(100% / 2 - 10px);
        margin-left:20px;
    }
    .alan .hizmetler a.hizmet:nth-child(3n+1) {
        margin-left:20px;
    }
    .alan .hizmetler a.hizmet:nth-child(2n+1) {
        margin-left: 0;
    }    

}
@media(max-width:600px) {
        .sayfa .tam .referans-sayfa img {
        width: calc(100% / 4 - 15px);
    }
    .sayfa .tam .referans-sayfa img:nth-child(5n+1) {
        margin-left: 20px;
    }
    .sayfa .tam .referans-sayfa img:nth-child(4n+1) {
        margin-left: 0;
    }
    .sayfa .tam .uye-form #form5 input {
        width: 100%;
        margin-left: 0;
    }
    .sayfa .tam .uye-form #form5 input {
        width: 100%;
        margin-left: 0;
    }
    .sayfa .tam .uye-form .unuttum-form {
        width: 100% !important;
    }
    .sayfa .tam .uye-form .unuttum-form input {
        width: 100% !important;
    }
    .sayfa .tam .uye-form .unuttum-form button {
        width: 100% !important;
    }
    .panel>.container>a {
        width: 100%;
        padding: 10px;
        font-weight: 600;
        font-size: 14pt;
        margin-left: 0;
        border-radius: 0;
        text-align: left;
    }
    .panel>.container>a small {
        display:none;
    }
    .cozumler-alan .cozumler a.cozum {
        width: calc(100% / 2 - 10px);
        height: 100px;
        margin-left: 20px;
        margin-top: 20px;
    }
    .cozumler-alan .cozumler a.cozum:nth-child(3n+3) {
        margin-left:20px;
    }
    .cozumler-alan .cozumler a.cozum:nth-child(2n+3) {
        margin-left: 0;
    }



}
@media(max-width:500px) {
    .sayfa .tam .referans-sayfa img {
        width: calc(100% / 3 - 14px);
    }
    .sayfa .tam .referans-sayfa img:nth-child(4n+1) {
        margin-left: 20px;
    }
    .sayfa .tam .referans-sayfa img:nth-child(3n+1) {
        margin-left: 0;
    }
    .sayfa .tam .haberler-liste .sayfahaber .resim {
        width: 100%;
        height: auto;
    }
    .sayfa .tam .haberler-liste .sayfahaber .icerik {
        width: 100%;
        padding: 0;
    }
    .alan .hizmetler a.hizmet {
        width:100%;
        margin-left:0;
    }
    .alan .hizmetler a.hizmet:nth-child(3n+1) {
        margin-left:0;
    }
    .alan .hizmetler a.hizmet:nth-child(2n+1) {
        margin-left: 0;
    }    








}
@media(max-width:400px) {
    .sayfa .tam .referans-sayfa img {
        width: calc(100% / 2 - 10px);
    }
    .sayfa .tam .referans-sayfa img:nth-child(3n+1) {
        margin-left: 20px;
    }
    .sayfa .tam .referans-sayfa img:nth-child(2n+1) {
        margin-left: 0;
    }
    









}
