/* CSS İskender'in pcde oluşturulmuştur. */
/* Block Div */
#loaderDiv {
    display:none;
    position:fixed;
    z-index:999;
    width:100% !important;
    height:100%;
    background:url(../img/back_blockPanel.png);
}

#blockDiv {
    display:none;
    position:fixed;
    z-index:999;
    width:100%;
    background:url(../img/back_blockPanel.png);
}

#blockTableDiv {
    display:none;
    position:fixed;
    z-index:9999;
    width:100% !important;
    height:100% !important;
    background:url(../img/back_blockPanel.png);
}

#blockTableDiv .dialogBorder {
    width: 400px;
    background: #fff;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 300px auto;

}

#blockTableDiv .dialogBack {
    border: 10px solid #FFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#blockTableDiv #dialogTitle {
    padding:10px 0 0 0;
    letter-spacing:-1px;
    font-family:'DINTBold';
    font-size:18px;
    font-weight:400;
    color:#0093dd;
}

#blockTableDiv #dialogContent {
    margin:6px 0 10px 0;
    font-size:12px;
    font-family: Arial;
    color:#333;
}

#blockTableDiv .dialogButton {
    width:100px;
    margin:auto;
    padding:0 0 14px 0;
}

#blockTableDiv .dialogButton>input[type=button] {
    border:0;
    display:block;
    padding:4px 8px;
    font-family:'DINTBold';
    font-size:16px;
    font-weight:700;
    color:#FFF;
    background:#0093dd;
    cursor:pointer;
}


/* SCROLL style*/

#style-1::-webkit-scrollbar-track
{
    -webkit-box-shadow: none ;
    border-radius: 0;
    background-color: transparent;
}

#style-1::-webkit-scrollbar
{
    width: 8px;
    background-color: #fff;
}

#style-1::-webkit-scrollbar-thumb
{
    border-radius: 0;
    -webkit-box-shadow: none;
    background-color: #0066A0;
}
.clr{
    clear:both;
    height: 20px;
}
html,body{
    font-family: Roboto;
    height: 100%;
    background:#fff;
}
.container{
    position: relative;
    height: auto !important;
    min-height: 100%;
    width: 100%;
    padding-bottom: 0;
    box-sizing: border-box;
    background: #fff;
    -moz-background-size: cover;
    background-size: cover;
    display: block;
    overflow: hidden;
}
.content-1{
    width:1000px;
    margin:auto;
    position: relative;
}
.content-2{
    width:980px;
    margin:auto;
    position: relative;
}
.content-3{
    width:60%;
    float:left;
    position: relative;
}
.content-4{
    width:50%;
    float:left;
    position: relative;
}
.content-5{
    width:40%;
    float:left;
    position: relative;
}
.content-6{
    width:33%;
    float:left;
    position: relative;
}
.pagCcontent-0{
    width:15%;
    float:left;
    position: relative;
}
.pagCcontent-1{
    width:25%;
    float:left;
    position: relative;
}
.pagCcontent-2{
    width:30%;
    float:left;
    position: relative;
}
.pagCcontent-3{
    width:35%;
    float:left;
    position: relative;
}
.pagCcontent-4{
    width:40%;
    float:left;
    position: relative;
}
.pagCcontent-5{
    width:50%;
    float:left;
    position: relative;
}
.pagCcontent-6{
    width:60%;
    float:left;
    position: relative;
}
.pagCcontent-7{
    width:65%;
    float:left;
    position: relative;
}
.pagCcontent-8{
    width:75%;
    float:left;
    position: relative;
}
.pagCcontent-9{
     width:80%;
     float:left;
     position: relative;
 }
