
*{margin: 0;padding: 0;outline: none!important;}
body{font-size: 14px;font-weight: 400;line-height: 20px;color: #898989;overflow-y: auto;overflow-x: hidden;background: #fff;font-family: 'Oswald';}
a{display: inline-block;  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
a:hover{text-decoration: none!important;}
a, a:active, a:focus{text-decoration: none!important;color: #333;font-size: 25px;}
:focus {outline:none!important;}
::-moz-focus-inner {border:0!important;}
ul{margin:0;padding: 0;}
li{list-style: none;list-style-type:  none !important;}
textarea{resize: none;}
img {max-width: 100%;}
.font {font-family: 'Titillium Web';} 
p, span, strong, b {font-size: 16px;}
 
.anim{-webkit-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;}

.notfound {padding: 120px 0px;padding-top: 150px;}
.notfound .text {text-transform: uppercase; text-align: center}
.notfound .text h2{font-size: 45px;color: #222222;font-weight: 300;letter-spacing: -1px;text-shadow: 0 0 150px #000;}
.notfound .text h3{font-size: 48px;color: #000000;font-weight: 700;letter-spacing: -3px;text-shadow: 0 0 150px #8e8e8e;}
.notfound .text a{padding:10px 20px;margin-top: 60px;font-size: 20px;color: #ffffff;font-weight: 700;letter-spacing: 0px;background-color: #eb1c24;line-height: 50px;transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;}
.notfound .text a:hover{background-color: #000;}

/* alertler */
.martodo.alert{position:relative;width:100%;font-size:16px;margin-bottom:15px;padding:10px;display:table;background-color:#fdfdfd;border:1px solid #ddd;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.martodo.alert:after{content:'';clear:both;display:block}
.martodo.alert:hover{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.15);-moz-box-shadow:0 1px 3px rgba(0,0,0,.15);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.martodo.alert:hover .close{display:block}
.martodo.alert .td{display:table-cell}
.martodo.alert .child-1{width:36px;vertical-align: middle;}
.martodo.alert .child-1 i{color:#fff;width:36px;height:36px;line-height:36px;display:block;text-align:center;text-shadow:-5px 6px 5px rgba(0,0,0,.1);-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.martodo.alert .close{position:absolute;top:50%;right:10px;color:#777;width:26px;display:none;font-size:13px;cursor:pointer;text-align:center;line-height:26px;margin-top:-13px;border-radius:3px}
.martodo.alert .close i{line-height:26px}
.martodo.alert .close:hover{background-color:#eee}
.martodo.alert .child-2{color:#555;font-size:13px;margin:0 45px;padding:8px 0 8px 10px}
.martodo.alert.danger .child-1 i{background-color:#ff5c5d;font-size: 21px;}
.martodo.alert.success .child-1 i{background-color:#12b353;font-size: 21px;}
.martodo.alert.warning .child-1 i{background-color:#ffcd62;font-size: 21px;}
.martodo.alert.info .child-1 i{background-color:#4787ed;font-size: 16px;}

.temizle{clear:both;}

.calendar-select .tooltip {position: static;opacity: 1;}
.calendar-select #dogum_tarihi_Previous_ID,
.calendar-select #dogum_tarihi_Next_ID {font-size: 20px;color: #000;border: none !important;cursor: pointer !important;line-height: inherit;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.calendar-select #dogum_tarihi_Previous_ID:hover,
.calendar-select #dogum_tarihi_Next_ID:hover {    background: #000;    color: #fff;}
.calendar-select #dogum_tarihi_Current_ID {color: #111;font-size: 12px;font-weight: 700;padding: 0 !important;}
.calendar-select .calendar-table tbody > tr:first-child {padding: 10px 0;line-height: 40px;background-color: #fff !important;}
.calendar-select #dogum_tarihi_ID {position: relative;}
.calendar-select #dogum_tarihi_ID:before {border: 1px solid #bbb;position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';pointer-events: none;}
.calendar-select .calendar-table tbody > tr:last-child td {line-height: 30px;background: #eaeaea;border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;}
.calendar-select #dogum_tarihi_DayTable_ID td {font-size: 10px;color: #111;line-height: 26px;cursor: pointer !important;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.calendar-select #dogum_tarihi_DayTable_ID td:hover {color: #fff !important;}
.calendar-select .calendar-icon i {font-size: 27px;margin-left: 10px;}

.input-group{position:relative;width:100%;margin-top:10px;}
.input-group input{}
.kariyer-btn{background:#d7d8da;color:#626161;position:absolute!important;right:0;top:0;z-index:99;padding:5px 27px!important;border-radius:0;height: 100%;line-height: 35px;}
.kariyer-btn:hover{color:#fff;z-index:99!important;}
.input-group-btn{position:static!important;width:0;}

input, textarea, select{box-shadow:none!important;}
input:focus:not(.search), textarea:focus, select:focus{}
/* Sosyal Medya */
.fa-facebook:hover{color: #44619d;}
.fa-twitter:hover{color: #5978ea;}
.fa-google-plus:hover{color: #dc4a38;}
.fa-instagram:hover{color: #b9977c;}
.fa-google-plus:hover{color: #e04a39;}
.fa-pinterest:hover{color: #bd081c;}
.fa-linkedin:hover{color: #0077b5;}

.fancy-img img{cursor: pointer;}
#hidden-fancy{display: none;}

.map-responsive{overflow:hidden;padding-bottom:350px;position:relative;height:0;max-width: 100%;margin-bottom:25px;}
.map-responsive iframe{left:0;top:0;height:100%;max-height: 350px;width:100%;position:absolute;/* pointer-events: none; */}

.twice{width:100%;display:  inline-block;}
.twice-item{width:48%;float:left;position:relative;}
.twice-item i{position: absolute;right: 10px !important;bottom: 12px;font-size: 17px;}
.twice-item:last-of-type{float:right;}
.twice-item span{position:absolute;right:0;top:10px;}
.form-div.hegh-select select {
    height:  55px;
}

/* ===== Type4 ====== */
.column-map {
    margin-bottom:  60px;
}

.contact4 .form-control{font-size:13px;padding:15px 15px;border-radius:0px;border:1px solid #cccccc;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-box-shadow: none;box-shadow: none;font-family: 'Rajdhani', sans-serif;font-weight: 600;color: #333;background:  #fff;}

.contact4 input[type="email"]{padding:0px 10px;height:55px;line-height:55px;}
.contact4 input[type="email"]:focus{border-color:#192a48;transition:all 0.5s ease;}
.contact4 input[type="text"]:focus{border-color: #d30c14;transition:all 0.5s ease;}
.contact4 textarea:focus{
    border: 1px solid #d30c14 !important;
}
.form-div.capt-cont .captcha {
    margin-right: 1%;
    width:  49%;
}

.form-div.capt-cont .son {
    width: 49%;
    float:  left;
    margin-left:  1%;
   
}

.form-div.capt-cont .son input[type="text"] {
    height:  45px;
}
.contact4 .btn{font-size:13px;background-color: #d30c14;transition: all 0.5s ease;border-radius: 0px;color: white;font-size: 15px;font-weight: 700;padding: 15px 45px;margin-right: 15px;margin-top: 10px;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;border-radius: 0px;padding: 15px 50px;}
 .contact4 *{
    font-size: 0;
}
.column-map {
    margin-bottom:  60px;
}
.contact4 {
    padding-top:  0;padding-bottom: 0px;
}

.contact4 .container > div {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.contact4 .container > div + div {
    margin-left: 0%;
}
.contact4 .col-md-3 {
    padding: 0;
}

.contact4 .btn:hover {
    background-color: #b5b5b5;
    transition: all 0.5s ease;
}
.contact4 .content > h5 {font-size: 22px;color: #d30c14;margin: 0 0 30px 0px;font-weight: 700;position: relative;z-index:  9999;}

.contact4 .content > p {
    font-size: 14px;
    margin-bottom: 30px;
    color:  #666;
    font-weight: 500;
    position:  relative;
    z-index:  9999;
}

.contact4 .content a {font-size: 16px !important;color: #666;letter-spacing: 1px;font-family: 'Rajdhani', sans-serif;font-weight: 600;padding-top: 3px;}

.contact4 .content a:hover {
    color: #eb1c24;
}

.contact4 .content .who .line + .line {
    margin-top: 50px;
}

.contact4 .content .who .line i.icon-location {
    width: 19px;
     height: 28px;
    background-position: -87px -259px;
}

.contact4 .content .who .line i.icon-phone {
    width: 28px;
    height: 29px;
    background-position: -107px -259px;
}

.contact4 .content .who .line i.icon-mail {
    width: 30px;
     height: 22px;
    background-position: -136px -259px;
}

.contact4 .content .who .line h6 {font-size: 17px;font-weight: 700;color: #333;margin: 0 0 5px 0;padding-bottom: 0;margin: 0;font-family: 'Rajdhani', sans-serif;}

.contact4 .content .who .line p {margin: 0;line-height: 18px;font-size: 16px;color: #666;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-family: 'Rajdhani', sans-serif;font-weight: 600;padding-top: 6px;}

.contact4 .content .who .line > *:first-child {
    position: relative;
}

.contact4 .content .who .line > *:first-child i {width: 46px;height: 46px;background-repeat: no-repeat;background-position: center center;margin-right: 20px;font-size: 35px;color: #000;line-height: 46px;float: left;text-align: center;border: 1px solid #eee;box-shadow: 0px 5px 6px #00000017;}

.contact4 .content .who .line > *:last-child {
    width: calc(100% - 86px);
}
.who .line {
    float: initial;
    height:  initial;
    width:  initial;
    border:  0;
}
.contact4 .content .company {
    margin: 30px 0;
}
.page-content p strong {
    font-size:  17px;
}
.contact4 .content .company p {
    font-size: 12px;
    margin: 0;
    color: #333;
    line-height: 18px;
}

.contact4 .content .company p + p {
    margin-top: 15px;
}

.contact4 .content .company p b {
    font-size: inherit;
    display: inline-block;
    width: 160px;
}

.contact4 .content .who {
    margin-bottom: 25px;
}

.contact4 .content .text p, .contact4 .content .text p * {font-size:  14px;color: #666;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-family: 'Rajdhani', sans-serif;font-weight: 600;}

.contact4 .content .text p span {
    font-size: inherit;
    font-weight: 600;
}

.contact4 .content .text p b {
    font-size: inherit;
    font-weight: 700;
}

.contact4 .content .text p a {
    font-size: 16px;
    background: #f01716;
    padding:1px 10px;
    display: inline-block;
    color:#fff;
}
.contact4 .form-div span {
    color: red;
    font-size: 15px;
    top: -5px;
    margin-left: 5px;
    font-weight: 900;
    position: absolute;
}

 
.contact4 .content .btn-red {
    font-size: 14px;
}

.contact4 .content .form-div p {color: #000!important;font-size: 15px;font-weight: 700;margin-top: 8px;display: inline-block;font-family: 'Rajdhani', sans-serif;position:  relative;}

.contact4 .container form > div + div {margin-top:  10px !important;}

.contact4 .container form textarea {border-radius: 0;height: 126px;overflow: hidden;}

.contact4 .container form > div.submit {
    text-align: right;
}

.contact4 .icon {
    background-repeat: no-repeat;
    display: inline-block;
}

.contact4 .vm{
    display: inline-block;
     vertical-align: middle;
}

.contact4 .btn, .contact4 input, .contact4 textarea{
    font-size: 13px;
}

.contact4 .container form > div + div{
    position:  relative;
    z-index:  999;
    float:  left;
    width:  100%;
}

@media screen and (max-width: 991px){
     .contact4 .container > div {
        display: block !important;
        width: 100% !important;
        position:  relative;
    }

    .contact4 .container > div + div {
        margin: 30px 0 0 0 !important;
    }
}

@media screen and (max-width: 767px){
  .column-map {
    margin-bottom: 20px;
}
.mmm{padding-left:15px!important}
.nnn{padding-right:15px!important}
.contact4 .content > h5 {
    margin-bottom:  20px;
    text-align:  center;
    z-index: 9;
}

.contact4 .content > p {
    text-align:  center;
    z-index:  9;
}

.contact4 .col-md-3 {
    text-align:  center;
}
.contact4 .container form > div + div {
    z-index:  9;
}
}




/* ===== Type4 ====== */


section.page-contact {
    padding-top:  0;
    padding-bottom: 30px;
}
 
#formmessage { display: none; }
.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
 .form-field {position: relative;margin-bottom: 0;}
.form-field i { position: absolute; left: 0; color: #e93e21; display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; z-index: 99; }
.form-field input, .contact-form .form-field textarea { width: 100%; padding-left: 40px; color: #fff; border-color: rgba(0, 0, 0, 0.1); color: #afafaf; }
.form-field input, .contact-form.white-form .form-field textarea { width: 100%; padding-left: 45px; color: #fff; border-color: rgba(255, 255, 255, 0.3); }
.select-styled { background: none; border-color: rgba(255, 255, 255, 0.3); color: #afafaf; }
.form-field select { color: #a4a4a4; border-color: #e5e5e5; }
.form-field input:focus, .contact-form .form-field textarea:focus { border-color: #e93e21; }
.reservation { position: relative; overflow: hidden; }
.bottom-text { font-size: 16px; }
 .select-styled {background: none !important;border-color: rgba(0, 0, 0, 0.1) !important;color: #afafaf !important;}
 .select-styled.active {
    border-color:  #d30c14 !important;
    border-bottom: 1px solid #d30c14 !important;
}
.select-hidden { display: none; visibility: hidden; padding-right: 10px; }
.select { cursor: pointer; display: inline-block; position: relative; font-size: 14px; color: #e5e5e5; width: 100%; height: 45px; }
.select-styled {text-align: left;font-size: 14px;color: #555;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: 1px solid #dcdcdc;background-color: #fff;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;transition: all 0.2s ease-in;padding-left:  10px;height:  50px;line-height: 45px;}
.select-styled:after { content: ""; width: 0; height: 0; border: 7px solid transparent; border-color: #777 transparent transparent transparent; position: absolute; top: 18px; right: 10px; }
.select-styled:active:after, .select-styled.active:after {top: 10px;border-color: transparent transparent #d30c14 transparent;}
.select-options {text-align: left;display: none;position: absolute;top: 100%;right: 0;left: 0;z-index: 100;margin: 0;padding: 0;list-style: none;background-color: #fff;border: 1px solid #d30c14;border-top: 0px;color: #1e2327;border-top:  1px solid #d30c14;}
.select-options li:hover {
    background: #d30c14;
    color: #fff;
    transition: all 0.3s ease;
    padding-left: 16px;
}
.select-styled.active ul {}

.select-options li:last-child {
    border: none;
}
.select-styled {background: #fff !important;border-color: rgba(0, 0, 0, 0.1) !important;color: #555 !important;}
.select-options li {
    transition: all 0.3s ease;
    padding-left: 13px;
    font-size: 13px;
    color: #555;
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
}
.select-options li:first-child {
    display:  none;
}

/*KARyer*/

/* ===== Contact Page ====== */
.page-contact *{font-size:0;}
.page-contact .form-control{font-size:13px;background:none;color:#fff;}
.page-contact .btn{font-size:14px;}
.page-contact{margin-bottom: 0;padding-top: 0px;}
.page-contact h2{font-size:22px;color: #d30c14;margin: 0 0 50px 0;font-weight:700;}
.page-contact h3{font-size:17px;font-weight:700;color: #333;margin:0 0 5px 0;padding-bottom: 0;margin: 0;font-family: 'Rajdhani', sans-serif;}
.page-contact .contact .container > div{display:inline-block;vertical-align:top;width:48%;position:  relative;}
.page-contact .contact .col-right{margin-left:4%;}
.page-contact .contact .col-right form div + div{
    position:  relative;
    z-index:  999;
}
.page-contact .contact > div > *{display:inline-block;vertical-align:middle;}
.page-contact .contact > div > i{width: 46px;height: 46px;background-repeat:no-repeat;background-position:center center;margin-right:20px;font-size:35px;color:#000;line-height: 46px;float:  left;text-align:  center;border:  1px solid #eee;box-shadow: 0px 5px 6px #00000017;}
.page-contact .contact > div + div{margin-top:50px;}
.page-contact .contact > div > div{width: calc(100% - 76px);}
.page-contact .contact .content p,
.page-contact .contact .content span{margin:0;line-height:28px;font-size: 13px;color:#666;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-family: 'Rajdhani', sans-serif;font-weight:  600;}
.page-contact .contact .content a{font-size: 13px !important;color:#666;letter-spacing: 1px;font-family: 'Rajdhani', sans-serif;font-weight: 600;padding-top:  13px;}
.page-contact .contact .content a:hover{color:#eb1c24;}
.page-contact .contact .phone .col > div{width:48%;display:inline-block;vertical-align:middle;}
.page-contact .customer-service{font-size:21px;color:#fff;font-family:'Playfair Display';margin:50px 0 0 0;line-height:40px;}
.page-contact .customer-service strong{font-size:inherit;font-weight:700;}
.page-contact .customer-service i{font-size:inherit;font-style:italic;}
.page-contact .customer-service span{font-size:inherit;font-weight:900;}
.page-contact .submit{text-align:right;}
.contact1 .form-control:focus {
    border:  1px solid #000 !important;
}
.page-contact .submit .button{background:#ccc;color:#fff;font-size:13px;}
.page-contact .submit .button:hover{background:#3d1d56;}
@media screen and (max-width:991px){
  .page-contact .contact{padding-bottom:20px;margin-bottom: 0;margin:  30px 0;}
  .page-contact .customer-service{font-size:16px;line-height:26px;}
}
@media screen and (max-width:767px){
  .page-contact .contact .container > div{width:100%;}
  .page-contact .contact .container > .col-right{margin:50px 0 0 0;}
 

section.urun-vitrini {
}
header:before {
    width:  100% !important;
    height:  110px;
}

header:after {
    width:  100% !important;
}
}

@media screen and (max-width:360px){
  .page-contact .submit .button{width:100%;}
}

.contact1 .form-div{display:block;padding-bottom:65px;}
.contact1 .form-div span{color:red;font-size:15px;top:-5px;margin-left:5px;font-weight:900;position:absolute;}
.submit .contactformsend{background-color: #d30c14;transition:all 0.5s ease;border-radius:0px;color:white;font-size:15px;font-weight:700;padding:15px 45px;margin-right:15px;margin-top:20px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;border-radius:0px;}
.submit .contactformsend:hover{background-color: #b5b5b5;transition:all 0.5s ease;}
article.contact{margin: 60px 0 50px;}
.contact1 .required p:after{display:none;}
.submit .contactformsend{padding:15px 50px;}
.contact1 .form-div p{color: #000!important;font-size:15px;font-weight:700;margin-top:8px;display:inline-block;font-family: 'Rajdhani', sans-serif;}
.contact1 .form-control{font-size:13px;padding:15px 15px;border-radius:0px;border:1px solid #cccccc;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-box-shadow: none;box-shadow: none;font-family: 'Rajdhani', sans-serif;font-weight: 600;color: #333;background:  #fff;}
.contact1 input[type="text"]{padding:0px 10px;height:55px;line-height:55px;}
.contact1 input[type="email"]{padding:0px 10px;height:55px;line-height:55px;}
.contact1 input[type="email"]:focus{border-color:#192a48;transition:all 0.5s ease;}
.contact1 input[type="text"]:focus{border-color: #d30c14;transition:all 0.5s ease;}
.contact1 textarea:focus{border-color:#192a48;transition:all 0.5s ease;}
.contact1 .btn{font-size:13px;}
.contact1 h2{font-size:22px;font-weight:700;color: #d30c14;margin: 0 0 50px 0;letter-spacing:1px;}
.contact1 h3{font-size:13px;font-weight:700;color:#666;margin:0 0 10px 0;}
.contact1 .submit{text-align:right;}
.contact .col-right .col-md-3 {
    padding:  0;
}
.contact1 .submit .button{background:#ccc;color:#fff;font-size:13px;}
.contact1 .submit .button:hover{background:#3d1d56;}
.contact1 .form-div textarea{border-radius:0;height:126px;overflow:  hidden;}
.page-contact .form-control:focus{border: 1px solid #d30c14 !important;}
.tw-item{width:48%;float:left;position:relative;}
.tw-item:nth-child(2){float:right;margin-top:0;}
#buy-dealers .form-group{display:block;width:100%;float:left;margin-bottom:0!important;}
/* ===== Contact Page ====== */

.page-contact .contact .content p {
    padding-top: 8px;
}


/*Countr*/
.counter {
    float:  left;
    width:  100%;
    margin-top: 25px;
}

.c-item {
    float:  left;
    width: 25%;
}

.c-sayi {
    text-align:  center;
    font-size:  45px;
    font-weight:  300;
    color:  #000;
    line-height:  normal;
}

.c-ack {font-size:  22px;color:  #353535;text-align:  center;font-weight:  300;line-height: normal;}
/*Counter*/

/*hakkimizda*/

.hak-ack {
    font-family: 'Rajdhani', sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
}

.hak-ack strong {
    font-size:  19px;
}
.hak-butun {
    float:  left;
    width:  100%;
    height: auto;
    background: url(hak-butun.jpg);
    background-size:  cover !important;
    background-repeat:  no-repeat !important;
    background-position:  center center !important;
    padding: 60px 60px;
    box-sizing:  border-box;
}

.hak-sol {
    float:  left;
    width:  45%;
    position:  relative;
    display:  inline-block;
    height:  457px;
}

.img-abs {
    position:  absolute;
    left:  10px;
    top: -75px;
}

.hak-sag {
    float:  left;
    width: 100%;
}

p.hak-ack {
    font-family: 'Rajdhani', sans-serif;
    color:  #fff;
    font-size: 16px;
    font-weight:  500;
    line-height: 32px;
}

.hak-baslik.white {
    color:  #fff;
}

.hak-baslik {
    font-size:  28px;
    font-weight:  bold;
    margin-bottom:  30px;
    position:  relative;
    padding-left: 55px;
    text-transform:  uppercase;
}

.hak-baslik.white:before {
    content:  "";
    position:  absolute;
   
    left: 0;
    width: 40px;
    height:  4px;
    top: 50%;
    margin-top:  -2px;
    background: #083161;
}
.hak-k-btn {
    float:  left;
    width:  100%;
    margin-top: 140px;
}

.hak-k-img {
    float:  left;
    width: 30%;
}

 
.hak-k-sag {
    float:  left;
    width: 70%;
    padding-left:  30px;
}

.hak-k-sag .hak-baslik:before {
    background:  #e81327;
}

.hak-baslik.black {
    color:  #000;
}

p.hak-ack.black {
    color:  #000;
    line-height: 27px;
}

.hak-k-sag.pad0 {
    padding-left:  0;
    padding-right: 40px;
}
.hak-baslik.black:before {
    content:  "";
    position:  absolute;
   
    left: 0;
    width: 40px;
    height:  4px;
    top: 50%;
    margin-top:  -2px;
    background: #083161;
}


p.hak-ack strong {
    font-size: 19px;
}
.w50 {
    float: left;
    width:  50%;
    border-right: 1px solid #bfbfbf;
    box-sizing:  border-box;
}

.ms-vz {
    height: auto;
  background-color: #eae8e9;
    float:  left;
    width:  100%;
    background-size: cover !important;
    padding: 20px 50px 30px;
}

.ms-vz .w50:first-child {
    padding-right: 40px;
    padding-top: 30px;
    padding-bottom:  30px;
}

.ms-vz .w50:last-child {
    padding-left: 50px;
    border: none;
    padding-top: 30px;
    padding-bottom: 30px;
}

.ms-vz p {
    color: #343434;
    font-family: 'Rajdhani', sans-serif;
    font-weight:  500;
    font-size: 17px;
    line-height: 33px;
}

section.hakkimizda {
    padding-bottom: 50px;
    padding-top:  0;
}

section.misyon-vizyon {
    padding-bottom:  50px;
}

section.degerlerimiz .container {
}

.deger-item ul {
    display:  inline-block;
    width:  100%;
}
.deger-bg {
    padding: 50px 30px;
    background: url(degerlerimiz.png);
}
.deger-item li {
    font-family: 'Rajdhani', sans-serif;
    font-weight:  600;
    color:  #000;
    font-size: 16px;
    line-height: 38px;
    padding-left: 0;
}

i.elipse {
    padding-right: 12px;
}
 
.filtr-item {
    padding: 1rem;
}
.item-desc {
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem;
    z-index: 1;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
}

/* Filter controls */
.simplefilter li, .multifilter li, .sortandshuffle li {
    color: white;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    color:  #000;
    padding:  10px 30px;
    margin: 7px;
    font-size:  16px;
    font-weight:  300;
    transition:  all 0.5s;
}
.simplefilter li {border:  1px solid #000;}
.simplefilter li.active {background-color: #d30c14;-webkit-box-shadow: 3px 5px 15px 1px rgba(253,54,54,.54);-moz-box-shadow: 3px 5px 15px 1px rgba(253,54,54,.54);box-shadow: 3px 5px 15px 1px rgba(253,54,54,.54);border: 1px solid #0000;color:  #fff;transition:  all 0.4s;}
.multifilter li {
    background-color: #4b9eff;
}
.multifilter li.active {
    background-color: #2265b4;
}
ul.simplefilter {
    display:  table;
    margin:  auto;
    margin-bottom: 50px;
}

section.projelerimiz {
    padding:  60px 0;
}
/* Shuffle and sort controls */
select {
    padding: 1rem 1rem;
    text-transform: uppercase;
}
.sortandshuffle .shuffle-btn {
    background-color: #dec800;
}
.sortandshuffle .sort-btn {
    background-color: #de0000;
}
.sortandshuffle .sort-btn.active {
    background-color: #9d0000;
}

/* Search control */
.search-row {
    margin-left: 2.5rem;
}
.filtr-search {
    padding: 0.5rem;
    text-transform: uppercase;
}

.proje-genel {
    position:  relative;
    overflow:  hidden;
    transition:  all 0.4s;
}
.proje-isim {font-size:  16px;color:  #fff;font-weight:  500;}

.proje-konum {
    font-size:  12px;
    font-family: 'Rajdhani', sans-serif;
    color:  #fff;
    font-weight:  700;
    padding-top:  5px;
}

.proje-konum i:before {
    margin:  0;
}

.proje-genel:after {
    content:  "";
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    background-color: rgba(0,0,0,0);
    background-image: -webkit-linear-gradient(bottom, #000, rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom, #000, rgba(0,0,0,0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(0,0,0,0));
    background-image: linear-gradient(to top, #000, rgba(0,0,0,0));
    position:  absolute;
    transition:  all 0.4s;
}
.proje-bicim.black {
    background:  #000;
}
.proje-genel:hover .proje-back {
    opacity:  0;
}

.proje-genel:hover:after {
    background:  none;
    transition:  all 0.4s;
}

.proje-genel:hover .proje-bilgi {
    opacity:  0;
    transition:  all 0.4s;
}

.proje-genel:hover .proje-bicim {
    opacity:  0;
    transition:  all 0.4s;
}

.proje-genel:hover .proje-yon {
    opacity:  1;
    bottom:  0;
    transition:  all 0.4s ease-out;
}
.proje-yon i:before {
    font-size: 23px;
}

.proje-back {
    position:  absolute;
    left:  0;
    top:  0;
    right:  0;
    bottom:  0;
    background: rgb(0, 0, 0);
    opacity:  0.3;
    transition:  all 0.4s;
}
.proje-bicim {
    position:  absolute;
    right:  0;
    padding:  5px 10px;
    background: #d30c14;
    color:  #fff;
    font-size:  13px;
    z-index:  999999;
    transition:  all 0.4s;
}
.proje-yon:hover {
    background: #d30c14;
}

.proje-yon {
    position:  absolute;
    right:  0;
    width:  60px;
    height:  50px;
    text-align:  center;
    bottom:  0;
    background:  #000;
    z-index:  9999;
    color:  #fff !important;
    line-height: 50px;
    transition:  all 0.4s ease-out;
    bottom:  -50px;
}

.proje-bilgi {
    position:  absolute;
    bottom:  0;
    left: 12px;
    bottom: 12px;
    z-index:  9999;
    opacity:  1;
    transition: all 0.4s;
}



 .pagination{
    display: table;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 10px;
}
 .pagination > li + li{
    margin-left:10px;
}
 .pagination li a{
    font-size: 16px;
    width: 35px;
    height: 35px;
    padding:0;
    text-align:center;
    line-height: 35px;
    color: #000;
    border:none!important;
    border-radius:0!important;
    border: 1px solid #000!important;
    background: none !important;
}
 .pagination li.active a, .pagination li:hover:not(.disabled) a, .pagination li:hover:not(.disabled) span{
    color:#fff;
    background-color: #d30c14 !important;
    -webkit-box-shadow: 3px 5px 15px 1px rgba(253,54,54,.54);
    -moz-box-shadow: 3px 5px 15px 1px rgba(253,54,54,.54);
    box-shadow: 3px 5px 15px 1px rgba(253,54,54,.54);
    border: 1px solid #0000 !important;
}
 .pagination>li:first-child>a, .pagination>li:first-child>span{
    border-top-left-radius:100%;
    border-bottom-left-radius:100%;
}
 .pagination>li:last-child>a, .pagination>li:last-child>span{
    border-top-right-radius:100%;
    border-bottom-right-radius:100%;
}
 .pagination > li{
    display:inline-block;
}
 .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{
    border-color:#666;
}
 .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    color:#fff;
    background-color:#eb1c24;
    border-color:#eb1c24;
}

 .collapse.in:before {
}
 .faq{
    padding: 60px 0;
}
 .sorulanlar{
    color:#b5b2b2;
    font-size:14px;
    margin-bottom:10px;
}
 .faq .col-one .col-left h6 span{
    color: #dd0330;
    font-weight:bold;
    font-size: 18px;
    line-height: normal;
}
 h6{
}
 .faq .col-one .col-left h6{
    font-size: 18px;
    font-weight:500;
    color: #00a6cf;
    margin:0;
    line-height:44px;
    padding-bottom: 20px;
    font-weight: 300;
    line-height: normal;
    text-align: center;
    border-bottom: 1px solid #eee;
    position: relative;
}
 .faq .col-one .col-left p{
    font-size:14px;
    line-height:35px;
    margin:0;
    padding-top: 10px;
    color:#b5b2b2;
}
 .faq .col-one{
    padding: 00;
    display:inline-block;
    width:  100% !important;
}
 .faq .col-one .panel-group{
    margin-bottom:0;
    width: 100%;
}
 .faq .col-one .panel-heading{
    border-radius:0;
    padding:0px;
    width: 100%;
}

.faq .col-one .panel-body li span {
    float:  left;
    width: auto;
}

.faq .col-one .panel-body li i {
    font-style: normal;
    display:  table;
}

.faq .col-one .panel-title a.collapse i {color: #d30c14;}

.faq .col-one .panel-title a.collapsed {
    color: #000;
}
 .halk .panel-body ul li {
    float:  left;
    width:  100%;
}

.halk .panel-body ul li {
    position: relative;
    font-weight: 500;
    font-size: 18px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom:  0 !important;
}
.faq.halk .col-one .panel-body li span ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°MG {
    width: 29px;
}

.faq.halk .col-one .panel-body li span img {
    width:  50px;
}
 
.faq.halk .col-one .panel-body {padding:  0 !important;}

.faq.halk .col-one .panel-body li span {
    float:  right;
    margin:  0;
    line-height: 65px;
    width: calc(100% - 650px);
    text-align:  end;
    padding-right:  20px;
}

.halk .panel-body ul li:last-child {
    border:  none;
}
.faq.halk .col-one .panel-title a.collapsed i {
    float:  right;
    transition:  all 0.4s ease-in;
    transform: rotate(180deg);
}

.faq.halk.col-one .panel-title a.collapse i {
    float:  right;
    transform:  rotate(90deg);
}

.faq.halk .col-one .panel-title a.collapse i {
    transform: rotate(90deg);
    transition:  all 0.5s ease-in;
    float:  right;
}

.faq.halk .col-one .panel-title a.collapsed i {
    transform: rotate(180deg) !important;
    transition:  all 0.5s ease-in;
}

.faq.halk .col-one .panel-title a.collapse i:before {
    margin:  0;
}
.faq .col-one .panel-title a:hover {
    color: #d30c14;
}
.yatirim {
    overflow: hidden;
    margin: 0 30px;
    background: url(turkiyede-yatirim.png);
    height: 310px;
    background-repeat: no-repeat !important;
    background-size:  cover !important;
    display:  table;
    width: calc(100% - 60px);
}

.tablo-cell {
    display:  table-cell;
    vertical-align: middle;
    text-align:  center;
}

.yatirim-baslik {
    font-size:  30px;
    color:  #fff;
    font-weight: 300;
    position:  relative;
    padding-bottom: 30px;
}

.yatirim-baslik span {
    font-size:  30px;
    font-weight:  bold;
}

.yatirim-baslik:after {
    content:  "";
    position:  absolute;
    left: 100px;
    right: 100px;
    height: 3px;
    background:  #fff;
    bottom:  0;
}

.yatirim-ack {
    font-family: 'Rajdhani', sans-serif;
    font-size: 21px;
    color:  #fff;
    margin-top: 20px;
}

.yatirim-ack span {
    display:  block;
    font-weight:  bold;
    font-size:  21px;
    margin-top:  5px;
}
.faq .col-one .panel-title a:hover i:before {
    color: #d30c14;
    transition:  all 0.4s;
}
 .faq .col-one .panel-title a{
    display:block;
    position:relative;
    font-weight: 500;
    font-size: 18px;
    padding: 20px;
    font-weight: 400;
    color: #d30c14;
    background:  #fff;
    border: 1px solid #d30c14;
    line-height: 27px;
    padding-right:  30px;
    transition: all 0.4s;
}
 .faq .col-one .panel-title a.collapsed i{color:  #000 !important;}
.faq .col-one .panel-title a i.icon:before {
    margin: 0;
    margin-right: 10px;
    font-weight:  bold;
    font-size: 25px;
    transition: all 0.4s;
}
 .faq .col-one .panel-title a i.fa-plus{
    position:absolute;
    color: #000;
    right:15px;
    font-size: 20px;
    top: 50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    font-weight: 100;
}
 .faq .col-one .panel{
    border-radius:0;
    border: none;
    box-shadow: none;
    margin: 4px 0;
}
 .faq .col-one .panel-collapse{
    color: #000;
    position: relative;
}
 .faq .col-one .panel-body{
    position:relative;
    border-top:none!important;
    padding: 30px 20px!important;
    margin:  5px 0;
    border:  1px solid #eee !important;
    overflow:  hidden;
}
.faq .col-one .panel-body li span {
    margin-right: 16px;
    float:  left;
}
 

.faq .col-one .panel-body li:last-child {
    margin:  0;
}
 .faq .col-one .panel-body h4{
    color:#141515;
    font-size:21px;
}
 .faq .col-one .panel-body p{
    color: #000;
    font-size: 16px;
    line-height: 35px;
    margin:0;
    font-weight: 500;
    font-family: 'Rajdhani', sans-serif;
    position:  relative;
    z-index:  999;
}
 .faq .col-one .panel-body ul{
    padding: 0;
    position:  relative;
    z-index: 9999;
}
.faq .col-one .panel-body li {
    color: #141515;
    font-weight: 400;
    font-size: 16px;
    list-style-type: none !important;
    font-weight: 500;
    font-family: 'Rajdhani', sans-serif;
    margin-bottom: 30px;
}
.abs {
    position:  absolute;
    right:  0;
    font-size: 20px;
    bottom: 0px;
}

.abs i:before {
    font-size: 280px;
    line-height: 280px;
    color: #f7f7f7;
}


 section.faq .col-right {
     width: 100%;
}
 .faq .col-one .panel-body li a{
    color:#141515;
    font-weight:400;
    font-size:16px;
    list-style-type: none !important;
    font-weight: 500;
    padding: 10px 0;
    font-family: 'Rajdhani', sans-serif;
    margin-bottom: 0;
    display:  block;
    padding-left: 50px;
    line-height: 45px;
    padding-right: 20px;
    width: 650px;
    float:  left;
}
 .faq .col-one .panel-body:after{
    display:none;
}
 .panel-title a i.fa-plus:before{
    content:"\f068"!important;
}
 .panel-title a.collapsed i.fa-plus:before{
    content:"\f067"!important;
}
 .panel-group .panel+.panel{
    margin-top: 0px;
}
 @media {
     .faq{
        margin: 0;
    }
     .faq .col-one .col-left h6{
        font-size:14px;
        margin:0 0 10px 0;
    }
     .faq .col-one .col-left p{
        font-size:12px;
        line-height:18px;
    }
     .faq .col-one .col-left{
        margin-bottom:30px;
    }
     .faq .col-one .col-left p{
        border-bottom:none;
    }

.in {
}
}


.mobile-menu .in .panel-body {
    padding-top: 5px;
    transition:all 0.4s ease-in;
    padding-bottom:  5px;
}
.mobile-menu  .panel-body {
    padding-top: 5px;
    transition:all 0.4s ease-in;
    padding-bottom:  5px;
}

section {
  float: left;
  width: 100%;
  padding: 100px 0;
  position:  relative;
}

section.header-bottom {
  background: #ffffff;
  padding: 0;
  position: fixed;
  z-index:  999999;
  transition: all 0.4s ease-in;
}
section.header-bottom.tiny {
    position:  fixed;
    transition: all 0.4s ease-in;
    box-shadow: 1px 1px 35px rgba(120, 119, 119, 0.89);
    
}
section.header-bottom.tiny .col-inline-flex {
   
}

section.header-bottom.tiny .logo {}

.tiny .header-menu>ul>li>a {
 
}

section.header-bottom.tiny .language {
    transition:  all 0.4s ease-in;
}
.tiny .header-menu>ul>li:hover>a {
 
}
section.header-bottom.tiny .alt { }
section.header-bottom.tiny .logo {
 
}
nav.header-menu {
  display: inline-block;
  margin-left: 30px;
  float: left;
  margin-top: 20px;
}

nav.header-menu ul {
  display: table;
  overflow: hidden;
}

nav.header-menu ul li a {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}

h1.logo {
  margin: 0;
  display: inline-block;
  float: left;
  padding-top: 14px;
  padding-bottom: 14px;
  transition: all 0.4s ease-in;
}


header {
  background-image: url('header.jpg');
  background-size: cover;
  background-position: center center;
  position: relative;
}

.header-top .container {
  position: relative;
}

.header-top .logo a {
  display: block;
}

.header-menu>ul>li>a {
  font-size: 14px;
  font-weight: normal;
  color: #1d1d1b;
  border: 2px solid transparent;
  transition:  all 0.4s;
  padding: 0 13px;
}

.header-menu>ul>li:hover>a {background: #083161;color:  #fff;padding: 38px 13px;} 

.header-menu>ul>li>a:after {
  display: block;
  text-align: right;
  font-size: 12px;
  color: #aaa;
  font-weight: 600;
  opacity: .5;
}

.header-menu>ul>li>ul {
  position: absolute;
  opacity: 0;
  z-index: 99;
  visibility: hidden;
  width: 200px;
  background: #083161;
  top: 100px;
  transition: all 0.5s;
  box-sizing:   border-box;
}

.header-menu>ul>li:hover>ul {
  opacity: 1;
  visibility: visible;
}

.header-menu>ul>li>ul>li>a {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  padding: 10px 17px;
  position: relative;
}

.header-menu>ul>li>ul>li>a:before {
  content: '\f105';
  font-weight: 100;
  font-family: 'FontAwesome';
  position: absolute;
  font-size: 27px;
  right: 13px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: none;
}

.header-menu>ul>li>ul>li:hover>a {
  background: #000;
  color: #fff;
}

.header-menu>ul>li>ul>li:hover>a:before {
  opacity: 1;
}

.col-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.col-inline-flex {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  height: 100px;
}

.col-inline-block {
  font-size: 0;
}

.col-inline-block>* {
  display: inline-block;
}

 
.language ul li ul li a:hover {
    background: #fff !important;
    border:  1px solid #fff !important;
    color: #ec3042;
}
.language li a {
    color:  #083161;
    font-size: 15px;
    font-weight: 600;
    width: 45px;
    height:  40px;
    border:  1px solid #e8e8e8;
    text-align:  center;
    line-height:  35px;
    position:  relative;
    display:  inline-block;
}

 

.language li a:after {
    content:  "";
    position:  absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    height:  1px;
    background: #ea1e31;
    transition: all 0.4s;
}

.language ul li ul {
    opacity:  0;
    position:  absolute;
    top: calc(100% + 1px);
    transition:  all 0.4s;
}

 
.language {
    float:  right;
    display:  inline-block;
    margin-top: 30px;
    position:  relative;
}

.language ul li a:hover ul {}

.language ul li:hover ul {
    opacity: 1;
}

.language li {
    transition:  all 0.4s;
}

.language li:hover a {
    background: #083161;
    color:  #fff;
    border: 1px solid #083161;
    transition: all 0.4s;
}

.language li:hover a:after {
    background:  #fff;
    transition:  all 0.4s;
}
.header-menu {
  margin-left: 0;
  float: left;
  padding: 0;
  margin-left: 120px;
  transition:  all 0.4s ease-in;
}

ul.alt li {
  margin-right: 0 !important;
}

.header-menu ul li {
  margin-right: 15px;
}
ul.alt li:last-child a {
    border: none !important;
}

.header-menu ul li:first-child {
  position: relative;
}

.header-menu ul li:first-child a i {
  padding-right: 4px;
}

.header-menu ul li:first-child ul {
  top: 41.2px;
  left: 0;
  right: 0;
  width: 100%;
}

li.menu-baslik {
  color: #353535;
  font-weight: 500;
}

.header-menu ul li:first-child .en-alt a {
  font-size: 12px;
  padding: 1px 6px;
}

ul.alt li a {
  font-size: 12px;
  color: #353535;
  border-bottom: 1px solid #ed3b4b !important;
}

ul.en-alt li a {
  font-weight: 600;
}

.header-menu ul li.width_full ul li {
  margin-right: 0;
  float:  left;
  width:  50%;
}
 

li.width_full ul {
    width: 630px !important;
}

li.width_full ul li:nth-child(odd) {border-right: 1px solid #ed3b4b;}


li.width_full ul li:nth-child(even) a {
    padding-left: 30px;
}


.slider {
  float: left;
  width: 100%;
}



@media (max-width:767px){.twice-item{width:100%;margin-bottom: 10px;}}
.sayfalama{text-align:center;overflow: hidden;float: left;width: 100%;}
.sayfalama .pagination>li>a{margin:0 5px;color: #16181a;border-top:2px solid #16181a;border-bottom:2px solid #16181a;border-right:none;border-left:none;padding:6px;}
.sayfalama .pagination>li>a:hover{background:transparent;}
.sayfalama .pagination>.active>a{background: transparent!important;color: #d60005;border-color:#d60005;border-right:none;}
.sayfalama .pagination>li:last-child>a, .pagination>li:last-child>span {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.sayfalama .pagination>li:first-child>a, .pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.hamburger-menu {display:none;}
.hamburger-menu {width: 30px;height: 22px;top: 37px;right: 15px;position: fixed;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;z-index: 999999;}
.hamburger-menu span {display: block;position: absolute;height: 4px;width: 100%;background: #000;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.hamburger-menu span:nth-child(1) {top: 0px;}
.hamburger-menu span:nth-child(2),
.hamburger-menu span:nth-child(3) {top: 9px;}
.hamburger-menu span:nth-child(4) {top: 18px;}
.mobile-menu-active .hamburger-menu{position: fixed;top: 20px;}
.mobile-menu-active .hamburger-menu span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
.mobile-menu-active .hamburger-menu span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-ms-transform: rotate(45deg);}
.mobile-menu-active .hamburger-menu span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.mobile-menu-active .hamburger-menu span:nth-child(4) {top: 18px;width: 0%;left: 50%;}

.mobile-menu{background: rgba(0, 0, 0, 0.92);position: fixed;right: 0;top:0;left:0;width: 100%;height: 100%;z-index: 99999;padding: 15px;overflow-x: hidden;overflow-y: auto;-webkit-transform: translate(100%, 0px);-moz-transform: translate(100%, 0px);-o-transform: translate(100%, 0px);-ms-transform: translate(100%, 0px);transform: translate(100%, 0px);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-box-shadow: -5px 0px 26px 0px rgba(18,25,29,0.9);}
.mobile-menu-active .mobile-menu{-moz-transform: translate(0, 0px);-o-transform: translate(0, 0px);-ms-transform: translate(0, 0px);transform: translate(0, 0px);}
.mobile-menu .menu-name {cursor: pointer;}
.mobile-menu h3{margin: 3px 0 10px 0;color: #fff;font-size: 18px;transition:  all 0.4s;}
.mobile-menu h3.menu-name:before{content: "\f104";font-family: FontAwesome;cursor: pointer;margin-right: 5px;position:  absolute;left: 0;}
.mobile-menu  .rtl{left: 100%;opacity: 1;visibility: visible;}
.mobile-menu  .ltl{left:-100%;}
.mobile-menu>ul{-webkit-padding-start:0;padding-inline-start:0;padding-left: 15px;position: absolute;left: 0;width: 100%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;padding-right: 15px;}
.mobile-menu>ul>li{list-style: none;}
.mobile-menu-active .hamburger-menu span {
    background:  #fff;
}
.mobile-menu>ul>li>a{color: #fff;display: block;padding: 10px 0;font-size: 13px;border-bottom: 1px solid #fff;}
.mobile-menu>ul>li>a>i{margin-right: 5px;font-family: FontAwesome;width: 25px;text-align: center;}
.mobile-menu>ul>li>ul{-webkit-padding-start:0;padding-inline-start:0;padding-left: 25px;position: absolute;top:0;width: 100%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;left: 100%;opacity: 0;visibility: hidden;padding-right: 25px;}
.mobile-menu>ul>li>ul>li{list-style: none;border-bottom: 1px solid #fff;}
.mobile-menu>ul>li>ul>li>a{color: #fff;display: block;padding: 10px 0;font-size: 15px;}
.mobile-menu>ul>li>ul>li>a>i{margin-right: 5px;font-family: FontAwesome;width: 25px;text-align: center;}
.mobile-menu>ul>li>ul>li>ul{-webkit-padding-start:0;padding-inline-start:0;padding-left: 40px;display: none;}
.mobile-menu>ul>li>ul>li>ul>li{list-style: none;}
.mobile-menu>ul>li>ul>li>ul>li>a{color: #fff;display: block;padding: 10px 0;font-size: 15px;border-bottom: 1px dotted #fff;}
.mobile-menu>ul>li>ul>li>ul>li>a>i{margin-right: 5px;font-family: FontAwesome;width: 25px;text-align: center;}
.mobile-menu .main-menu {position: relative;}
.mobile-menu .main-menu:after {font-family: FontAwesome;content: '\f105';position: absolute;right: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.mobile-menu .main-menu.opened:after {content: '\f107';}
 
.sonuc{margin-bottom:15px;border:1px solid #cCc;padding:15px;min-height:145px;}
.sonuc .baslik{margin:0;padding:0;text-align: left;}
.sonuc img{margin-bottom:10px;float:left;width:100px;margin-right:20px;}
.stitle a{color:#ee1c25; border-left:2px solid #ee1c25;padding-left:15px;}
.scontent a{padding:0 25px;}
.captcha{position:relative;width:48%;float:left;border:1px solid #cCc;}
.captcha #siimage{height: 43px;width: 70%;border:none!important;}
.captcha1{padding:10px 0;}
.captcha>.input-item>img{max-height:50px;width:175px;}
.captcha object{position:absolute;right:15px;top:11px;}
.captcha a{}
.captcha a>img{position: absolute;width: 19px;right:45px;top:14px;}
.captcha-btn{width:50%;float:right;}
.captcha-btn input{height:49px;} 
.captcha-btn1{width:50%;}
@media (max-width:480px){
.captcha{width:100%;}
.captcha-btn{width:100%;}
.captcha-btn1{width:100%;}
}
@media (min-width:992px) and (max-width:1200px){
.captcha1 a>img{margin-left: -33px;}
}
.biltek{float:right;}
.biltek a{}
.biltek a img{margin-top:-4px;width:25px;}

.title-first {
    display:  table;
    margin:  auto;
    height:  100%;
    text-align:  center;
}
.page-baslik {
    font-size:  26px;
    color:  #fff;
    font-weight:  500;
    text-align:  center;
    padding-bottom:  20px;
    padding-top:  20px;
    position:  relative;
}
span.ct {
    FLOAT:  LEFT;
    color:  #d30c14;
    font-size: 14px;
    line-height:  39px;
    font-weight:  500;
}

.katalog-download {
    padding:  10px 30px;
    background:  #fff;
    display: inline-block;
    position:  absolute;
    bottom:  0;
    margin-left:  -144.5px;
    left:  50%;
    transition:all 0.4s;
}

span.number {
    display:  table;
    margin:  auto;
    font-size:  34px;
    font-weight:  600;
    color: #d30c14;
}
iframe.detay-map {
    height: 380px;
    margin-top: 20px;
}

.proje-detay-baslik {
    margin-bottom: 70px;
}
 
h5.title {
    font-size:  26px;
    display:  table;
    margin:  auto;
    font-weight:  700;
    font-family: 'Rajdhani', sans-serif;
    color: #d30d15;
    margin-top:  10px;
    margin-bottom: 20px;
}
.tabs {
    display:  table;
    margin:  auto;
    margin-bottom: 30px;
}
 .tab-page {
     display: none;
}
 .tab-page-open {
     display: block 
}


 .tab-content {
    padding: 0px 50px;
    position:  relative;
}

.proje-buttons {
    position:  absolute;
    top:  50%;
    left: -10px;
    right: 0px;
    margin-top: -19.5px;
}

.proje-buttons .next {
    position:  absolute;
    right:  0;
}
 

 
.proje-buttons a {
    opacity: .35;
    cursor: auto;
    /* pointer-events: none; */
    transition: all 0.4s;
}

.proje-buttons a:hover {
    opacity:  1;
    cursor:  pointer;
}
.tabs li {
    float:  left;
    margin:  7px;
}
.contents .swiper-slide.swiper-slide-active {
    transform: scale(1.085);
    transition: all 0.4s ease-in;
}
.contents .swiper-slide a {
    transform: scale(1);
    transition: all 0.4s ease-in;
    position:  relative;
}

 

.contents .swiper-slide-next a::before{

left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    height: 100%;
   background: rgba(14, 14, 14, 0.54);

}
.contents .swiper-slide-prev a::before{

left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    height: 100%;
  background: rgba(14, 14, 14, 0.54);

}
 
.swiper-container.proje-detay {
    padding:  20px 0;
}
.swiper-container.proje-detay-2 {
    padding:  20px 0;
}

.swiper-container.proje-detay-3 {
    padding:  20px 0;
}


.tabs li a {
    font-size:  16px;
    color:  #000;
    font-weight:  300;
    padding:  12px 20px;
    border: 1px solid  #d30e16;
    color: #d30e16;
}

.tabs li.active a {
    background-color: #d30c14;
    -webkit-box-shadow: 3px 5px 15px 1px rgba(253,54,54,.54);
    -moz-box-shadow: 3px 5px 15px 1px rgba(253,54,54,.54);
    box-shadow: 3px 5px 15px 1px rgba(253,54,54,.54);
    border: 1px solid #0000;
    color: #fff;
}
.proje-detay-baslik p {
    font-family: 'Rajdhani', sans-serif;
    font-size:  16px;
    font-weight: 500;
    margin-top:  10px;
    color:  #343434;
    line-height:  25px;
    padding: 0 10px;
}


  section.page-title.detay-bg a: hover span {      color:  #000;
    transition:  all 0.4s;  }
span.pdf {
    float:  left;
    padding-left:  40px;
}

span.ct i:before {
    margin-right:  5px;
}

.proje-tip {
    position:  absolute;
    color:  #fff;
    font-weight:  500;
    font-size:  18px;
    padding:  12px 20px;
    background:  #000;
    bottom: -44px;
    left:  50%;
    margin-left: -85.5px;
}
.detay-bg .proje-konum {
    font-size:  18px;
    font-weight:  700;
    display:  table;
    margin:  auto;
}

.page-baslik:before {
    content:  "";
    position:  absolute;
    left:  10px;
    right:  10px;
    border-bottom:  1px solid #fff;
    top:  0;
}
section.page-title:before {
    content:  "";
    position:  absolute;
    left:  0;
    right:  0;
    top:  0;
    bottom:  0;
    background: rgba(0, 0, 0, 0.55);
    opacity:  1 !important;
}
 .page-title{
    background-position: 50%!important;
    background: url(page-title.jpg);
    background-repeat: no-repeat !important;
    background-attachment:  fixed;
    height: auto;
    padding: 50px 0;
    position:  relative;
    opacity: 1;
    margin-top: 100px;margin-bottom: 50px;
}
section.page-title.detay-bg {
    height: 480px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position:  relative;
    padding:  0;
}
section.proje-detay.inner {
    padding-bottom: 50px;
}
 .page-title>.container{
    position:relative;
    height:100%;
}
.dikey-ortala {
    display: table-cell;
    vertical-align:  middle;
}
 .page-title h3{
    margin:0;
    font-size:30px;
    font-weight:200;
    color:#fff;
    margin-top: 0;
    margin-bottom:10px;
    font-weight:700;
}
 .breadcrumb{
    background:transparent;
    margin:0;
    padding:0;
    position:  relative;
    padding-bottom:  15px;
}


section.page-title.detay-bg a {
    color: #dfdfdf !important;
    font-size: 13px !important;
}

section.page-title.detay-bg li {
    font-size: 9px !important;
    color:  #dfdfdf;
}
  section.page-title.detay-bg a:hover span { color:  #000;
    transition:  all 0.4s;  }
ol.breadcrumb:before {
    position:  absolute;
    bottom:  -20px;
    left:  20px;
    right:  20px;
    height:  1px;
    background: #dfdfdf;
}

.breadcrumb li.active a {
    font-weight: bold !important;
}
 .breadcrumb li + li{
     padding-left: 2px !important;
     font-size: 13px;
     color: #fff;
}
 .breadcrumb>li+li:before {
     DISPLAY: NONE;
}
 .breadcrumb>li a {
     font-size: 16px !important;
     color: #fff !important;
     line-height:  10px;
     font-weight: 500 !important;
}
 .breadcrumb li a{
    color:#5a5f62;
    font-size:14px;
    font-family: 'Rajdhani', sans-serif;
    font-weight:  bold;
}
 .breadcrumb li a:hover{
    color: #010d19 !important;
    font-size:14px;
}
 .breadcrumb li.active{
    color:#5a5f62;
    font-size:14px;
}

.page-content p {
    color: #343434;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 27px;
}

.page.sayfa-detay {
    float:  left;
    width:  100%;
    padding:  50px 0;
    position:  relative;
    min-height: 390px;
}
.page-content h2 {
    color:  #000;
    text-align:  center;
    text-transform:  uppercase;
}
.title-menu{position:absolute;right:15px;bottom:0;}
.title-menu ul{display:flex;justify-content:flex-end;}
.title-menu ul li{}
.title-menu ul li a{background:#7a0205;color:#fff;position:relative;margin-left: 2px;display: block;padding: 10px 15px;}
.title-menu ul li a:after{content:"";position:absolute;right:0;top:0;width: 0;height: 0;border-style: solid;border-width: 0 15px 15px 0;border-color:transparent #141517 transparent  transparent;}
.title-menu ul li.active a, .title-menu ul li a:hover{background:#fff;color:#7a0205;}
.control-group{display: inline-block;vertical-align: top;background: #fff;text-align: left;box-shadow: 0 1px 2px rgba(0,0,0,0.1);padding: 30px;margin: 10px;}
.control{display: block;position: relative;padding-left: 30px;margin-bottom: 15px;cursor: pointer;font-size: 18px;}
.control input{position: absolute;z-index: -1;opacity: 0;display: none;}
.control span{height: 25px;line-height: 20px;font-size: 12px;}
.control__indicator{position: absolute;top: 2px;left: 0;height: 20px;width: 20px;background: #e6e6e6;}
.control--radio .control__indicator{border-radius: 50%;}
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator{background: #ccc;}
.control input:checked ~ .control__indicator{background: #2aa1c0;}
.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator{background: #0e647d;}
.control input:disabled ~ .control__indicator{background: #e6e6e6;opacity: 0.6;pointer-events: none;}
.control__indicator:after{content: '';position: absolute;display: none;}
.control input:checked ~ .control__indicator:after{display: block;}
.control--checkbox .control__indicator:after{left: 5px;top: 2px;width: 7px;height: 13px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.control--checkbox input:disabled ~ .control__indicator:after{border-color: #7b7b7b;}
.control--radio .control__indicator:after{left: 7px;top: 7px;height: 6px;width: 6px;border-radius: 50%;background: #fff;}
.control--radio input:disabled ~ .control__indicator:after{background: #7b7b7b;}
section.page-career5 .form-div p {
    font-size: 12px;
    margin: 0 0 5px 0;
    font-weight: 700;
    color: #333;
}
 section.page-career5 form.career .form-div .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
section.page-career5 form.career .form-div .form-control {
    border-radius: 0px;
    height: 50px;
    border: 1px solid #dcdcdc;
    background:  #fff;
}
.page-career5 input[type="submit"]:hover {
    background-color: #000;transition:all 0.4s ease;
}
.page-career5 input[type="submit"] {
    background-color: #d30c14;
    color: white;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 45px;
    border-radius: 0px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
section.page-career5 .form-div.submit {
    text-align: right;
}
section.page-career5 .career-form form > div + div {
    margin-top: 20px;
}
section.page-career5 form.career .form-div .form-control:focus {
    border: 1px solid #eb1c24;
}
section.page-career5 form.career .form-div textarea {
    height: 120px!important;
}
.selectdrop .selectdrop-title{height:55px;line-height:55px;width:100%;cursor:default;border:1px solid #C0C0C0;padding-left:20px;background-image:url("../select-after.png");background-repeat:no-repeat;background-position:95% 50%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.yukle{}
.selectdrop .selectdrop-title:hover{border-color:#212c65;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.selectdrop .selectdrop-title.active{background-color:#fff;border-color:#313131;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
i.uploadicon{position:relative;background-image: url(uploadicon.png);width:22px;height:14px;left: -20px;top: 6px;display:block;}
span.apply-now{color:#000;left:60%;font-weight:700;font-size:13px;position:relative;padding-right:25px;}
.page-career input[type="submit"]{background-color: #d30c14;color:white;font-size:13px;font-weight:600;padding: 15px 45px;border-radius:0px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;}
.page-career input[type="submit"]:hover{background-color: #000;}
.kariyer-btn span{position:absolute;display:block;content:'asd';right:9px;top:-1px;font-size:12px;font-style:normal;font-weight:600;color:white;position: absolute;display: block;content: 'asd';right: 9px;top: 1px;font-size: 12px;font-style: normal;font-weight: 600;}
.kariyer-btn{background: #d30c14;color:#fff;position:absolute!important;right: 9px !important;border-radius:5px!important;background-clip:padding-box;top:8px;z-index:99;padding:10px 45px;height: 40px;line-height: 35px;top: 50% !important;width: 90px;margin-top:  -20px;}
.kariyer-btn:hover{color:#fff;z-index:99!important;}
.twice-item p {
    font-family: 'Rajdhani', sans-serif;
    font-size: 12px;
    margin: 0 0 5px 0;
    font-weight: 700;
    color: #333;
}
section.career.page-career5 .cizgi {
    margin-top: -101px;
}
section.career.page-career5 h3 {
    color: #d30c14;
    margin: 0;
    margin-bottom: 30px;
    font-weight: 300;
}
ul.submenu {
    display:  none;
}
section.career.page-career5 h3 strong {
    font-size: 24px;
}

section.page-career5 .accordion li.open .link {
    color: #d30c14;
    border-bottom: none;
    height: 45px;
    transition: all 0.4s;
    font-size:  17px;
}
section.page-career5 .accordion .link {
    cursor: pointer;
    display: block;
    padding: 10px 15px 0px 0px;
    color: #333333;
    line-height: 30px;
    font-size: 13px;
    font-weight: 700;
    position: relative;
    height: 41px;
    overflow: hidden;
    font-family: 'Rajdhani', sans-serif;
    transition: all 0.4s;
    font-size: 15px;
}

section.page-career5 .accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
section.page-career5 .accordion li.open i {
    color: #d30c14;
}
section.page-career5 .accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px;
}
section.page-career5 .accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #666666;
}
section.page-career5 .submenu p {
    font-size: 12px;
    color: #333333;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 500;
    line-height: 25px;
}

section.page-career5 .accordion li {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
@media screen and (max-width: 991px){
 
.urun-title.text-center h3 {
    margin-top:  20px !important;
}
}
.page.sayfa-detay .cizgi {
    top:  0;
}
.cizgi {
    position:  absolute;
    height:  100%;
    left:  0;
    right:  0;
    top: 101px;
    bottom:  0;
    z-index: 0;
}

.line {
    float:  left;
    height:  100%;
    width: 7.69%;
    border-right: 1px solid #f5f5f5;
}
section.inner .cizgi {
    top: 0px;
    z-index:  -1;
}
.w45 {
    float:  left;
    width:  45%;
    padding-top: 40px;
}

.w45 p {
    display:  block;
    float:  left;
    width:  100%;
    font-size:  17px;
    line-height:  30px;
    color:  #343434;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 500;
}


.w55 {
    float:  left;
    width:  55%;
    height:  380px;
    position:  relative;
    padding-left: 40px;
    box-sizing:  border-box;
}


.proje-bg {
    position:  absolute;
    right:  0;
    left: 150px;
    top:  0;
    bottom:  0;
    background: url(cizgiler.jpg);
    background-size:  cover !important;
    background-repeat:  no-repeat !important;
    background-position: top center;
}

.proje-gecis {
    position:  relative;
    height:  100%;
    padding:  30px 0;
    padding-right: 130px;
}
.proje-slider {
    height:  100%;
    position:  relative;
}
.proje-slide {
    height:  100%;
    overflow: hidden;
}
.proje-gecis .slider-pagi {z-index:  999;position:  relative;display:  block;margin-top: 0;text-align:  center;display:  block;margin-left: 5px;}

.proje-gecis .slider-pagi .swiper-pagination-bullet {
    border: 1px solid #fff;
    display:  block;
    background:  none;
    width: 10px;
    height: 10px;
    margin: 20px 0;
    opacity:  1;
}
.up-down .swiper-button-prev {
    background:  none;
    width:  auto;
    height:  auto;
    margin:  auto;
    left: initial;
    position: relative;
    top:  0;
    transition: all 0.4s;
    margin-bottom:  20px;
    opacity:  0.6;
    transition: all 0.4s;
    transform: scale(1);
}
.up-down .swiper-button-prev:hover {
    transition:  all 0.4s;
    opacity:  1;
    transform:  scale(1.1);
}
.up-down .swiper-button-next:hover {transition: all 0.4s;opacity: 1;transform: scale(1.1);}
.up-down .swiper-button-next {
    background: none;
    width:  auto;
    height:  auto;
    margin:  auto;
    right: 0;
    position: relative;
    bottom:  0;
    top:  initial;
    transition:  all 0.4s;
    margin-top:  20px;
    opacity:  0.6;
    transform: scale(1);
}
.yonlendirme {
    position:  absolute;
    right:  55px;
    top:  50%;
    margin-top: -108px;
}
.up-down {
    display: block;
    float:  left;
    width:  21px;
    height: auto;
    z-index: 99999;
    position:  relative;
}

.up-down img {
}
.proje-gecis .slider-pagi .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background:  #fff;
    border:  1px solid #fff;
}

.proje-gecis .slider-pagi .swiper-pagination-bullet:first-child {
    margin-top:  0;
}
.proje-b a {
    padding: 15px 20px;
    font-size: 16px;
    color:  #fff;
}
.proje-gecis .slider-pagi .swiper-pagination-bullet:last-child {
    margin-bottom:  0;
}
.proje-slide .swiper-slide {
    background-size:  cover !important;
    background-repeat:  no-repeat !important;
    background-position: left center !important;
}
.swiper-slide.swiper-slide-active .proje-b {
    display:  block;
}
.proje-b {
    position:  absolute;
    right: 20px;
    font-size:  16px;
    background:  #000;
    color:  #fff;
    top: 0;
    z-index:  999;
    display:  none;
    padding: 15px 20px;
    font-size: 16px;
    transition: all 0.4s;
}
.proje-b:hover {
    background: #d30c14;
    transition:  all 0.4s;
}
.slider{position: relative;/* overflow: hidden; */transition:  all 0.4s;margin-top: 100px;}
.slider .swiper-slide{height: calc(100vh - 100px);background-size:  cover !important;background-position: center center !important;overflow:  hidden;}
.slide-yazi {
    position: absolute;
    z-index:  999;
    bottom: 0;
    width:  auto;
}
 .delay1{
    animation-delay:0.5s;
}
 .delay2{
    animation-delay:0.8s;
}
 .delay3{
    animation-delay:1.1s;
}
 .delay4{
    animation-delay:1.4s;
}

.delay5{
    animation-delay:1.7s;
}

.delay6{
    animation-delay:2s;
}

.delay7{
    animation-delay:2.1s;
}

.delay8{
    animation-delay:2.4s;
}
.delay9{
    animation-delay:2.7s;
}
.delay10{
    animation-delay:3s;
}
.s-proje-ack {
    color:  #fff;
    font-size: 14px;
    font-family: 'Rajdhani', sans-serif;
    font-weight:  500;
    line-height: 22px;
}
.swiper-slide.swiper-slide-active .s-proje-detay {
    display:  block;
}
a.scroll {
    position:  absolute;
    bottom: -1px;
    width: 95px;
    height: 48px;
    z-index:  9990;
    left:  50%;
    margin-left: -47.5px;
    background-size: 100% !important;
    background-repeat:  no-repeat !important;
}
.asagi:hover {
    border: 2px solid #d30c14;
    transition:  all 0.4s;
    color: #d30c14;
}

.asagi:hover .scroll-tip:before {
    background: #d30c14;
    transition: all 0.4s;
}

.asagi:hover .scroll-tip {
    background: #d30c14;
    transition: all 0.4s;
}
.asagi {
  width: 3px;
  padding: 5px 10px;
  height: 30px;
  border: 2px solid #000;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
  position:  absolute;
  left:  50%;
  top: 25px;
  transition:  all 0.4s;
  animation: animationFrames linear 1s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  -webkit-animation: animationFrames linear 1.2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  -moz-animation: animationFrames linear 1s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  -o-animation: animationFrames linear 1s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  -ms-animation: animationFrames linear 1s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  background: #fff;
}
@keyframes animationFrames {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, 10px);
    }
    100% {
        transform: translate(0px, 1px);
    }
}

@-moz-keyframes animationFrames {
    0% {
        -moz-transform: translate(0px, 0px);
    }
    50% {
        -moz-transform: translate(0px, 10px);
    }
    100% {
        -moz-transform: translate(0px, 1px);
    }
}

@-webkit-keyframes animationFrames {
    0% {
        -webkit-transform: translate(0px, 0px);
    }
    50% {
        -webkit-transform: translate(0px, 10px);
    }
    100% {
        -webkit-transform: translate(0px, 1px);
    }
}

@-o-keyframes animationFrames {
    0% {
        -o-transform: translate(0px, 0px);
    }
    50% {
        -o-transform: translate(0px, 10px);
    }
    100% {
        -o-transform: translate(0px, 1px);
    }
}

@-ms-keyframes animationFrames {
    0% {
        -ms-transform: translate(0px, 0px);
    }
    50% {
        -ms-transform: translate(0px, 10px);
    }
    100% {
        -ms-transform: translate(0px, 1px);
    }
}

.scroll-tip:before {
    position:  absolute;
    top: 109%;
    width:  2px;
    height:  3px;
    background:  #000;
    content:  "";
    transition: all 0.4s;
}
.scroll-tip {
  width: 2px;
  height: 5px;
  border-radius: 25%;
  background-color: #000;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
  position:  relative;
  transition: all 0.4s;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

 

.slider button{
  display: inline-block;
  position: relative;
  background: none;
  border: none;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  margin: 20px 1px;
  background: rgba(0, 0, 0, 0);
  border: 2px solid #d97e7f;
}
button.btn-5:hover i:before {
    margin-left:  5px;
    transition:  all 0.4s;
}
.slider-buttons .swiper-pagination:after {
    content: "";
    position:  absolute;
    left:  0;
    top:  0;
    height: 60%;
    background: #000 !important;
    width: 1px;
    
    z-index:  9999999999;
}
.slider-buttons .swiper-pagination:before {
    content: "";
    position:  absolute;
    left:  0;
    top:  0;
    width: 60%;
    background: #000 !important;
    height: 1px;
    
    z-index:  9999999999;
}
 
button.btn-5 span {
    font-size: 15px;
    display: block;
    padding: 12px 25px;
}


.slider button a {
    color: #fff;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
 
.slider button::before,.slider button::after{
  content:"";
  width: 35px;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
}

button.btn-5 span::before, button.btn-5 span::after{
  content:"";
  width: 2px;
  height: 35px;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
}
.slider button:hover::before,.slider button:hover::after{
  width: calc(100% + 2px);
}
.slider button:hover span::before,.slider button:hover span::after{
  height: calc(100% + 2px);
}
.btn-5::after{
  left:0;
  bottom: -2px;
  transition-duration: 0.4s;
}
.btn-5 span::after{
  right: -2px;
  top: -2px;
  transition-duration: 0.4s;
}
.btn-5::before{
  right: 0px;
  top: -2px;
  transition-duration: 0.4s;
}
.btn-5 span::before{
  left: -2px;
  bottom: -2px;
  transition-duration: 0.4s;
}

.s-yazi-img img {width: 409px;}
.s-proje-detay {
    position:  absolute;
    right:  0;
    top: 240px;
    padding: 0;
    left: 90px;
    right:  30px;
    display:  none;
}

.swiper-pagination.gorunmez {
    margin-top:  -78px;
}

.swiper-pagination.gorunmez:before {
    content:  "";
    position:  absolute;
    bottom: 0 !important;
    right: 0;
    width:  0;
    height:  1px;
    top:  initial !important;
}

.swiper-pagination.gorunmez:after {
    content:  "";
    position:  absolute;
    top: 0 !important;
    right: 0;
    left: initial !important;
    height:  0;
}

.slider-buttons {
     position: absolute;
     right: 10px;
     bottom: 15px;
     background:  url(btn-bg.png);
     width:  146px;
     height:  245px;
     z-index:  999;
     bottom: 0;
     right:  0;
}
.btn-kapsa {
    display:  table;
    margin:  60% auto 0;
}
.swiper-pagination.gorunmez.swiper-pagination-fraction {
    margin-top: -78px;
}
 .slider-buttons .swiper-pagination {
     color: #000;
     top: 0;
     position: relative;
     bottom: 0;
     width: auto;
     text-align: inherit;
     top: 0;
     bottom: initial;
     font-size: 25px;
     letter-spacing: -2px;
     display: inline-block;
     top: 0;
     display: table;
     margin: 10px auto 0;
     padding: 10px 30px;
     border: 1px solid #000;
     position:  relative;
     overflow:  hidden;
}
.slider-buttons .swiper-pagination:before,.slider-buttons .swiper-pagination:after {
    content: "";
    position: absolute;
    background: #fff;
}
 .slider-buttons .swiper-pagination span.swiper-pagination-current {
     color: #000;
     font-size: 39px;
     font-weight: 600;
     position: relative;
     line-height: normal;
}
 .slider-buttons .swiper-pagination span.swiper-pagination-total {
     color: #000;
     font-size: 35px;
     font-weight: 400;
     position: relative;
     text-align: inherit;
}
 .slider-buttons .swiper-button-disabled {
     opacity: 1;
}
 .slider-buttons .flaticon-next {
     position: relative;
     top: 0;
     margin: 0;
     background-size: initial;
}
 .slider-buttons .swiper-button-prev:before {
     content: "\f104";
     font-family: FontAwesome;
     transform: initial !important;
     font-size: 27px !important;
     font-weight: 100;
     line-height: 37px;
     color: #fff;
     margin:  0;
     text-align:  center;
}
 .slider-buttons .swiper-button-next:before {
     content: "\f105";
     font-family: FontAwesome;
     transform: initial !important;
     transform: initial !important;
     font-size: 27px !important;
     font-weight: 100;
     line-height: 37px;
     color: #fff;
     margin: 0;
     text-align: center;
}
 .slider-buttons .swiper-button-next {
     right: 0;
     opacity: 0.5;
     float: left;
     display: inline-block;
     overflow: hidden;
     opacity: 1;
     background: #083161;
     width: 37px;
     height: 37px;
     float: left;
     margin-left:  2.5px;
     text-align: center;
     transition: all 0.5s ease;
}
 .slider-buttons .swiper-button-next:hover {
     opacity: 1;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .slider-buttons .swiper-button-prev {
     left: inherit;
     right: 0;
     opacity: 1;
     background: #083161;
     width: 37px;
     height: 37px;
     float: left;
     text-align:  center;
     margin-right: 2.5px;
     transition: all 0.5s ease;
}
 .slider-buttons .swiper-button-prev:hover {
     opacity: 1;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
     transform: scale(1.075);
     background: #000;
}
 .slider-buttons .swiper-button-next:hover {
     opacity: 1;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
     transform:  scale(1.075);
     background:  #000;
}
 .slider-buttons.active {
     opacity: 0;
     visibility: visible;
}
.s-proje-baslik {
    color:  #fff;
    font-weight:  600;
    font-size:  25px;
    line-height:  normal;
    margin-bottom:  10px;
    position:  relative;
}
.sayi {
    position:  absolute;
    left: -30px;
    font-size:  26px;
    color: rgba(255, 255, 255, 0.33);
}
.s-yazi-img {
    position:  relative;
}
.s-yazi-img:before {
   content: "";
    position: absolute;
    bottom: 47px;
    top: 155px;
    background: rgba(0, 0, 0, 0.83);
    left: -2020px;
    right: 409px;
}
section.ind-hakkimizda .cizgi {
    margin-top:  -100px;
    height:  calc(100% + 100px);
}
.ind-h-sol {
    height: 385px;
    background-position: center center !important;
    background-repeat:  no-repeat !important;
    background-size:  cover !important;
}
.ind-h-sol h5:before {
    background: url(black.png);
    content:  "";
    position:  absolute;
    width: 21px;
    height: 191px;
    background-size:  100%;
    background-repeat:  no-repeat;
    bottom: 70px;
    left: -21px;
}
.ind-h-sol h5 span {
    font-size: 115px;
    margin-top: 120px !important;
    display:  inline-block;
    background-size: 100% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background-position: center center !important;
}

.ind-h-sol h5 {
    width: 261px;
    height: 408px;
    z-index: 99;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    position:  relative;
    display:  block;
    text-align:  center;
    color:  #fff;
    font-size: 17px;
}

h5.kr-sy {
    font-size: 34px;
    color:  #083161;
    font-weight:  300;
    display:  inline-block;
    float:  left;
    margin:  0;
    margin-bottom: 30px;
}

h5.kr-sy span {
    color:  #000;
    font-weight:  bold;
    font-size:  34px;
}
.lines {
    position: relative;
    background: #8f8f8f;
    width: 315px;
    height: 2px;
    left: 20px;
    float:  left;
    line-height: 36px;
    margin-top: 17px;
}

.lines.scroll
{
    -webkit-animation: dude 2.75s 1 forwards;
    animation: dude 2.75s 1 forwards;
}
.lines.scroll2
{
    -webkit-animation: dude 2.75s 1 forwards;
    animation: dude 2.75s 1 forwards;
}
.devam {
    float: LEFT;
    color:  #8f8f8f;
    font-size:  13px;
    letter-spacing:  3px;
    position:  relative;
    line-height: 36px;
    transition:  all 0.4s;
    text-align:  right;
    position:  relative;
    margin-left: 24px;
}
 .w45 .lines {
    left:  0;
    -webkit-animation: dude2 2.75s 1 forwards;
    animation: dude2 2.75s 1 forwards;
}

 .son-gelismeler .lines {
    left: 10px;
    -webkit-animation: dude3 2.75s 1 forwards;
    animation: dude3 2.75s 1 forwards;
}
 
  .icon-bg .lines {
    left: 0;
    -webkit-animation: dude4 2.75s 1 forwards;
    animation: dude4 2.75s 1 forwards;
}

 
@-webkit-keyframes ust {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes ust {
  0% {
    width: 0;
  }
  100% {
  width: 130px;
  }
}

 
@-webkit-keyframes ust {
  0% {
    height: 0;
  }
  100% {
  height: 100%;
  }
}
@keyframes alt {
  0% {
    height: 0;
  }
  100% {
  height: 100%;
  }
}

 
@-webkit-keyframes dude {
  0% {
    width: 0;
  }
  100% {
    width: 130px;
  }
}
@keyframes dude {
  0% {
    width: 0;
  }
  100% {
  width: 130px;
  }
}

@-webkit-keyframes dude2 {
  0% {
    width: 0;
  }
  100% {
    width: 280px;
  }
}
@keyframes dude2 {
  0% {
    width: 0;
  }
  100% {
  width: 280px;
  }
}
@-webkit-keyframes dude3 {
  0% {
    width: 0;
  }
  100% {
    width: 105px;
  }
}
@keyframes dude3 {
  0% {
    width: 0;
  }
  100% {
  width: 105px;
  }
}
@-webkit-keyframes dude4 {
  0% {
    width: 0;
  }
  100% {
    width: 230px;
  }
}
@keyframes dude4 {
  0% {
    width: 0;
  }
  100% {
  width: 230px;
  }
}

 

.devam a {
    line-height: 19px;
}
.h-sag-ack {
    float:  left;
    width:  100%;
    color:  #8f8f8f;
    font-size: 16px;
    line-height:  34px;
    font-family: 'Rajdhani', sans-serif;
    font-weight:  500;
}

.devam span {
    font-weight:  bold;
    color: #083161;
    font-size:  13px;
    transition: all 0.4s;
    position:  relative;
}
.devam a:hover span {
    transition:  all 0.4s;
    
}
.devam a:hover span i:before {
    margin-left:  3px;
}
.devam span:before {
    content:  "";
    position:  absolute;
    left:  0;
    bottom:  -3px;
    background: #083161;
    height: 1px;
    width:  0;
    transition:  all 0.4s ease-in;
}

.devam a:hover span:before {
    width: calc(100% - 2px);
    transition:  all 0.4s ease-in;
}
.devam a:hover i:before {
}
.devam:hover span i {
    margin-left:  0;
}

.g-tum {
    float:  left;
    width:  100%;
}
   
.g-butun {
    float:  left;
    width:  100%;
    height: 365px;
    background:  url(g-bg.jpg);
    background-size:  cover !important;
    background-position:  center center !important;
    background-repeat:  no-repeat !important;
}

.g-ic {
    position:  relative;
    box-sizing:  border-box;
    margin: 10px 25px 45px;
    height: calc(100% - 55px);
    background:  #fff;
}

 .g-item {
    float:  left;
    width:  50%;
    height:  100%;
}

.g-pad {
    height:  100%;
    padding: 10px 40px 25px;
}

.g-sol {
    float:  left;
    width: 48.5%;
    margin-right: 1.5%;
    height:  100%;
    position:  relative;
}

.g-sag {
    float: left;
    width: 48%;
    margin-left: 1.5%;
    height: 100%;
    position:  relative;
}

 .g-item-item {
    height:  100%;
    position:  relative;
    background-size:  cover !important;
    background-position:  center center !important;
}
.g-sol:hover .son-tarih {
    background: #083161;
    transition: all 0.4s ease-in;
}

.g-sag:hover .son-tarih {
    background: #083161;
    transition: all 0.4s ease-in;
}
 .g-sag:after {
    content: "";
    position: absolute;
    left: 0px;
    width: 1px;
    height: 100px;
    background: #083161;
    top: 0;
    transition: all 0.4s ease-in;
}

.g-sol:before {
    content:  "";
    position:  absolute;
    left:  0;
    top:  0;
    width: 100px;
    height: 2px;
    background:  #083161;
    transition: all 0.4s ease-in;
    z-index:  999;
}

.g-sol:after {
    content:  "";
    position:  absolute;
    left:  0;
    width: 2px;
    height:  100px;
    background:  #083161;
    top: 0;
    transition:  all 0.4s ease-in;
}


.g-sag:before {
    content:  "";
    position:  absolute;
    left:  0;
    top:  0;
    width: 100px;
    height: 2px;
    background:  #083161;
    transition: all 0.4s ease-in;
    z-index:  9999;
}

.g-sag:after {
    position:  absolute;
    left: 0px;
    width: 2px;
    height:  100px;
    background:  #083161;
    top: 0;
    transition:  all 0.4s ease-in;
}

.g-sol:hover:before {
    width:  100%;
    transition:  all 0.4s ease-in;
}


.g-sag:hover:before {
    width:  100%;
    transition:  all 0.4s ease-in;
}
 

.g-sol:hover:after {
    height: 100%;
    bottom:  0;
    transition: all 0.4s ease-in;
}

.g-sag:hover:after {
    height: 100%;
    bottom:  0;
    transition: all 0.4s ease-in;
}


.g-item-item:before {
    content:  "";
    bottom: 0px;
    right:  0;
    width: 130px;
    height: 2px;
    background: #083161;
    position:  absolute;
    z-index:  99999;
    transition: all 0.4s ease-in;
}

.g-item-item:after {
    content: "";
    bottom: 0;
    right: 0px;
    height: 150px;
    width: 2px;
    background: #083161;
    position: absolute;
    z-index: 99999;
    transition: all 0.4s ease-in;
}
 
.g-sol:hover .g-item-item:before {
    width:  100%;
}
.g-sol:hover .g-item-item:after {
    height:  100%;
}

.g-sag:hover .g-item-item:before {
    width:  100%;
}
.g-sag:hover .g-item-item:after {
    height:  100%;
}
.son-tarih {
    display:  inline-block;
    background:  #353535;
    padding: 5px 10px;
    font-family: 'Rajdhani', sans-serif;
    color:  #fff;
    font-weight:  bold;
    font-size:  11px;
    margin-bottom:  10px;
    transition: all 0.4s ease-in;
    margin-top: 110px;
}

.son-bas {
    color:  #fff;
    text-shadow: 0px 2px 6px #000;
    font-weight: 600;
    font-family: 'Rajdhani', sans-serif;
    font-size:  16px;
    margin-left:  10px;
    margin-bottom:  10px;
}

.son-ack {
    font-size: 10px;
    font-family: 'Rajdhani', sans-serif;
    margin-left:  10px;
    color:  #fff;
    font-weight: 500;
    padding-right:  5px;
    line-height:  18px;
}
a.devam-btn i:before {margin-left:  5px;font-size: 12px;}
a.devam-btn {
    color:  #fff;
    background: #083161;
    padding: 5px 13px;
    font-size:  12px;
    font-weight:  300;
    position:  absolute;
    bottom:  -13px;
    z-index: 99999;
    right: 10px;
    transition:  all 0.4s;
}
.icon-bg {
    float:  left;
    width:  100%;
    
    background: url(yatirim-bg.png);
    background-size:  cover !important;
    background-repeat:  no-repeat;
    background-position: top center;
}
.icon-ack {
    display: block;
    float: left;
    width: 100%;
    font-size: 17px;
    line-height: 30px;
    color: #343434;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 500;
}
span.icon-hidden {
   position: absolute;
    font-family: 'Rajdhani', sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 17px;
    padding: 10px;
    top: 95%;
    opacity: 0;
    /* height: 100%; */
 background-color: #000000;
    left: 10px;
    right: 10px;
    transition: all 0.4s ease-in;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
    font-smoothing: antialiased !important;
    margin-top: -42.5px;
}

.icon-set li:hover {
   background-color: #083161;
    transition: all 0.4s ease-in;opacity:  1;
}

.icon-set li:hover i:before { 
    transition: all 0.4s ease-in;opacity:  1;
    filter: blur(10px);
}

.icon-set li:hover .icon-hidden {
    opacity:  1;
    transition: all 0.4s ease-in;
    font-smoothing: antialiased !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
}
.icon-bg .lines {
    left:  0 !important;
}
.icon-set ul {
    display:  inline-block;
    width:  100%;
}

.icon-set li {
    float:  left;
    width: 23%;
    border: 1px solid #083161;
    margin:  1%;
    padding: 15px 10px;
    box-sizing:  border-box;
    position:  relative;
    transition: all 0.4s ease-in;
}

.icon-set li i:before {
    font-size: 60px;
    line-height:  normal;
    text-align:  center;
    display:  block;
    margin:  0;
    transition: all 0.4s ease-in;
    color:  #000;
}
a.devam-btn:hover {
    background: #010101;
    transition:  all 0.4s;
}
 .footer-top .col-flex .item .item-sub + .item-sub{
    margin-top:10px;
}
 .footer-top .col-flex .item .item-sub > *:first-child{
    color:#fff;
    font-size:13px;
    font-weight:700;
    width:30px;
    margin:0;
}
 .footer-top .col-flex .item .item-sub > *:last-child{
    color:#fff;
    font-size:14px;
    margin:0;
    width:calc(100% - 30px);
}
 .social ul li a{
    font-size: 20px !important;
    color: #333333 !important;
    width:40px;
    height:40px;
    text-align:center;
    line-height:38px;
    border: 1px solid #000;
}
 footer article.footer-top {
     background-color: #ededed;
     padding:30px 0px;
}
 footer article.footer-top .box {
     background-color: white;
     padding:40px 20px;
}
 footer article.footer-top .box i {
     width:84px;
     height:60px;
     display: block;
     margin:0 auto;
}

 footer article.footer-top .box h5{
     font-size: 13px;
     color:black;
}
 footer article.footer-top .box span {
}
 footer article.footer-bot {
}
 footer article.footer-bot .footer-bot-top {
     padding: 40px 0px;
     background: #;
}
 footer article.footer-bot .footer-bot-top .footer-sect {
}
 footer article.footer-bot .footer-bot-top .footer-sect span.dontfollow a {
     font-size: 15px;
     font-weight: 300;
     margin-top: 10px;
}
 h5.bulten {
     float: left;
     margin-right: 4px;
     font-weight: bold;
     font-size: 23px;
     color: #d30c14;
     cursor: default;
     font-weight: 500;
}
 h3.social-son {
     color: #00a7ce !important;
}
 span.dontfollow a {
     color: #333333!important;
     font-size: 15px;
     font-weight: 300;
     margin-top: 10px;
}
 span.dontfollow a:hover {
     color: #d30c14 !important;
}
 span.dontfollow {
     line-height: 22px;
    position:relative;
}
 footer article.footer-bot .footer-bot-top .footer-sect h5 {
     font-weight: bold;
     font-size: 20px;
     color: #333333;
     cursor: default;
}
 footer article.footer-bot .footer-bot-top .footer-sect ul {
     margin-top: 20px;
}
 footer article.footer-bot .footer-bot-top .footer-sect ul li {
     margin-bottom: 15px;
     margin-right: 10px;
}
 footer.footer {
     float: left;
     width: 100%;
     background: #f7f7f7;
}
 footer article.footer-bot .footer-bot-top .footer-sect ul li a:hover {
     color: #dc0808;
}
 footer article.footer-bot .footer-bot-top .footer-sect ul.social-media {
}
 footer article.footer-bot .footer-bot-top .footer-sect ul.social-media li {
     display: inline-block;
     margin-right: 15px;
}
 footer article.footer-bot .footer-bot-top .footer-sect ul li a {
     display: block;
     font-size: 13px;
     color:#666;
     transition:all 0.4s ease;
}
 .social ul {
     margin-top: 30px !important;
     display:  table;
     margin:  auto;
     height:  auto;
     margin-bottom:  10px !important;
}
 li.facebook a:hover {
     background: #3b5998;
     color: #fff;
     border:  1px solid #3b5998;
}
 li.facebook a:hover i {
     color: #fff;
}
 li.twitter a:hover {
     background: #00aced; border:  1px solid #00aced;color:#fff;
}
 li.twitter a:hover i {
    color:  #fff;
}     
 
 
 li.google a:hover {
     background: #dd4d40;
}
 li.google a:hover i {
     color: #fff;
}
 li.instagram a:hover {
     background: #7f3bb2;color: #fff; border:  1px solid #7f3bb2;
}
 li.instagram a:hover i {
     color: #fff;
}
 li.linkedin a:hover {
     background: #0e76a8;1px
     solid #0e76a8 !important;
     border: 1px solid #0e76a8;
}
 li.linkedin a:hover i {
     color: #fff;
}
 footer article.footer-bot .footer-bot-top .footer-sect ul.social-media li a {
     font-size:30px;
}
 footer article.footer-bot .footer-bot-top .footer-sect ul.social-media li a i {
     transition:all 0.4s ease;
}
 footer article.footer-bot .footer-bot-top .footer-sect ul.social-media li a i.fa-facebook:hover {
     color:#3d5a98;
}
 footer article.footer-bot .footer-bot-top .footer-sect ul.social-media li a i.fa-twitter:hover {
     color:#00aced;
}
 footer article.footer-bot .footer-bot-top .footer-sect ul.social-media li a i.fa-youtube-play:hover {
     color:#e72f25;
}
 li.menu-baslik .icon {
     padding-left: 7px;
     padding-right: 7px;
}
 .en-alt li a i {
     float: left;
     padding-top: 3px;
}
 .en-alt li a i.icon {
     padding: 0;
     display: inline-block;
}
 footer article.footer-bot .footer-bot-top .footer-sect ul.social-media li a:hover {
}
 footer article.footer-bot .footer-bot-top .footer-sect form {
     position: relative;
}
 footer article.footer-bot .footer-bot-top .footer-sect form input[type="email"] {
     margin-top: 10px;
     width: 100%;
     border:1px solid #d9d9d9;
     padding: 10px 15px;
     height: 36px;
     background: none;
}
 span.dontfollow:hover:after {
     bottom: -4px;
     transition: all 0.3s;
     background: #d40c14;
}
 span.dontfollow:after {
     content: "";
     position: absolute;
     bottom: 8px;
     left: 0;
     right: 0;
     background: #333;
     height: 1px;
     transition: all 0.3s;
}
 footer article.footer-bot .footer-bot-top .footer-sect form input[type="submit"] {
     width: 48px;
     height: 36px;
     background-image: url('email-send.png');
     border:none;
     position: absolute;
     display: block;
     top: 20px;
     right: 0;
     background-position: top center;
}
 footer article.footer-bot .footer-bot-bot {
     background-color: #fff;
     padding: 15px 0px;
}
 footer article.footer-bot .footer-bot-bot .copyright {
     margin-top: 0;
}
 footer article.footer-bot .footer-bot-bot .copyright span {
     color:black;
     font-size:14px;
}
 footer article.footer-bot .footer-bot-bot .company-logo a {
     font-size: 13px;
     color: #666;
     font-weight: bold;
}
.son-g-tarih {
    display: inline-block;
    margin-top:  20px;
    background:  #000;
    color:  #fff;
    font-size:  18px;
    font-family: 'Rajdhani', sans-serif;
    font-weight: bold;
    padding: 6px 15px;
    line-height:  normal;
}
.son-g-bas {
    display:  inline-block;
    font-family: 'Rajdhani', sans-serif;
    width:  100%;
    font-weight:  700;
    font-size: 26px;
    color:  #000;
    line-height:  normal;
    margin-top: 10px;
}

section.son-gelisme-detay.inner {
    padding-top: 30px;
}

section.son-gelisme-detay.inner p {
    font-size: 17px;
    color:  #000;
    line-height: 35px;
    font-weight: 300;
}
.son-gelisme .g-sol {
    margin:  0;
    width:  100%;
}
.son-img {
    position:  relative;
    display:  block;
    width:  100%;
    height:  100%;
    transition:  all 0.5s;
}

.son-img:after {
    content:  "";
    position:  absolute;
    left:  0;
    right:  0;
    top:  0;
    bottom:  0;
   
    background-color: rgba(0,0,0,0);
    transition: all 0.5s;
    background-image: -webkit-linear-gradient(bottom, #000, rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom, #000, rgba(0,0,0,0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(0,0,0,0));
    background-image: linear-gradient(to top, #000, rgba(0,0,0,0));
}

.son-gelisme .g-sol:hover .son-img:after {background:  none;transition:  all 0.5s;}
.uclu .son-tarih {
    margin: 0;
    font-size:  17px;
    line-height:  normal;
    margin-bottom: 5px !important;
    padding:  8px 20px;
    background:  #000;
}

.uclu .son-bas {
    margin:  0;
    font-size: 25px;
    padding-left: 20px;
    line-height:  normal;
}

.uclu .son-ack {
    margin:  0;
    font-size:  17px;
    line-height:  25px;
    padding-left: 20px;
    padding-top:  5px;
    padding-right:  10px;
}

.uclu {
    position:  absolute;
    bottom:  40px;
}

.son-gelisme a.devam-btn {
    padding:  8px 15px;
    font-size:  17px;
}

.son-gelisme .col-md-4.col-sm-6.col-xs-12 {
    margin-bottom: 50px;
}
.tablo {padding: 0px 100px;display: table;margin:  auto;margin-bottom: 50px;}

.col-md-4.col-xs-12 .tablo {
    padding: 0;
    position:  relative;
}
.yonetim-isim {
    font-weight: 500;
    color:  #d30c14;
    font-size:  22px;
    text-align:  center;
    margin-bottom: 13px;
}

.dk-czgi i {
    font-size:  25px;
    transition:  all 0.5s;
    position: absolute;
    opacity: 0;
    bottom: -10px;
    left: 50%;
    margin-left:  -8px;
    line-height:  normal;
    height: 14px;
    font-weight:  bold;
    color: #d30c14;
    transition:  all 0.8s ease-out;
}

.dk-czgi {
    position:  relative;
    text-align: center;
    width: 4px;
    height:  30px;
    display:  table;
    margin:  auto;
    margin-bottom:  10px;
    background: #d30c14;
}

.tablo:hover .dk-czgi i {
    opacity:  1;
    bottom: 1px;
}

section.yonetim.inner {
    padding-bottom: 70px;
}
.yonetim-img {
    position:  relative;
}

.yonetim-img:after {
    content:  "";
    position:  absolute;
    top:  50%;
    height: 3px;
    width: 60px;
    background: #d30c14;
    left: 285px;
    margin-top:  -1.5px;
}

.yonetim .col-md-4.col-xs-12 + .col-md-4.col-xs-12
 + .col-md-4.col-xs-12 .yonetim-img:after {
    display:  none;
}

section.yonetim.inner .col-lg-12 .yonetim-img:after {
    display:  none;
}
.yonetim-unvan {
    font-family: 'Rajdhani', sans-serif;
    text-align:  center;
    font-size:  18px;
    font-weight: 500;
    margin-bottom:  13px;
}
 section.footer-menu h3 {
     font-weight: bold;
     font-size: 20px;
     color: #333333;
     cursor: default;
}
 .footer-bot-bot {
     background-color: #fff;
     padding: 15px 0px;
}
 .footer-bot-bot .copyright {
     margin-top: 5px;
}
 .footer-bot-bot .copyright span {
     color:black;
     font-size:14px;
}
 .footer-bot-bot .company-logo a {
     font-size: 13px;
     color: #666;
     font-weight: 300;
}
 div#myModal .modal-header {
     border: none;
     min-height: initial;
     padding: 10px;
}
 .footer-menu {
    background: #fff;
    background: url(footer-bg.png);
    background-position: 0;
    padding-bottom:  0;
    background-size:  cover !important;
    overflow:  hidden;
    position:  relative;margin-top: 45px;
}
 
 .footer-menu .objects {
    display: table;
    width: 100%;
    table-layout: fixed;
}
 .footer-menu .objects .object {
    display: table-cell;
    padding: 55px 0 0 !important;
    height: 400px;
}
 .footer-menu .objects .object + .object {
    padding-left: 10px !important;
}
.object.menu:last-child {
   
}
 

.object.menu:last-child:after {
    content:  "";
    position:  absolute;
    right:  -1000px;
    top:  0;
    bottom:  0;
   
    width:  1000px;
    b animation:;
}

 .footer-menu .objects .object:nth-child(2) {
     padding-left:80px !important;
}
.footer-menu .objects .object h3:before {
    content:  "";
    position:  absolute;
    left: -40px;
    width: 30px;
    height:  5px;
    background:  #fff;
    top:  50%;
    margin-top:  -2.5px;
}
 .footer-menu .objects .object h3 {
     font-weight: bold;
     font-size: 21px;
     color: #ffffff;
     cursor: default;
     margin-top: 0;
     position:  relative;
     font-family: 'Rajdhani', sans-serif;
}
 .footer-menu .objects .object > ul > li > a {
     display: block;
     font-size: 14px;
     color: #fff;
     transition: all 0.4s ease;
     position: relative;
     display: inline-block;
     font-weight:  600;
}

 .social ul li a{
    font-size: 20px !important;
    color: #d30c14 !important;
    width: 32px;
    height: 32px;
    text-align:center;
    line-height: 32px;
    border: 1px solid #000000;
}
 .objects input[type="email"] {
     margin-top: 10px;
     width: 100%;
     border: 1px solid #000;
     padding: 10px 15px;
     height: 55px;
     background: none;
     position:  relative;
     color:  #000;
}
.object.menu.col-md-4.col-xs-12 {
    padding-left:  30px !important;
}

.f-logo {
    display:  table;
    margin:  auto;
}

.social li {
    display:  inline-block;
}
 .footer-sect input:focus {
     border: 1px solid #083161;
}
 .objects input[type="submit"] {
     width: 52px;
     height: auto;
     background-image: url(email-send.png) !important;
     border: none;
     position: absolute;
     display: block;
     top: 50%;
     right: 0;
     background-position: top center;
     background-repeat: no-repeat !important;
     background:  none;
     right: 10px;
}
 .footer-menu .objects .object > ul > li > a:before {
     content: "";
     position: absolute;
     left: 0;
     width: 0;
     bottom: -4px;
     height: 2px;
     background: #000000;
     transition:all 0.5s ease-in;
}
 .footer-menu .objects .object > ul > li > a:hover:before {
     width:100%;
     transition:all 0.5s ease-in;
}
 .objects form {
    position: relative;
}
 .footer-menu .objects .object > ul > li > a:hover {
    color: #000;
}
 .footer-menu .objects .object.object-contact p {
    font-family: 'Titillium Web';
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}
 .footer-menu .objects .object.object-contact .customer-services {
    margin: 20px 0;
}
 .footer-menu .objects .object.object-contact .customer-services i.icon-customer-services {
    width: 52px;
     height: 45px;
    background-position: -144px 0;
}
 .footer-menu .objects .object.object-contact .customer-services a {
    font-size: 24px;
    color: #999;
    padding-left: 25px;
}
 .footer-menu .objects .object.object-contact .social ul {
    padding-right: 20px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
 .footer-menu .objects .object.object-contact .social ul li {
    margin-right: 5px;
}
 .footer-menu .objects .object.object-contact .social ul li a {
    width: 45px;
    height: 44px;
}
 .footer-menu .objects li {
     margin-bottom: 10px;
     margin-right: 10px;
     color:  #fff !important;
     font-family: 'Rajdhani', sans-serif;
     font-weight:  600;
}
 .objects ul {
     margin-top: 20px;
}

.fot-btn {
    float:  left;
    width:  100%;
    padding-top: 15px;
    border-top: 1px solid #ffffff;
    margin-top: 16px;
}

a.ilk-btn {
    float:  left;
    font-size: 13px;
    padding: 12px 20px;
    background:  #fff;
    color: #000 !important;
    font-weight:  bold;
    position:  relative;
    overflow: hidden;
    z-index: 999;
}

a.ilk-btn i {
    position:  absolute;
    left:  0;
    color: #b7b5b5;
    transform: rotate(-20deg);
    bottom: -10px;
}

a.ilk-btn i:before {
    margin:  0;
    font-size: 44px;
}

a.iki-btn i {
    position:  absolute;
    left:  0;
    color: #444444;
    transform: rotate(-20deg);
    bottom: -10px;
}
.fot-btn a span {
    position:  relative;
}
a.iki-btn i:before {
    margin:  0;
    font-size: 44px;
}
.fot-btn a:first-child span {
    line-height: 0;
}

a.iki-btn:hover i:before {
    color:  #e8e8e8;
}
a.iki-btn {
    float: right;
    font-size: 13px;
    padding: 12px 20px;
    background: #313131;
    color: #fff;
    font-weight: bold;
    position:  relative;
    overflow:  hidden;
}

a.ilk-btn:hover {
    background: #313131;
    color: #fff !important;
}

a.iki-btn:hover {
    background: #ffffff;
    color:  #313131;
}
 
.g-ic:before {content: "";position: absolute;left: -12px;right: -12px;top: -10px;bottom: -20px;border-left: 12px solid rgba(255, 255, 255, 0.78);border-bottom: 20px solid rgba(255, 255, 255, 0.78);border-right: 12px solid rgba(255, 255, 255, 0.78);border-top: 10px solid rgba(255, 255, 255, 0.78);}  

@media (max-width: 1367px){


li.width_full ul {
    position:  relative;
    left: -80px;
}

li.width_full {
    position:  relative;
}

}

 

@media (max-width: 1199px){
    .header-menu {margin-left: 60px;}
.yonetim-img:after {
    display: none;
}
li.width_full {
    position:  relative;
}

li.width_full ul {
    left:  -176px;
}
.lines {
    display:  none;
}
 
h1.logo {
    width: 150px;
}
.c-ack {
    font-size: 16px;
}
.header-menu ul li {
    margin-right: 0px !important;
}
h5.kr-sy {
    font-size:  20px;
}

h5.kr-sy span {
    font-size:  20px;
}

.devam {
    line-height:  21px;
}

.lines {
    line-height:  21px;
    margin-top: 12px;
}
 
 

a.ilk-btn {
    padding: 10px 12px;
}

a.iki-btn {
    padding: 10px 12px;
}
span.icon-hidden {
    font-size: 9px;
}
}
@media (max-width: 991px){
    .header-menu{display:none;}
    .hamburger-menu {
    display: block !important;
    right: 100px;
}

.katalog-download {width:  100%;left:  0;right:  0;margin:  0;}

.katalog-download {
    padding: 5px 10px 7px;
    display:  table;
    position:  relative;
    margin-top:  20px;
    margin-bottom:  20px;
    margin: auto;
    width:  auto;
}

span.pdf {
    padding-left:  20px;
    width:  44px;
    line-height:  40px;
}

.proje-tip {
    position:  relative;
    bottom:  0;
    float: left;
    margin-top:  20px;
}

.detay-bg .dikey-ortala {
    float:  left;
    width:  100%;
}
section.page-title.detay-bg {
    height:  auto;
    padding:  40px 0;
}
.detay-bg .proje-konum {
    margin-bottom:  20px;
}

 

.proje-detay-baslik p {
    text-align: center !important;
    padding:  0;
}


.slider {
    margin-top:  73px;
}
.footer-menu .menu .menu-title {
      border-bottom: 1px solid white;
      height: 65px;
      line-height: 65px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-left: 40px;
    }
   .footer-menu .menu .menu-title h5 {
      margin-left: 20px;
    }
  .footer-menu .menu .menu-title i {
      margin-right: 30px;
    }
   .footer-menu .menu .menu-title i:before { 
        position: absolute;
        content:'';
        top:25px;
        right: 30px;
        width:24px;
        height:14px;
    }
   
 

li.cikis a {
    background:  none !important;
    color:  #000 !important;
    border-left: 0 !important;
    display: block !important;
    text-align:  center !important;
    height: auto;
    line-height: normal;
    padding-right: 8px !important;
    float: left;
    padding-left: 7px !important;
    border-right:  1px solid #eee !important;
}
 
  .footer-menu .menu .menu-title i.active:before {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
   .footer-menu .menu ul {
      display: none;
      margin-top: 0;
      padding: 10px 0px;
      width: 100%;
      border-bottom: 1px solid #f37c87;
      padding-left: 30px;
    }
    .footer-menu .menu ul li a {
      font-weight: 700;
    }
   .footer-menu .menu ul.active {
      display: block;
    }
    .footer-menu .container-fluid {
      padding-left: 0;
      padding-right: 0;
    }
    section.footer-menu .container {
        padding-left: 0;
        padding-right: 0;
    }
    section.footer-menu .container .col-xs-12 {
        padding-right: 0 !important;
        padding-left: 0 !important;
        height: auto;
        padding:  0 !important;
    }
    .footer-menu .objects .object h3 {
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 20px;
        font-size: 15px;
    }
    .full-module {
        margin-top:25px;
    }
    footer {
        margin-top: 0;
    }
    .footer-bottom {
        margin-bottom: 0;
    }
    .footer-menu .objects .object-contact {
        padding: 25px 0px;
        border-bottom: none;
        text-align: center;
    }
    .footer-menu .objects .object-contact h3 {
        margin-left: 0;
    }
    .footer-menu .objects .object-contact h3 {
        border-bottom: none;

    }
    .footer-menu .objects .object-contact .social h3 {
        margin-bottom: 15px;
    }
    .footer-menu {
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 30px;
    }
    .footer-signature .container {
        padding-left: 0;
        padding-right: 0;
    }
    .footer-signature .col-left {
        background-color: #f9f9f9;
        padding: 25px 0px;
    }
    .footer-signature .col-right a {
        margin-right: 10px;
    }
    .footer-menu .objects .object.object-contact .customer-services {
        border-bottom: 1px solid #e8e8e8;
        margin: 0;
        padding: 20px 10px;
    }
    .footer-menu .objects .object .social {
        padding-top:20px;
    }
    .footer-signature {
        padding-top: 0;
        padding-bottom: 15px;
    }
    footer {
        overflow-x: hidden;
    }
.footer-sect {
    padding: 20px;
}
.f-logo {
    width: 200px;
}
span.dontfollow a {
    font-size:  20px;
    line-height: 25px;
}

.fot-orta {
    display:  table;
    margin:  auto;
}

.objects input[type="submit"] {
    top: 45%;
}

.object.menu:last-child:after {
    display: none;
}

.footer-menu .objects .object:nth-child(2) {
    padding-left:  0 !important;
}

.footer-menu .objects .object + .object {
    padding:  0 !important;
}

.footer-bot-bot .copyright {
    text-align:  center;
}

.company-logo {
    text-align:  center;
    margin-top: 20px;
}
.mobile-menu .panel-default>.panel-heading {
    background:  none !important;
    border-bottom:  none;
    padding: 15px 0;
    border-bottom:  1px solid #fff;
}
.mobile-menu .panel:last-child .panel-heading {
    border: none !important;
}

.mobile-menu table.table {
    margin-bottom:  0;
}

.mobile-menu .panel:first-child .panel-heading {
    padding-top:  0;
}
.mobile-menu .panel-default {
    background:  none;
    border: none !important;
    box-shadow: none;
    border-radius:  0;
}

.mobile-menu .panel {
    border:  none !important;
    margin-bottom: 0;
}

.mobile-menu .panel-title a {
    color:  #fff !important;
    font-size: 21px;
    font-family: 'Rajdhani', sans-serif;
}

 .mobile-menu .flaticon-money:before {
    margin-left:  0;
    margin-right:  10px;
    font-size: 20px;
}
.mobile-menu .flaticon-arrow:before {
    font-size:  20px;
    margin-left:  0;
    margin-right: 10px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 10px 0;
    font-family: 'Rajdhani', sans-serif;
    color:  #fff !important;
    border-top:  none;
    border-bottom: 1px dotted #fff;
}

.mobile-menu .in .panel-body {
    padding-top: 5px;
    transition: all 0.4s ease-in;
    padding-bottom:  5px;
}

.mobile-menu .table>tbody>tr>td a {
    color:  #fff;
    font-weight: 600;
    font-size: 18px;
}
button .flaticon-arrow-pointing-to-right:before {
    margin-left: 5px;
}
.mobile-menu-active .hamburger-menu span {
    background:  #fff;
}
.mobile-menu h3 {
    padding: 0 !important;
}
.slider-buttons .swiper-button-prev {
    width:  30px;
    height:  30px;
}

.slider-buttons .swiper-button-prev:before {
    font-size:  13px;
    line-height:  30px;
}

.slider-buttons .swiper-button-next {
    width:  30px;
    height:  30px;
}

.slider-buttons .swiper-button-next:before {
    line-height:  30px;
}

h1.logo {
    padding-top:  7px;
    padding-bottom: 15px;
}

.language {
    display:  none;
}

section.header-bottom {z-index: 99;}

.hamburger-menu {
    top: 25px;
    right: 20px;
}
.hamburger-menu span{
    background: #000;
}
a.scroll {
    height: 45px;
    z-index:  9;
    bottom: -1px;
}
.mobile-menu h3.menu-name {
    padding:  0;
    font-size: 18px;
    transition:  all 0.4s;
}

.mobile-menu h3.menu-name:before {}
section {
    padding:  30px 0;
}


.slider-buttons {
    z-index:  9;
}

.up-down {
    z-index:  9;
}

a.devam-btn {
    z-index:  9;
}

.g-item-item:before {
    z-index:  9;
}

.g-item-item:after {
    z-index:  9;
}
h5.kr-sy {
    font-size:  20px;
}
a.ilk-btn {
    padding: 10px 12px;
}
 a.iki-btn {
    padding: 10px 12px;
}
h5.kr-sy span {
    font-size:  20px;
}

.devam {
    line-height:  21px;
}

.lines {
    line-height:  21px;
    margin-top: 12px;
    display:  none;
}

 
span.icon-hidden {
    font-size: 12px;
    font-weight:  bold;
}
.header-bottom .container {
    position:  relative;
}
.proje-detay-baslik {
    padding:  20px;
    margin-bottom: 0px;
}
.yatirim {
    margin-top: 30px;
}
.language {
    margin-right:  50px;
}
}
 

@media screen and (max-width: 900px) and (min-width: 768px) {
    .hamburger-menu{
    right: 25px;
}
section {
    padding:  50px 0;
}

.ind-h-sag {
    margin-top: 20px;
}

h5.kr-sy {
    margin-top: 20px;
}
}


@media (max-width: 767px){
    .slider .swiper-slide {
    height: 350px;
}
.btn-kapsa {margin: 5px;}

.slide-yazi {
    left:  0;
}
.w45 p {
    text-align: center;
}
.s-yazi-img:before {
    display: none;
}
.ind-h-sag .kr-sy {
    margin:  0;
}

.ind-h-sag .devam {
    margin-bottom: 10px !important;
}




.h-sag-ack {
    text-align:  center;
}

.son-gelismeler h5.kr-sy {
    margin: 15px 0 10px;
}

.son-gelismeler .devam {
    margin-bottom: 10px;
    margin-top: 0;
}

.icon-ack {
    margin-bottom: 10px;
}
.s-proje-baslik {
    font-size: 20px;
    margin-bottom: 4px;
}

.s-proje-ack {
    font-size:  12px;
    line-height: 20px;
}

button.btn-5 span {
    font-size:  12px;
    padding:  8px 10px;
}

.slider button {
    margin-bottom:  0;
    margin-top: 10px;
}

.slider {
    margin-top: 72px;
}
.mobile-menu .panel-default>.panel-heading {
    background:  none !important;
    border-bottom:  none;
    padding: 15px 0;
    border-bottom:  1px solid #fff;
}
.mobile-menu .panel:last-child .panel-heading {
    border: none !important;
}

.mobile-menu table.table {
    margin-bottom:  0;
}

.mobile-menu .panel:first-child .panel-heading {
    padding-top:  0;
}
.mobile-menu .panel-default {
    background:  none;
    border: none !important;
    box-shadow: none;
    border-radius:  0;
}

.mobile-menu .panel {
    border:  none !important;
    margin-bottom: 0;
}

.mobile-menu .panel-title a {
    color:  #fff !important;
    font-size: 21px;
    font-family: 'Rajdhani', sans-serif;
}

 .mobile-menu .flaticon-money:before {
    margin-left:  0;
    margin-right:  10px;
    font-size: 20px;
}
.mobile-menu .flaticon-arrow:before {
    font-size:  20px;
    margin-left:  0;
    margin-right: 10px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 10px 0;
    font-family: 'Rajdhani', sans-serif;
    color:  #fff !important;
    border-top:  none;
    border-bottom: 1px dotted #fff;
}

.mobile-menu .in .panel-body {
    padding-top: 5px;
    transition: all 0.4s ease-in;
    padding-bottom:  5px;
}

.mobile-menu .table>tbody>tr>td a {
    color:  #fff;
    font-weight: 600;
    font-size: 18px;
}
button .flaticon-arrow-pointing-to-right:before {
    margin-left: 5px;
}
.mobile-menu-active .hamburger-menu span {
    background:  #fff;
}
.mobile-menu h3 {
    padding: 0 !important;
}
.slider-buttons .swiper-button-prev {
    width:  30px;
    height:  30px;
}

.slider-buttons .swiper-button-prev:before {
    font-size:  13px;
    line-height:  30px;
}

.slider-buttons .swiper-button-next {
    width:  30px;
    height:  30px;
}

.slider-buttons .swiper-button-next:before {
    line-height:  30px;
}

h1.logo {
    padding-top:  7px;
    padding-bottom: 15px;
}
.kariyer-btn {
    z-index:  9;
}
.language {
    display:  none;
}

section.header-bottom {z-index: 99999;}

.hamburger-menu {
    top: 25px;
    right: 20px;
}
.hamburger-menu span{
    background: #000;
}
a.scroll {
    height: 45px;
    bottom: -2px;
}
.mobile-menu h3.menu-name {
    padding:  0;
    font-size: 17px;
    transition:  all 0.4s;
    padding-left: 10px !important;
    position:  relative;
}

.mobile-menu h3.menu-name:before {}
section {
    padding:  30px 0;
}

section.ind-hakkimizda {
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
}
 

.ind-h-sol {
    width:  100%;
    height:  350px;
}

.ind-h-sol h5 {
    width: 230px;
    height: 380px;
    z-index: 9;
}

.ind-h-sol h5 span {
	font-size: 115px;
    margin-top: 110px !important;
	-webkit-text-fill-color: dimgrey!important;
}

.ind-h-sag {
    margin-top:  20px;
}

.lines {
    display:  none;
}

h5.kr-sy {
    float:  left;
    text-align:  center;
    width:  100%;
    margin-bottom: 20px;
}

.devam {
    width:  100%;
    text-align:  center;
    margin-bottom: 30px;
    margin-top: 10px;
}

.c-ack {
    font-size:  14px;
    text-align:  center;
}

.counter {
    margin-top:  5px;
}

.w45 {
    width:  100%;
    padding-top:  0px;
}

.c-item {
    width: 50%;
}

section.ind-proje {
    padding:  30px 20px;
    padding-bottom: 10px;
}

.w55 {
    width:  100%;
    height: 300px;
    padding-left: 50px;
}

.proje-bg {
    left:  0;
}

.proje-gecis {
    padding-right: 0 !important;
}

 

.proje-slide .swiper-slide {
}

 
 

.yonlendirme {
    right:  initial;
    left: -40px;
}

.g-sol {
    width:  100%;
    margin:  0;
    margin-bottom: 40px;
}

.g-sag {
    width:  100%;
    margin: 0;
}

.g-butun {
    height:  auto;
    padding-bottom: 0;
}

.son-tarih {
    margin-top: 80px;
}
.son-ack {
    font-size:  14px;
    line-height: 20px;
}
.g-item-item {
    height:  276px;
}
section.son-gelisme.inner .g-item-item {
    height:  auto;
}
.g-pad {
    padding:  0;
}

h5.kr-sy {
    margin-top: 20px;
}

.s-yazi-img img {
    display:  none;
}

.icon-set li {
    width: 48%;
}

.icon-bg {
    height:  auto;
    background:  none;
}

.g-ic {
   display: block;
}
.s-yazi-img {
    width: auto;
}

.s-proje-detay {
    top:  0;
    left:  0;
    right:  0;
    position:  relative;
    padding: 10px;
    background: rgba(0, 0, 0, 0.74);
}

.slider-buttons {
    background: #fff;
    width:  auto;
    height:  auto;
    z-index: 99;
}

.slider-buttons .swiper-pagination {
    display:  none;
    margin:  0 !important;
}


.footer-menu .menu .menu-title {
      border-bottom: 1px solid white;
      height: 65px;
      line-height: 65px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-left: 40px;
    }
   .footer-menu .menu .menu-title h5 {
      margin-left: 20px;
    }
  .footer-menu .menu .menu-title i {
      margin-right: 30px;
    }
   .footer-menu .menu .menu-title i:before { 
        position: absolute;
        content:'';
        top:25px;
        right: 30px;
        width:24px;
        height:14px;
    }
   
 

li.cikis a {
    background:  none !important;
    color:  #000 !important;
    border-left: 0 !important;
    display: block !important;
    text-align:  center !important;
    height: auto;
    line-height: normal;
    padding-right: 8px !important;
    float: left;
    padding-left: 7px !important;
    border-right:  1px solid #eee !important;
}
 
  .footer-menu .menu .menu-title i.active:before {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
   .footer-menu .menu ul {
      display: none;
      margin-top: 0;
      padding: 10px 0px;
      width: 100%;
      padding-left: 0;
      padding:  20px;
      border-bottom:  navajowhite;
    }
    .footer-menu .menu ul li a {
      font-weight: 700;
    }
   .footer-menu .menu ul.active {
      display: block;
    }
    .footer-menu .container-fluid {
      padding-left: 0;
      padding-right: 0;
    }
    section.footer-menu .container {
        padding-left: 0;
        padding-right: 0;
    }
    section.footer-menu .container .col-xs-12 {
        padding-right: 0 !important;
        padding-left: 0 !important;
        height: auto;
        padding:  0 !important;
    }
    .fot-btn {
    border-top: none;
    margin-top:  0;
}
    .footer-menu .objects .object h3 {
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 20px;
        font-size: 15px;
    }
    .full-module {
        margin-top:25px;
    }
    footer {
        margin-top: 0;
    }
    .footer-bottom {
        margin-bottom: 0;
    }
    .footer-menu .objects .object-contact {
        padding: 25px 0px;
        border-bottom: none;
        text-align: center;
    }
    .footer-menu .objects .object-contact h3 {
        margin-left: 0;
    }
    .footer-menu .objects .object-contact h3 {
        border-bottom: none;

    }
    .footer-menu .objects .object-contact .social h3 {
        margin-bottom: 15px;
    }
    .footer-menu {
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 30px;
    }
    .footer-signature .container {
        padding-left: 0;
        padding-right: 0;
    }
    .footer-signature .col-left {
        background-color: #f9f9f9;
        padding: 25px 0px;
    }
    .footer-signature .col-right a {
        margin-right: 10px;
    }
    .footer-menu .objects .object.object-contact .customer-services {
        border-bottom: 1px solid #e8e8e8;
        margin: 0;
        padding: 20px 10px;
    }
    .footer-menu .objects .object .social {
        padding-top:20px;
    }
    .footer-signature {
        padding-top: 0;
        padding-bottom: 15px;
    }
    footer {
        overflow-x: hidden;
    }
.footer-sect {
    padding: 20px;
}
.f-logo {
    width: 200px;
}
span.dontfollow a {
    font-size:  20px;
    line-height: 25px;
}

.fot-orta {
    display:  table;
    margin:  auto;
}

.objects input[type="submit"] {
    top: 45%;
}

.object.menu:last-child:after {
    display: none;
}
a.devam-btn {
    z-index: 9;
}

.g-item-item:before {
    z-index: 9;
}

.g-item-item:after {
    z-index: 9;
}
.copyright {
    text-align:  center;
    margin-bottom: 10px;
}

.company-logo {
    text-align: center;
    margin-top: 5px;
}
.footer-menu .objects .object + .object {
    padding: 0 !important;
}


.hak-butun {
    padding:  30px;
}

p.hak-ack {
    text-align:  center;
}

.hak-baslik.white {
    display:  table;
    margin: 10px auto;
    padding:  0;
}

.hak-baslik.white:before {
    display: none;
}

.ms-vz .w50:first-child {
    padding: 30px 0;
    width:  100%;
    border: none;
    padding-bottom:  0;
}

.ms-vz {
    padding: 30px;
}

.hak-baslik.black:before {
    display: none;
}

.ms-vz .w50:last-child {
    padding:  30px 0;
    width:  100%;
}

.hak-baslik {
    padding:  0 !important;
    text-align:  center;font-size: 26px!important;
}


.ms-vz p {
    text-align:  center;
}
.page-title h3 {
    font-size:  20px;
    line-height:  normal;
}
section.page-title {
    margin-top:  72px;
    background-attachment:  initial;
    background-size:  cover !important;
}
.tablo {
    padding:  0;
    margin-bottom: 30px;
}

section.yonetim.inner {
    padding-bottom: 20px;
}
section.page-career .urun-title h3 {
    text-align:  center;
    margin-bottom: 20px;
}

section.page-career .career-form form > div + div {
    margin-top: 0px;
}

section.page-career form.career .form-div p.you {
    margin-top:  10px;
}

.career .form-div.submit {
    margin-top:  20px !important;
}
section.projelerimiz {
    padding:  30px 0;
}
a.proje-genel {
    display:  table;
    margin:  auto;
}
.simplefilter li, .multifilter li, .sortandshuffle li {
    width: 45%;
    text-align:  center;
    padding:  10px;
}

ul.simplefilter {
    margin-bottom: 20px;
}
.faq {
    padding: 30px 0;
}

.yatirim {
    margin-top: 30px;
}
.faq .col-one .panel-body li {
    padding-left: 0;
}
.faq .col-one .panel-body li a {
    padding-left:  20px;
    width: 270px;
    line-height:  normal;
    float:  left;
}
.faq.halk .col-one .panel-body li span {
    float: right;
    width: calc(100% - 270px);
    line-height:  62px;
    text-align:  right;
    padding-right:  20px;
}

.faq.halk .col-one .panel-body li span img {
    width: 50px !important;
}
.page-contact h2 {
  padding-left:20px !important;
}

.page-contact .contact > div + div {
    margin-top:  20px;
}

.page-contact .contact {
    padding:  0;
    margin-bottom:  0;
}

.page-contact .contact .container > .col-right {
    margin-top: 20px;
}

.contact .col-right .col-md-3 {
    padding-left:  15px;
}

.contact1 .form-div {
    padding-bottom:  20px;
}

.page-contact .contact .col-right form div + div {
    z-index:  9;
}
section.page-title.detay-bg {
    height: auto;
    padding: 50px 10px;
}

section.proje-detay.inner {
    padding:  20px;
    margin-top: 20px;
}

.proje-detay-baslik {
    margin-bottom:  20px;
    padding:  0;
}

.tabs li {
    margin:  1%;
    width:  48%;
}

.tabs li a {
    display:  block;
    text-align:  center;
}
span.icon-hidden {
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    margin-top: -50px;
}
.tabs {
    margin-bottom: 10px;
    width:  100%;
}
.contents .swiper-slide a {
    display:  table;
    margin:  auto;
}
.proje-buttons {
    left:  0;
}




}
@media (max-width: 479px){
    .faq .col-one .panel-title a {
    font-size: 13px;
    padding-right: 10px;
    padding-left:  10px;
}
}
@media (max-width: 375px){

.mobile-menu .panel-title a {
    font-size: 18px;
}

.mobile-menu .table>tbody>tr>td a {
    font-size: 16px;
}

.mobile-menu .panel-default>.panel-heading {
    padding:  12px 0;
}
.faq .col-one .panel-title a {
    font-size: 12px;
}
}

@media (max-width: 320px){

.mobile-menu .panel-title a {
    font-size: 18px;
}
.faq .col-one .panel-body li a {
    width:  220px;
}

.faq.halk .col-one .panel-body li span {
    width:  calc(100% - 220px);
}
.faq .col-one .panel-title a {
    font-size: 12px;
}

.mobile-menu .table>tbody>tr>td a {
    font-size: 16px;
}

.mobile-menu .panel-default>.panel-heading {
    padding:  12px 0;
}
span.icon-hidden {
    font-size: 10px;
    font-weight:  bold;
    top:  50%;
    margin-top: -43.5px;
}
}
 
p {font-size:  16px;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { }
.btn-trend{
    padding: 10px 15px;
    font-size: 16px;
    color: #fff;
    background: rgb(233, 19, 39);
    transition: 0.3s ease-in-out;
    border: 1px solid #fff;
    margin: 20px 0px;
}

.btn-trend:hover,
.btn-trend:focus{
    color: #083161;
    font-size: 16px;
    border: 1px solid #083161;
    background: rgb(255, 255, 255);
}