.pagCcontent-10{
    width:100%;
    float:left;
    position: relative;
}
.header{
    height: 115px;
    width:100%;
    top:30px;
    position:absolute;
    z-index: 2;
}
.header .top-header{
    width:100%;
    top:-30px;
    height:30px;
    text-align:right;
    position: absolute;
    z-index:10;
}
.header .top-header a{
    line-height: 30px;
    font-size: 18px;
    font-family: DINTBold;
    color:#333;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.30);
    letter-spacing: -1px;
    margin-right:20px;
}
.header .top-header a:hover{
    color:#0093dd;
}
.header .top-header img{
    width:24px;
    height: 24px;
    border-radius:25px;
    box-shadow:0 1.5px 0 rgba(0, 0, 0, 0.30);
    margin-top:3px;
    vertical-align: top;
}
.header .logo{
    background: #0093dd;
    width:340px;
    height: 110px;
    float:left;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.15);
}
.header .logo img{
   margin:22px;
    float: left;
}
.header .logo .title{
    margin-top:25px;
    font-size:30px;
    color:#fff;
    font-family: DINT;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.30);
}

.header .logo .title strong{
    font-family: DINTBold;
}
.header .logo .spot{
    margin-top:10px;
    font-size:16px;
    color:#fff;
    font-family: DINT;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.30);
}
.header .menu-wrap{
    background: #0066A0;
    width:660px;
    height: 110px;
    float:left;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.15);
}
.header .menu-wrap .menu{
    margin:auto;
    width:610px;
}
.header .menu-wrap .menu li{
    float: left;
}
.header .menu-wrap .menu li a{
    font-family: DINT;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.30);
    font-weight: 700;
    letter-spacing: -1px;
    color:#fff;
    font-size: 20px;
    display: block;
    margin: 45px 21px 0 0;
}
.header .menu-wrap .menu li a:hover,.header .menu-wrap .menu li a.active{
    color:#8EE1FD;
}

/* Banner Slider alanı */

.banner{
    height: 503px;
    background: url("../img/banner-bg.png") repeat-x top;
    position: relative;
    z-index: 1;
}
.banner-slider-wrap{
    position: absolute;
    width: 100%;
    top:120px;
    height: 450px;
}
.banner-slider-wrap .slider-bg{
    width:1218px;
    left:50%;
    margin-left:-609px;
    height:500px;
    position:absolute;
    background: url(../img/slide-bg.png)no-repeat;
    background-position: center bottom;
}
.banner-slider-wrap .banner-slide{
    width:100% !important;
    height:500px !important;
}
.banner-slider-wrap .banner-slide .slide{
  width:100% !important;
  height:100% !important;
}
.banner-slider-wrap .banner-slide .slide .slide-img{
    height: 450px;
}
.banner-slider-wrap .banner-slide .slide .slide-img img{
    width:100%;
    height: 100%;
}
.banner-slider-wrap .banner-slide .slide .slide-text{
    position: absolute;
    margin:77px 30px;
    width:500px;
}
.banner-slider-wrap .banner-slide .slide .slide-text .slide-text-title{
    font-family: DINTBold;
    color: #333333;
    font-size: 50px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.20);
    display: block;
    letter-spacing: -4px;
}
.banner-slider-wrap .banner-slide .slide .slide-text .slide-text-spot{
    font-family: DINT;
    color: #333333;
    font-size: 26px;
    display: block;
    margin-top:10px;
}
.banner-slider-wrap  .navigation{
    position: absolute;
    top:220px;
    left:30px;
    z-index: 2;
}
.banner-slider-wrap  .navigation button{
    width:111px;
    height:42px;
    background: url(../img/button-bg.png);
    font-family: DINT;
    vertical-align:middle;
    font-size: 21px;
    line-height: 42px;
    letter-spacing: -1px;
    color: #fff;
    cursor: pointer;
}
.banner-slider-wrap  .navigation .sayfala{
    margin-left: 20px;
}
.banner-slider-wrap  .navigation .sayfala a{
    background: url("../img/btn.png") no-repeat ;
    width:18px;
    height: 21px;
    display: inline-block;
}
.banner-slider-wrap  .navigation .sayfala a:hover,.banner-slider-wrap  .navigation .sayfala a.active{
    background: url("../img/btn-active.png") no-repeat ;
    width:18px;
    height: 21px;
    display: inline-block;
}

.page-bg{
    height: 600px;
    width: 100%;
    background: url("../img/banner-bg.png") repeat-x top;
    position: absolute;
    z-index: 0;
}
.page-content-bg{
    height: 400px;
    width: 100%;
    background: url("../img/page-bg.png")no-repeat center;
    position: absolute;
    z-index: 0;
    top:-25px;
}
.page-content{
    z-index:1;
    position:relative;
    margin-top:140px;
    min-height: 444px;
    height: auto;
}
.page-content .top{
    background: url("../img/page-content-header.png");
    height: 80px;
    margin:auto 0 20px auto;
    z-index: 1;position: relative;
}
.page-content .top .title{
    font-family: DINTBold;
    color:#333;
    line-height: 80px;
    letter-spacing: -3px;
    font-size: 34px;
    margin:0 20px;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.30);
}
.page-content .top .sector{
    margin:0;
    text-align: center;
}
.page-content .top .sector a{
    font-family: DINTBold;
    color:#333;
    line-height: 80px;
    letter-spacing: -3px;
    font-size: 34px;
    margin:0;
    text-align: center;
    display: block;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.30);
}
.page-content .top .sector a:hover,.page-content .top .sector a.active{
    background: rgba(0, 0, 0, 0.17);
}
.page-content .page{
    margin-left:10px;
}
.page-content .page .resim{
    position: relative;
    border:10px solid #fff;
    width:auto;
    margin-right:10px;
    height: 350px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31);
}
.page-content .page .resim img{
    width:100% !important;
    height:100% !important;
}
.page-content .page p{
    font-family: DINT;
    font-size: 16px;
    color: #333;
    padding-top:20px;
    line-height: 20px;
    padding-right:10px;
}
.page-content .page p b{
    font-family: DINT;
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 20px;
    color: #333;
    padding-top:10px;
    line-height: 25px;
    padding-right:10px;
}
.page-content .page .title{
    font-family: DINTBold;
    color:#333;
    letter-spacing: -3px;
    font-size: 34px;
    margin:20px 20px 10px 0;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.30);
}
.page-content .left-menu .title{
    font-family: DINTBold;
    color:#333;
    line-height: 40px;
    letter-spacing: -3px;
    font-size: 34px;
    margin:0 20px;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.30);
}
.page-content .left-menu .btn{
    color:#0066A0;
    text-decoration: underline;
    font-size: 16px;
    margin:0 20px;
    line-height: 40px;
    font-family: DINTBold;
}
.page-content .left-menu .btn:hover{
    text-decoration: none;
}
.page-content .left-menu ul.menu-1 li{
  display: block;
    border-bottom:1px solid rgba(204, 204, 204, 0.50);
}
.page-content .left-menu ul.menu-1 li a{
    display: block;
    font-family: DINTBold;
    font-size: 20px;
    padding:10px 20px;
    color:#333;
    letter-spacing: -1px;
}
.page-content .left-menu ul.menu-1 li a:hover ,.page-content .left-menu ul.menu-1 li a.active{
    color:#05B3F0;
}
.page-content .page .spot{
    font-family: DINT;
    font-size: 13px;
    margin:10px;
}
.page-content .page .harita{
    height:360px;
    overflow: hidden;
    margin-right:10px;
}
.page-content .page .harita p iframe{
    width: 100%;
    height:360px;
}
.page-content .page .adres{
    height:360px;
    font-family: Arial;
    font-size: 13px;
    line-height: 1.8em;
    color:#555;
    margin-left:10px;
}
.page-content .page .adres .title{
    font-family:'DINT';
    font-size:21px;
    letter-spacing:-1px;
    line-height:1.4em;
    margin: 0;
    color:#333;
    text-shadow: none;
}
.page-content .page .adres .title strong{
    font-family:'DINTBold';
    font-size:25px;
}
.page-content .page form{
    margin-left:10px;
}
.page-content .page form .frm-input{
    float:left;
    width:75%;
    padding:4px 0;
    vertical-align:top;

}
 .page-content .page form .frm-input input{
    width:60%;
     font-family:'Arial';
     font-size:12px;
     font-weight:300;
     color:#333;
}
 .page-content .page  form .frm-input select{
    width:63.4%;
     padding:8px;
     background:#ccc;
     border:1px solid #ccc;
     font-family:'Arial';
     font-size:12px;
     font-weight:300;
     color:#333;
}
.page-content .page  form .frm-input textarea{
    width:60%;
    font-family:'Arial';
    font-size:12px;
    font-weight:300;
    padding:8px;
    color:#333;

    border:1px solid #ccc;
    vertical-align:middle;
    resize: none;
    vertical-align:middle;
}
.page-content .page form .frm-text{
    float:left;
    width:25%;
    padding:10px 0;
    vertical-align:top;
    font-family: DINT;
    font-size: 13px;
}
.page-content .page  form .frm-text .needful{
    font-family:'Verdana','Arial';
    font-size:12px;
    color:red;
}
input[type=text], input[type=password] ,textarea,select{
    font-size:12px;
    padding:8px;
    background:#ccc;
    border:1px solid #ccc;
    vertical-align:middle;
    resize:none;
    margin:0;
}

input:focus[type=text], input:focus[type=password], textarea:focus {
    border:1px solid #DDD;
    color:#111;
    background:#DDD;
}

button.red {
    font-family:'DINT';
    font-size:16px;
    color: #FFF;
    padding:5px 12px;
    cursor:pointer;
    background: -ms-linear-gradient(
            top,
            #0066A0 0%,
            #3C77AA);
    background: -moz-linear-gradient(
            top,
            #0066A0 0%,
            #3C77AA);
    background: -webkit-gradient(
            linear, left top, left bottom,
            from(#0066A0),
            to(#3C77AA));
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border: 1px solid #3C77AA;
    -moz-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.7);
    -webkit-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.7);
    box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.7);
    text-shadow:
    0px -1px 0px rgba(000,000,000,0.4),
    0px 1px 0px rgba(255,255,255,0.3);
}

button.red:hover {
    background: -ms-linear-gradient(
            top,
            #3C77AA 0%,
            #0066A0);
    background: -moz-linear-gradient(
            top,
            #3C77AA 0%,
            #0066A0);
    background: -webkit-gradient(
            linear, left top, left bottom,
            from(#3C77AA),
            to(#0066A0));
}

button.red:active {
    /*background:#AAA;*/
    color:#EEE;
    padding:6px 12px 4px 12px;
}

button.gray {
    font-family:'DINT';
    font-size:16px;
    color:#444;
    vertical-align:middle;
    padding:5px 12px;
    cursor:pointer;
    background:-ms-linear-gradient(
            top,
            #e3e3e3 0%,
            #AAA);
    background:-moz-linear-gradient(
            top,
            #e3e3e3 0%,
            #AAA);
    background:-webkit-gradient(
            linear, left top, left bottom,
            from(#e3e3e3),
            to(#AAA));
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #AAA;
    -moz-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.7);
    -webkit-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.7);
    box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.7);
}

button.gray:hover {
    background:-ms-linear-gradient(
            top,
            #AAA 0%,
            #e3e3e3);
    background:-moz-linear-gradient(
            top,
            #AAA 0%,
            #e3e3e3);
    background:-webkit-gradient(
            linear, left top, left bottom,
            from(#AAA),
            to(#e3e3e3));
}

button.gray:active {
    background:#AAA;
    color:#555;
    padding:6px 12px 4px 12px;
}

.langBtn-1 .langBtn-2 {
    display:none;

} .langBtn-1:hover .langBtn-2 {
      display:block!important;
  }

.prod-list-item .image {
    padding:6px;
    padding-bottom:0;
    border-bottom:6px solid #3C77AA;

} .prod-list-item:hover .image {
      padding:0;
      border:6px solid #FECA12;

  }

.page-content .page  .sektor{
    height: 300px;
    z-index: 99;
    cursor: pointer;
    width:95%;
    transition: .1s linear;
    margin:auto;
    background: url("../img/a.png")no-repeat;
}
.page-content .page  .sektor:hover{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.40);
}


.page-content .page  .hizmetBox-m{
    height: 300px;
    z-index: 99;
    cursor: pointer;
    width:95%;
    transition: .1s linear;
    margin:auto;
    background: url("../img/sektorler.png")no-repeat center;
}
.page-content .page  .hizmetBox-m:hover{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.40);
}
.page-content .page  .hizmetBox-p{
    height: 300px;
    z-index: 99;
    width:95%;
    cursor: pointer;
    transition: .1s linear;
    background: url("../img/b.png");
}
.page-content .page  .hizmetBox-p:hover{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.40);
}
.page-content .page  .hizmetBox-m .title {
  font-family: DINT;
  font-size: 44px;
  color:#fff;
  text-align: right;
    padding-top:80px;
  margin-right:30px;
    margin-bottom:20px;
  letter-spacing: -1px;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.30);
}
.page-content .page  .hizmetBox-p .title{
    font-family: DINT;
    font-size: 44px;
    color:#fff;
    padding-top:80px;
    margin-left:30px;
    margin-bottom:20px;
    letter-spacing: -1px;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.30);
}
.page-content .page  .hizmetBox-m .title strong ,.page-content .page  .hizmetBox-p .title strong{
    font-family: DINTBold;
}
.page-content .page  .hizmetBox-m span{
    color:#fff;
    font-family: Arial;
    font-size: 15px;
    padding:2px 30px;
    text-align: right;
    display: block;
}
.page-content .page  .hizmetBox-m span a{
    color:#ddd;
    font-family: DINT;
    font-size: 15px;
}
.page-content .page  .hizmetBox-m span a:hover{
    color:#fff;
}
.page-content .page  .hizmetBox-p span{
    color:#fff;
    font-family: Arial;
    font-size: 15px;
    padding:2px 30px;
    text-align: left;
    display: block;
}
.page-content .page  .hizmetBox-p span a{
    color:#fff;
    font-family: DINT;
    font-size: 15px;
}
.page-content .page  .hizmetBox-p span a:hover{
    color: #006aaa;
}

.page-content .page .duyuruBox{
    height: 230px;
    background: #eee;
    margin-right:10px;
    margin-bottom:20px;
    padding:10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.31);
}
.page-content .page .duyuruBox .resim{
    width:250px;
    height:200px;
    float: left;
}
.page-content .page .duyuruBox .resim a img{
    width:100%;
    height:100%;
}

.page-content .page .duyuruBox .resim a span{
    width:120%;
    height: 120%;
    background: rgba(0, 106, 170, 0.11);
    display: block;
    position: absolute;
    top:-20px;
    left:-20px;
    opacity: 0;
    transition: .3s linear;
}
.page-content .page .duyuruBox .resim:hover > a span{
    width:100%;
    height: 100%;
    background: rgba(0, 106, 170, 0.11);
    display: block;
    position: absolute;
    top:0;
    left:0;
    opacity: 1;
}
.page-content .page .duyuruBox .duyuru{
    float: left;
    margin-left:20px;
    margin-top:20px;
    position: relative;
    height: 150px;
}
.page-content .page .duyuruBox .duyuru .title{
    font-family: DINTBold;
    font-size: 30px;
    color:#006aaa;
    margin-bottom:30px;
    margin-left:0;
    letter-spacing: -2px;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.30);
}
.page-content .page .duyuruBox .duyuru  .spot{
    font-family: DINTBold;
    font-size: 14px;
    color:#555;
    margin:0;
    position: relative;
}
.page-content .page .duyuruBox .btn{
    position: absolute;
    bottom:0;
    color:#0066A0;
    text-decoration: underline;
    font-size: 16px;
    margin:0;
    font-family: DINTBold;
}
.page-content .page .duyuruBox .btn:hover{
    text-decoration: none;
}


.page-content .page .refBox-L{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    height: 150px;
    overflow: hidden;
}
.page-content .page .refBox-R{
    border-right:1px solid transparent; height: 150px;
    border-bottom:1px solid #ccc;
    overflow: hidden;
}
.page-content .page .refBox-L a img ,.page-content .page .refBox-R a img{
    width: 70%;
    height: 70%;
    margin:20px 40px;
    border:1px solid #ddd;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    transition: .3s ease;
}
.page-content .page .refBox-L:hover > a img,.page-content .page .refBox-R:hover > a img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.bant{
    height: 100px;
    background: #E5E5E5;
    position: relative;
    z-index: 2;
}
.bant .kalip-m{
    background: url("../img/kalip-m-bg.png");
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.15);
    height: 100px;
    position: relative;
    margin:0;
    padding:0;
}
.bant .kalip-m .title{
    font-family: DINT;
    font-size: 34px;
    color:#fff;
    line-height: 100px;
    margin-left:30px;
    letter-spacing: -1px;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.30);
}
.bant .kalip-m .title strong{
    font-family: DINTBold;
}


.bant .kalip-p{
    background: url("../img/kalip-p-bg.png");
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.15);
    height: 100px;
    position: relative;
    margin:0;
    padding:0;
}
.bant .kalip-p .title{
    font-family: DINT;
    font-size: 34px;
    color:#fff;
    line-height: 100px;
    margin-left:29px;
    letter-spacing: -1px;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.30);
}
.bant .kalip-p .title strong{
    font-family: DINTBold;
}


.index-content{
    background:#fff;
}
/* kalip-m-content */
.kalip-m-content,.kalip-p-content{
    background: url("../img/kalip-bg.png")no-repeat;
    background-position: right top;
    width:auto;
    height: auto;
    min-height: 280px;
    position: relative;
    padding:22px 32px 22px 22px;
}
.kalip-m-content .kalipList{
    width:auto;
    height: auto;
}
.kalip-m-content .kalipList .kalipbox{
    display: block;
    width:auto;
    height: auto;
    transition: .5s linear;
}
.kalip-m-content .kalipList .kalipbox .title-out{
    background: url("../img/kalip-first-title-bg.png")repeat-x;
    width: auto;
    height: 30px;
    font-family: DINTBold;
    color:#333333;
    font-size: 20px;
    letter-spacing: -1px;
    padding:8px;
    cursor: pointer;
    transition: .5s linear;
}
.kalip-m-content .kalipList .kalipbox .content{
    background:url("../img/kalip-content-bg.png")repeat-x ;
    width: auto;
    height: 130px;
    display: none;
    padding-bottom:20px;
    transition: .5s linear;
}
.kalip-m-content .kalipList .kalipbox .content .title-in{
    background: none;
    font-family: DINTBold;
    color:#333333;
    font-size: 20px;
    letter-spacing: -1px;
    padding:8px;
    cursor: pointer;
}
.kalip-m-content .kalipList .kalipbox .content p{
    margin:5px 10px 15px 10px;
    font-family: DINT;
    font-size: 16px;
    color:#333;
}
.kalip-m-content .kalipList .kalipbox .content a{
    color:#0066A0;
    text-decoration: underline;
    font-size: 16px;
    margin:0 10px;
    font-family: DINTBold;
}
.kalip-m-content .kalipList .kalipbox .content a:hover{
    text-decoration: none;
}
.kalip-m-content .kalipList .kalipbox:hover > .title-out{
    display: none;
}
.kalip-m-content .kalipList .kalipbox:hover > .content{
    display: block;
}
/* kalip-p-content */

.kalip-p-content .kalipList{
    width:auto;
    height: auto;
}
.kalip-p-content .kalipList .kalipbox{
    display: block;
    width:auto;
    height: auto;
    transition: .5s ease;
}
.kalip-p-content .kalipList .kalipbox .title-out{
    background: url("../img/kalip-first-title-bg.png")repeat-x;
    width: auto;
    height: 30px;
    font-family: DINTBold;
    color:#333333;
    font-size: 20px;
    letter-spacing: -1px;
    padding:8px;
    cursor: pointer;
    transition: .5s linear;
}
.kalip-p-content .kalipList .kalipbox:hover > .title-out{
    display: none;
}
.kalip-p-content .kalipList .kalipbox:hover > .content{
    display: block;
}
.kalip-p-content .kalipList .kalipbox .content{
    background:url("../img/kalip-content-bg.png")repeat-x ;
    width: auto;
    height: 130px;
    display: none;
    transition: .5s linear;
}
.kalip-p-content .kalipList .kalipbox .content .title-in{
    background: none;
    font-family: DINTBold;
    color:#333333;
    font-size: 20px;
    letter-spacing: -1px;
    padding:8px;
    cursor: pointer;
}
.kalip-p-content .kalipList .kalipbox .content p{
    margin:5px 10px 15px 10px;
    font-family: DINT;
    font-size: 16px;
    color:#333;
}
.kalip-p-content .kalipList .kalipbox .content a{
    color:#0066A0;
    text-decoration: underline;
    font-size: 16px;
    margin:0 10px;
    font-family: DINTBold;
}
.kalip-p-content .kalipList .kalipbox .content a:hover{
    text-decoration: none;
}


.footer-top{
    height:100px;
    position: relative;
    border-top:1px solid rgba(0, 0, 0, 0.26);
}
.footer-top .copy{
    font-family: Arial;
    font-size: 12px;
    line-height: 15px;
    color:#666;
    margin:24px 28px;
}


.footer-bottom{
    height: 270px;
    background: #232323;
}

/* Footer-bottom sol alan */
.footer-bottom .box {
    display:block;
    width:auto;
    margin-top:33px;
}
.footer-bottom .box .title{
    font-family: DINTBold;
    color:#fff;
    font-size: 22px;
    letter-spacing: -1px;
    padding:8px;
    cursor: pointer;
}
.footer-bottom .box .content span{
    color:#9C9C9C;
    font-family: Arial;
    font-size: 12px;
    padding:2px 0;
    display: block;
}
.footer-bottom .box .content span a{
    color:#9C9C9C;
    font-family: Arial;
    font-size: 12px;
}
.footer-bottom .box .content span a:hover{
    color:#ccc;
    font-family: Arial;
    font-size: 12px;
}
.footer-bottom .box .content .btn{
    color:#9C9C9C;
    font-family: Arial;
    font-size: 12px;
    padding:5px;
    display: block;
    text-decoration: underline;
}
.footer-bottom .box .content .btn:hover{
    text-decoration: none;
}
/* Footer-bottom sağ alan */

.footer-bottom .box-2{
    display:block;
    width:auto;
    margin-top:33px;
    height:200px;
    border-left:1px solid rgba(255, 255, 255, 0.10);
}
.footer-bottom .box-2 .contact-mail-phone{
    display:block;
    padding:10px 26px;
}
.footer-bottom .box-2 .contact-mail-phone .title{
    font-family: DINTBold;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.50);
}
.footer-bottom .box-2 .contact-mail-phone .title span{
    font-family: DINT;
    font-size: 26px;
    display: block;
}
.footer-bottom .box-2 .contact-mail-phone .title span strong{
    font-family: DINTBold;
}
.footer-bottom .box-2 .contact-mail-phone p{
    margin-top:5px;
    font-family: Arial;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.50)
}
.footer-bottom .box-2 .socialbtns{
    display:block;
    padding:10px 26px;
}
.footer-bottom .box-2 .socialbtns .socialbtn-1{
    display:inline-block;
    margin-right:30px;
}
.footer-bottom .box-2 .socialbtns .socialbtn-1 span{
    font-family: Arial;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.50)
}
.footer-bottom .box-2 .socialbtns .socialbtn-2{
    display:inline-block;
}
.footer-bottom .box-2 .socialbtns .socialbtn-2 span{
    font-family: Arial;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.50)
}
.footer-bottom .box-2 .espro{
    position: absolute;
    right: 0;
    top:53%;
}


/* geniş ekranda gizli divler */

.mobil-open,.mobil-header-menu-bar,.mobil-menu-toggle,.mobil-cat-menu,.gizli{
    display: none;
}


/* ############# ABONELİK ############# */
.randevuForm {
    padding: 10px;
    position: relative;
}
.randevuForm h1 {
    display: table-cell;
    padding: 10px 10px 10px 0;
    font-size: 20px;
    font-family: DINTBold;
    color: #003d67;
    z-index: 15;
    position: relative;
}
.randevuForm p {
    paddin-top: 10px;
    text-align: justify;
    font-family: DINTLight;
    color: #555;
    font-size: 15px;
    line-height: 20px;
}
.randevuForm form .inputSol {
    float: left;
    width: 100%;
    position: relative;
}
.randevuForm form .inputSol span {
    display: block;
    padding: 5px 0;
    color: #555;
    font-family: DINTBold;
}
.randevuForm form .inputSol input {
    border: 1px solid #0066A0;
    padding: 10px;
    background: #fff;
    font-family: DINT;
    font-size: 14px;
    width: 94%;
}
.randevuForm form .inputSol ::-webkit-input-placeholder {
    color: #0066A0;
}
.randevuForm form .inputSol ::-moz-placeholder {
    color: #0066A0;

}
.randevuForm form .inputSol :-ms-input-placeholder {
    color: #0066A0;

}
.randevuForm form .inputSag {
    float: left;
    width: 100%;
    position: relative;
}
.randevuForm form .inputSag span {
    display: block;
    padding: 5px 0;
    color: #555;
    font-family: DINTBold;
}
.randevuForm form .inputSag input {
    border: 1px solid #0066A0;
    padding: 10px;
    background: #fff;
    font-size: 14px;
    font-family: DINT;
    width: 94%;
}
.randevuForm form .inputSag ::-webkit-input-placeholder {
    color: #0066A0;
}
.randevuForm form .inputSag ::-moz-placeholder {
    color: #0066A0;
}
.randevuForm form .inputSag :-ms-input-placeholder {
    color: #0066A0;
}
.randevuForm form .textarea {
    float: left;
    width: 100%;
    margin: 10px 0;
}
.randevuForm form .textarea span {
    display: block;
    padding: 5px 0;
    color: #555;
    font-family: DINTBold;
}
.randevuForm form .textarea textarea {
    border: 1px solid #0066A0;
    padding: 10px;
    height: 100px;
    background: #fff;
    font-size: 14px;
    font-family: DINT;
    width: 94%;
    resize: none;
}
.randevuForm form .textarea ::-webkit-input-placeholder {
    color: #0066A0;
}
.randevuForm form .textarea ::-moz-placeholder {
    color: #0066A0;
}
.randevuForm form .textarea :-ms-input-placeholder {
    color: #0066A0;
}
.randevuForm form button {
    background: #0066A0;
    padding: 10px 10px;
    color: #fff;
    border: 1px solid #fff;
    font-size: 15px;
    font-family: DINTBold;
    cursor: pointer;
}
.randevuForm form button:hover {
    background: #fff;
    border: 1px solid #0066A0;
    color: #0066A0;
}
.onay {
    height: 600px;
    width: 100%;
    text-align: center;
    display: table;
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b8686+0,a8dba8+46,3b8686+100 */
    background: #0066A0;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiODY4NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iI2E4ZGJhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYjg2ODYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #3b8686 0%, #a8dba8 46%, #3b8686 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b8686), color-stop(46%, #a8dba8), color-stop(100%, #3b8686));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3b8686 0%, #a8dba8 46%, #3b8686 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3b8686 0%, #a8dba8 46%, #3b8686 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3b8686 0%, #a8dba8 46%, #3b8686 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #3b8686 0%, #a8dba8 46%, #3b8686 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b8686', endColorstr='#3b8686', GradientType=0);
    /* IE6-8 */
}
.onay .onayAlan {
    display: table-cell;
    vertical-align: middle;
}
.onay .onayAlan span {
    color: #fff;
    font-family: Open Sans;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    left: 0;
    margin: 10px;
    position: absolute;
    top: 20px;
}
.onay .onayAlan i {
    position: relative;
    top: 50px;
    font-size: 150px;
    color: #0b486b;
}