/* font variables */

@p-font                  : 'Montserrat';

/* color variables */
@p-text-color            : #4f4f4f;
@gray-text-color         : #828082;
@primary-color           : #111111;
@body-background-color   : #ffffff;
@header-background-color : #eeeeee;
@drop-background-color   : #000000;
@footer-background-color : #e9e9e9;
@footer-text-color       : #807e70;
@border-color            : #d5d5d6;
@gray                    : #eeeeee;
@white                   : #FFFFFF;
@black                   : #000000;
@red                     : #ee3124;
@green                   : #0e893a;
@dark                    : #363636;
@gray                    : #6c6c6c;
@orange                  : #f57421;
@header-gray             : #5a5a5a;
@site-red                : #bb1f0a;

.clear {clear:both}
/* general definitions */
a{text-decoration: none !important; color: @p-text-color; .transition(color, 0.3s); &:hover, &:active{color: @site-red;}}
a:focus {outline:0px;}
textarea{resize: none;}
img:active, img:focus{outline: none; -moz-outline-style: none; outline: 0 !important;}
h1, h2, h3, h4, h5, h6{margin: 0px; padding: 0px;}
[role=button]{cursor:pointer;}
strong{font-weight: 600;}

.container{width: 1200px;}
.stretch{width: 100%;}
.no-padding{padding: 0px; margin: 0px;}
.no-margin{margin: 0 !important;}
.no-border{border: none !important;}
.trans-all{transition: all .2s ease-in-out;}
.display-none{display: none;}
.outline-none{outline: none;}
.text-red{color: @red;}
.text-green{color: @green;}
.text-italic{font-style: italic;}
.mail-link{color: @primary-color; &:hover{color: @primary-color;}}
.form-group label{font-size: 14px; color: @p-text-color; opacity: 0.6; margin-bottom: 10px;}
.form-control{border-radius: 0px; border-color: @border-color;}
.form-control:focus{border-color: #d5d5d6; box-shadow: none;}
.pointer-none{pointer-events: none;}
.btn-red{background-color: @red; color: @white !important; font-size: 17px; font-weight: 400; padding: 10px 35px 5px 35px; outline: none !important;}
.pointer-none{pointer-events: none;}
.warning{padding: 0px; color: @red; z-index: 10; font-size: 13px; font-weight: 700; margin-top: 2px; margin-bottom: 0px;}
.overflow-hidden{overflow-x: hidden;}
.checkbox-label{font-size: 11px; padding-left: 0px !important; color: @primary-color;}
.input-radio{float: left; margin-right: 8px !important; margin-top: -1px !important;}
.text-red{color: @red !important;}
#scrollTop{position: fixed; bottom: 30px; right: 20px; font-size: 30px; display: none; z-index: 7; opacity: 1; color: @white;  padding: 0px 5px 2px 5px;}

/* btn */
.btn-orange{background-color: @orange; border-radius: 0px; color: @white !important; font-weight: 500; padding: 6px 22px;}
.btn-site-red {background-color: @site-red; border-radius: 0px; color: @white !important; font-weight: 500; padding: 6px 22px;}
.btn-dark{background-color: @gray; border-radius: 0px; color: @white !important; font-weight: 500; padding: 6px 22px;}

/* table cell */
.display-table{display: table;}
.display-table-cell{display: table-cell; vertical-align: middle; float: none;}

/* functions */
.radius(@radius: 3px){
    -webkit-border-radius: @radius; 
    -moz-border-radius: @radius; 
    border-radius: @radius;
}
.transition(@type, @time){
    transition-property: @type; 
    transition-duration:@time;
}
.rotate(@degree){
    -ms-transform: rotate(@degree); 
    -webkit-transform: rotate(@degree); 
    transform: rotate(@degree);
}
.transform(@translateX, @skewX){
    -moz-transform: translateX(@translateX) skewX(@skewX); 
    -ms-transform: translateX(@translateX) skewX(@skewX); 
    -o-transform: translateX(@translateX) skewX(@skewX);
    -webkit-transform: translateX(@translateX) skewX(@skewX);
    transform: translateX(@translateX) skewX(@skewX);
}
.scale(@number){
    -moz-transform: scale(@number);
    -webkit-transform: scale(@number);
    transform: scale(@number);	
}


/* styles */
body, *{font-family: @p-font; color: @p-text-color;}
body{background-color: @body-background-color; ::-webkit-scrollbar{width: 3px; height: 12px; border:0px; border-radius:4px;} ::-webkit-scrollbar-track{background:rgba(0, 0, 0, 0.1);} ::-webkit-scrollbar-thumb{background: @orange; border:0px; border-radius:8px;}
     header{min-height: 140px; background-color: @white; border-bottom: 8px solid #f4f4f4;
            .headerTop {min-height:140px;border-bottom:1px solid #dddddd;}
            .logo{margin-top:30px;}
            .head-links{margin-top:50px;
                        .search{
                            input[type=text]{font-size: 13px; border: 1px solid #cccccc; height: 34px; background-color: @white;}
                            img{position: absolute; right: 22px; top: 9px;}
                        }
                        .btn-b2b{margin-left: 40px; border-bottom: 0px; color: @header-gray; font-size: 14px;font-weight:500; padding: 5px 10px 6px 10px; .transition(all, 0.2s);

                        }
                        .languages{margin-top: 2px;float: right; height: 30px; padding: 4px 12px 6px 12px; color: @gray; font-size: 13px; font-weight: 700; background-color: #f5f5f5;
                                   option{font-weight: bold;}
                        }
            }
            .menus{
                nav{border: none; background:#cb0d0d; height: auto; min-height: auto; box-shadow: none; -webkit-box-shadow: none; margin: 0 0 0 0 !important;
                    .navbar-nav > .open > a{background: none; box-shadow: none;}
                    .navbar-nav{
                        li{float: none; display: inline-block; text-align: center; margin: 10px 60px 10px 60px;max-width:193px;
                           a{padding: 6px 7px 3px 7px; font-size: 13px; font-weight: 500; color:#fbfbfb; border-bottom: 3px solid transparent; .transition(all, 0.4s);
                             &:hover, &:active, &:focus{color:#d2d1d1; border-color:#fff;}
                           }
                           .navbar-nav li:hover{border-bottom: 3px solid red; width: 100%;}
                           .dropdown-toggle{color: @white; font-size: 35px; display: none; position: absolute; margin-top: -7px; margin-left: 10px;}
                           .dropdown-menu{width: 220px; margin: 0px 0px 0px 0px; background-color: rgba(255,255,255,0.7); padding: 7px 0px 15px 0px; box-shadow: none; border: 0px; border-radius: 0px; border-top: 1px solid @white;
                                          li{text-align: left; margin: 0px; .transition(all, 0.8s); width: 100%; display: inline; float: left; 
                                             .dropdown-menu{margin: -45px 0px 0px 220px;
                                                            .dropdown-menu{width: 400px; 
                                                                           li { 
                                                                               a {  margin: 0px 0px 0px 4% !important;  width: 90% !important; }
                                                                           }

                                                            }
                                             }
                                             .plus-icon{font-size: 17px; margin: 11px 0px 0px 3px;}
                                             a{width: 84%; margin: 0px 0px 0px 8%; border: 0px; color: @black; background: none;  white-space: normal; font-size: 10px; font-weight: 400; padding: 8px 0px 8px 0px;
                                               &:hover{color: @white;}
                                             }	
                                             &:nth-last-child(1) a{border: 0px;}		
                                             &:hover{background-color: @site-red;}	
                                             &.seperator{margin: 2px 0px 2px 0px;
                                                         a{border-bottom: 1px solid @white; padding: 0px;}
                                                         &:hover{background-color: transparent;}
                                             }	
                                             .dropdown-menu{border-top: 0px; background-color: rgba(255,255,255,0.7); top: 38px;} 			
                                          } 
                           }
                        }
                    }
                    .collapse{height: auto;
                              .nav{text-align: center; float: none; margin-top:0px;}
                    }
                    a{color: @white; text-shadow: none; font-size: 15px; font-weight: 600;}
                }
            }
     }
     main{
         #main-slider{
             .carousel-indicators{bottom: 0px; left: 70%; width: 20%;
                                  li{border: none; background: #b3b3b3; border-radius: 20px; width: 15px; height: 15px; padding: 0; margin: 0px 4px;
                                     &.active{background: @site-red;}
                                  }
             }
         }
         .page-title{margin-top:20px; font-weight: 500; font-size: 24px; line-height: 34px;
                     .showcase{display: inline-block;}
         }
         .showcase-text{margin-top: 40px;
                        .text{color: #4f4f4f; padding-top: 20px; font-size: 14px; line-height: 30px;}
                        .image{
                            .border{margin: -58px -20px 0px 0px;}
                        }
                        .news{
                            .new{margin-bottom: 8px; cursor: pointer;
                                 .date{float: left; border: 1px solid #afafaf; .radius(2px); width: 85px; height: 75px; padding: 5px; background-color: #fafafa; .transition(all, 0.4s);
                                       div{
                                           &:nth-child(1){color: #7c7c7c; border-bottom: 2px solid #7c7c7c; padding: 2px; font-weight: 500; font-size: 19px;}
                                           &:nth-child(2){color: #7c7c7c; font-weight: 700; font-size: 24px;}
                                       }
                                 }
                                 .text{float: left; border: 1px solid #dadada; .radius(2px); height: auto; margin-left: 15px; padding: 12px 20px; line-height: 26px; background-color: #fcfcfc; .transition(all, 0.4s);
                                       .title{font-weight: 500; font-size: 15px; margin-bottom: 0px;}
                                       .desc{font-size: 12px;}
                                 }
                                 &:hover{
                                     .date{background-color: #898989;
                                           div{color: @white; border-color: @white;}
                                     }
                                     .text{background-color: #f8f8f8;}
                                 }
                            }
                            .see-all{float: right; font-size: 13px; margin-top: 40px;
                                     i{color: @orange;}
                            }
                        }
         }
         .product-categories{margin-top:10px;
                             .category{width: 25%; float: left; padding: 3px;
                                       .title{background-color: rgba(108, 108, 108, 0.8); padding: 5px 10px 10px 10px; text-align: center; margin-top: 10px; .transition(all, 0.4s);min-height:50px;max-height:50px;
                                              div{display:table!important;width:100%;height:40px;
                                                  span{display:table-cell!important;vertical-align:middle!important;color: @white; font-size: 13px; font-weight: 500; }
                                              }
                                       }
                                       .inner{position: relative; width: 100%; border: 1px solid #d5d5d5; height: 220px;background-repeat:no-repeat;
                                              span.arrow{position: absolute; bottom: 10px; right: 10px; background-color: @orange; padding: 10px 10px 6px 11px; opacity: 0.7; .transition(all, 0.4s);
                                                         i{color: @white; font-size: 22px;}
                                              }
                                       }
                                       &:hover{
                                           .inner{
                                               .title{background-color: rgba(245, 116, 33, 0.8);}
                                               span.arrow{background-color: @gray;}
                                           }
                                       }
                             }
         }
         .page-sub-title{background-color: @white; height: 70px; padding: 19px 7px 15px 7px; font-weight: 500; font-size: 13px; border-bottom: 12px solid #f4f4f4;
                         i{padding: 0px 20px; font-weight: 700;}
                         span{
                             strong.number{font-size: 19px; font-weight: 700;}
                         }
         }
         .content{background-color: @white;  margin: 30px 0px 25px 0px; padding: 20px;
                  .showcase-text{
                      .news{
                          .new{
                              .text{width: 90% !important}
                          }
                      }
                  }
                  .content-table-outer{width: 100%; overflow-x: auto;
                                       .content-table{width: 780px;}
                  }
                  .leads{font-size: 13px; padding-left: 30px;
                         .title{font-size: 14px; font-weight: 700; margin-bottom: 5px;}
                         .row{margin-bottom: 5px;}
                         .lead{
                             .row{background-color: #f8f8f8; font-size: 14px; padding: 10px 0px 10px 0px;
                                  &:nth-child(odd){background-color: #f3f3f3;}
                             }
                             .modal-body{font-size: 17px; line-height: 24px;
                                         img{margin: 0px 10px 10px 0px;}
                             }
                         }
                  }
                  .form{
                      .title{color: @site-red; font-weight: 700;}
                  }
                  .title{font-size: 14px; font-weight: 500; margin: 0px 0px 20px 0px;
                         i{padding: 0px 10px;}
                  }
                  .title-right{font-size: 14px; font-weight: 500; padding-right: 10px;
                               span{font-size: 21px;}
                               i{color: @site-red; font-weight: 700; padding: 0px 10px;}
                  }
                  &.contact{
                      .address-box{border: 1px solid #cdcdcd; min-height: 435px; padding: 15px; font-size: 14px; line-height: 24px;
                                   .desc{margin-top: 45px;}
                                   .btn-form{background-color: #616161; border-radius: 0px; color: @white; font-size: 16px; font-weight: 500; width: 100%; margin: 33px 0px 13px 0px;}
                      }
                      .departments{border: 1px solid #cdcdcd; min-height: 435px; padding: 15px 0px; font-size: 14px; line-height: 24px;
                                   .department-title{font-size: 15px; font-weight: 500; padding: 5px 0px 10px 15px;}
                                   .department-list{
                                       a{padding: 8px 25px 0px 25px; font-weight: 500;
                                         &:hover, &.active{background-color: @site-red; color: @white;}
                                         .seperator{height: 1px; background-color: #a3a3a3; margin-top: 6px;}
                                       }
                                   }
                      }
                      .map{
                          iframe{float: left; width: 100%; height: 435px;}
                          .dp-outer{display: none;
                                    .dp{background-color: #f9f9f9; border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; padding: 15px; line-height: 22px; -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.10); -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.10); box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.10);}
                                    .dp.head{background-color: #e8e8e8; border-bottom: 1px solid #cecece;}
                                    &:nth-child(1){display: inline;}
                          }
                          .dp-center {
                              max-height: 435px; overflow-y: auto;
                          }
                      }
                      .pages{border: 1px solid #cdcdcd; min-height: 435px; padding: 15px 0px; font-size: 14px; line-height: 24px; margin-bottom: 20px;
                             .page-list{
                                 ul{
                                     li{padding: 9px 25px 8px 25px; font-weight: 700;
                                        a{padding: 10px 0px;}
                                        &:hover{color: @orange;}
                                        .status{font-size: 18px; margin-top: 3px; cursor: pointer;}
                                        .seperator{height: 1px; background-color: #a3a3a3; margin: 7px 0px;}
                                        ul{padding: 0px -25px 0px -25px; width:100%; display: none; margin-top: 5px; float: left;
                                           li{padding: 9px 0px 8px 10px; font-weight: 500; font-size: 13px;
                                              &.active{background-color:#6c6c6d;
                                                       &>a{color: @white;}
                                              }
                                           }
                                        }
                                        &.active{background-color: #6c6c6d;
                                                 &>a{color: @white;}
                                        }
                                     }
                                 }
                             }
                      }
                      .page{padding-top: 25px; padding-left: 35px;
                            .title{font-size: 20px;}
                            .desc{font-size: 14px; line-height: 25px;
                                  .form-group{padding-left: 0px;
                                              select{font-size: 13px;}
                                              input[type=button], input[type=submit]{background-color: #6c6c6c; border-radius: 0px; color: @white;}
                                  }
                                  .list-table{font-size: 13px; margin-top: 10px;
                                              .row{border-bottom: 1px solid #cdcdcd; padding: 11px 0px 3px 0px;
                                                   a{color: @orange; font-weight: 500;}
                                                   img{margin: 3px;}
                                              }
                                  }
                            }
                            &.timeline{padding: 0px;
                                       .years{position: absolute; width: 90px; background-color: @white; z-index: 20; overflow-y: auto;
                                              a{text-align: center; font-weight: 500; font-size: 16px; width: 60px !important; display: block; padding: 5px 3px 3px 3px; margin: 0px 0px 25px 0px; border-radius: 16px;
                                                &.active{background-color: @site-red; color: @white;}
                                              }
                                              &.sticky{position: fixed; top: 15px;}
                                       }
                                       .infos{
                                           .info{float: left; margin-bottom: 30px;
                                                 .image{padding-right: 0px;
                                                        .year{font-size: 16px; margin: -15px 0px 0px 0px; font-weight: 500;}
                                                 }
                                                 .text{
                                                     .title{margin-bottom: 10px;}
                                                     .desc{font-size: 13px;}
                                                 }
                                           }
                                       }
                            }
                            &.dealers{padding-left: 15px;
                                      .filter{border-bottom: 1px solid #e9e9e9; padding-bottom: 10px;
                                              select{font-size: 13px;}
                                              .title{font-size: 14px; padding: 6px 6px 0px 0px;}
                                              a.btn{margin-left: 20px;}
                                      }
                                      .map{
                                          #map_canvas{height: 450px; margin-top: 10px;}
                                          #map_desc{position: absolute; width: 350px; height: 450px; background-color: rgba(255, 255, 255, 0.8); z-index: 2; margin-top: 10px; display: none;
                                                    .title{background-color: #646464; font-size: 14px; font-weight: 700; padding: 10px 20px; color: @white; float: left;
                                                           img{float: right;}
                                                           *{color: @white;}
                                                    }
                                                    .address{font-weight: 700; margin: 4px 0px;
                                                             a{
                                                                 &:hover{color: @orange;}
                                                             }
                                                             &.admins{border-top: 1px solid #e2e2e2; margin-top: 10px; padding-top: 10px;}
                                                    }
                                                    .map-share{position: absolute; right: 10px; bottom: 10px; font-weight: 700;
                                                               i{margin: 0px 3px;}
                                                    }
                                          }
                                      }
                                      .list{margin-top: 35px;
                                            .dealer{border: 1px solid #e1e1e1; margin-bottom: 25px;
                                                    .display-table{width: 100%; height: 210px;}
                                                    .left{font-weight: 500; line-height: 35px; padding-left: 30px;}
                                                    .right{background-color: #828282; min-height: 200px;
                                                           .phones{font-size: 13px; padding-top: 7px;
                                                                   div, a, span, i{color: @white; font-weight: 500;}
                                                                   span{width: 70px;}
                                                                   i{font-size: 17px; text-align: center; width: 15px; margin: 2px 10px 2px 2px;}
                                                                   a{margin: 6px 0px;
                                                                     &:hover{color: @site-red;}
                                                                   }
                                                           }
                                                           .maps{
                                                               .display-table-cell{}
                                                               a{float: left; margin: 5px 0px; padding-bottom: 10px;
                                                                 span{color: @white; font-size: 14px; font-weight: 500;}
                                                                 img{margin: -3px 6px 0px 0px;}
                                                                 &:nth-child(1){border-bottom: 1px solid #a6a6a6;}
                                                               }
                                                           }
                                                    }
                                            }
                                      }
                            }
                      }
                  }
                  &.transparent{background-color: transparent;}
                  .products{
                      .product{
                          .product-inner{background-color: @white; padding: 20px 15px; border: 1px solid #efefef; margin-bottom: 30px; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.1);
                                         /* background-color: @white; padding: 20px 15px; border: 1px solid #efefef; margin-bottom: 30px; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.1); */
                                         /* .link{position: relative;display:inline-block;width:100%; background-color: @orange; color: @white; font-size: 14px; font-weight: 500; padding: 8px 30px 8px 20px; transition: all 0.2s;} */
                                         .link{position: absolute; right: 15px; bottom: 50px; background-color: @site-red; color: @white; font-size: 13px; font-weight: 500; padding: 8px 30px 8px 20px; transition: all 0.2s;}
                          }
                          &:hover{
                              .link{background-color: @dark;}
                          }
                      }
                  }
                  .pagination{background-color: #eaeaea; padding: 7px;
                              a{background-color: #6c6c6c; color: @white; padding: 7px 13px; font-weight: 500; display: inline-block; transition: all 0.2s;
                                &:hover, &.active{background-color: @orange;}
                              }
                  }
                  .orange-link{background-color: @orange; color: @white; border: 1px solid #ed6c14; margin-bottom: 20px; font-size: 14px; font-weight: 500; padding: 5px 10px 5px 40px;}
                  .product-details{
                      .infos{
                          .box{position: relative; border: 1px solid @site-red; padding: 20px; margin-bottom: 20px; font-size: 14px; line-height: 22px;
                               .title{margin-bottom: 7px;}
                               .desc{height: auto; transition: all 0.2s;}
                               .all{position: absolute; right: 15px; bottom: 10px; font-weight: 700;}
                               &:nth-child(1){padding-bottom: 45px;}
                               &.cut{
                                   .desc{height: 60px; overflow: hidden;}
                               }
                          }
                      }
                      .content-table{margin: 15px 0px;overflow:scroll;
                                     .big-title{background-color: #5c5c5c; color: @white; padding: 9px 20px 8px 14px; min-width: 160px; font-weight: 700; font-size: 16px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
                                     .details{
                                         table{-webkit-box-shadow: 0px -6px 16px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -6px 16px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -6px 16px 0px rgba(0, 0, 0, 0.15);
                                               tr{
                                                   td{font-size: 13px; font-weight: 500; padding: 5px 5px 5px 5px; text-align: center;
                                                      &:nth-child(1){padding-left: 22px !important; text-align: left;}
                                                   }
                                                   &:nth-child(odd) td{background-color: #e9e9e9; color: #2b2b2b;}
                                                   &:nth-child(even) td{background-color: #fbfbfb; color: #2b2b2b;}
                                                   &:nth-child(1) td{background-color: #6f6f6f; color: @white; border-bottom: 4px solid @white; padding: 12px 5px 12px 5px;}
                                               }
                                         }
                                     }
                      }
                  }
         }
     }
     footer{margin-top: 20px;
            .links{background-color: @white;padding: 20px 0px 0px 0px;box-shadow: 0 0 10px rgba(0,0,0,.45);
                   ul{padding:47px 0px;
                      li{margin-bottom: 10px;display:inline-block;
                         a{font-size: 12px; font-weight:600;margin:0px 50px 0px 0px;}
                      }
                   }
                   .title{background-color: @orange; color: @white; font-size: 14px; font-weight: 500; padding: 7px 15px; margin-bottom: 10px;}
                   .address{margin-top:27px;margin-bottom:30px;
                            a.phone{float: left; font-size: 18px; margin-bottom: 20px; font-weight: 500;}
                   }
            }
            .copy{background-color:#e21a22;
                  div{color: @white; font-size: 13px; padding: 10px 0px;font-weight: 600;}
                  a{color: @white; font-size: 13px; padding: 10px 0px;}
            }
     }
}



.src {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  padding-left:30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.src input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border:1px solid #bb1f0a;
}

/* On mouse-over, add a grey background color */
.src:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.src input:checked ~ .checkmark {
  background-color: #ff7938;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.src input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.src .checkmark:after {
  left: 10px;
  top: 6px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

menu kısmında makına takım ve evar 

.navbar-nav li {
    position:relative;
}
.news p{
    font-size: 14px;
}
.newsTitle{
    font-weight: 500;
    font-size: 24px !important;
    line-height: 34px;
}

header .headerTop {background-color:#fbfbfb;}

#scrollTop{
    position:fixed;
    bottom:0px;
    right:0px;
    background-color:@site-red;
    padding:0px 15px 0px 15px;
    cursor:pointer;
    z-index:6;
    display:none;
}

#scrollTop i.fa{
    color:#fff!important;
    font-size:30px;
}

.nav-tabs {background-color:#e2e2e2;}
.nav-tabs>li {width:50%;}
.nav-tabs>li>a {border-radius:0px;margin-right:0px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color:@white;font-weight:600; background-color:@site-red;border:radius:0px;}
.tab-content {margin-top:20px;}
label.labelDerece {color:@site-red;font-size:12px;opacity:1;}
.title_uyari {color:@site-red;font-size:12px;opacity:1;padding-bottom:10px;}
.cv-control {border:none;}
input[type=file] {display:none;}
.custom-file-upload,
.custom-add-ik,
.custom-add-edu {
    border-radius:5px;
    display: inline-block;
    padding: 8px 44px;
    cursor: pointer;
    background-color:@site-red;opacity:1!important;color:white!important;
}
.custom-file-upload>i,
.custom-add-ik>i,
.custom-add-edu>i {color:@white;font-size:20px;}
.terhisTarihi, .tecilTarihi {display:none;margin-top:20px; margin-right:10px;}
.okulEkle button {color:#fff;background-color:red;}

.table-condensed>tbody>tr>td, 
.table-condensed>tbody>tr>th, 
.table-condensed>tfoot>tr>td, 
.table-condensed>tfoot>tr>th, 
.table-condensed>thead>tr>td, 
.table-condensed>thead>tr>th {
    font-weight:600;
}
.digerDilEkle {display:none;}

#fade-quote-carousel.carousel {
    padding-bottom:40px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
    opacity: 1;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
    bottom: 10px;
    display:none;
}


#fade-quote-carousel .profile-circle {width: 100px;height: 100px;margin: 0 auto;border-radius: 100px;
}
.haberBaslik {font-weight:400;font-weight: 500; font-size: 15px; margin-bottom: 0px;}

.haberText {
    border:1px solid #dadada;
    padding:0px 5px 6px 25px;
    margin-bottom:10px;
    font-weight:500;
}
.haberText p {font-weight:600;font-size:13px;padding-top:0px;}
span.title {padding-bottom:20px;line-height:3;}
.newsTitle{font-size: 18px;margin-bottom:5px;}
.news h3{font-size: 16px;font-weight: 600;color:#bb1f0a;margin-bottom: 10px;}
.fullNews a{font-size: 15px;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:10px 0;}
.dropdown-menu li{max-width: 100% !important;}

.c-hamburger{display:block;position:relative;overflow:hidden;margin:0;padding:0;width:50px;height:52px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background 0.3s;transition:background 0.3s}.c-hamburger:focus{outline:none}.c-hamburger span{display:block;position:absolute;top:22px;left:10px;right:10px;height:8px;background:white}.c-hamburger span::before,.c-hamburger span::after{position:absolute;display:block;left:0;width:100%;height:8px;background-color:#fff;content:""}.c-hamburger span::before{top:-11px}.c-hamburger span::after{bottom:-11px}.c-hamburger--htx{background-color:@primary-color;}.c-hamburger--htx span{-webkit-transition:background 0s 0.3s;transition:background 0s 0.3s}.c-hamburger--htx span::before,.c-hamburger--htx span::after{-webkit-transition-duration:0.3s,0.3s;transition-duration:0.3s,0.3s;-webkit-transition-delay:0.3s,0s;transition-delay:0.3s,0s}.c-hamburger--htx span::before{-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}.c-hamburger--htx span::after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}.c-hamburger--htx.is-active{background-color:@primary-color;}.c-hamburger--htx.is-active span{background:none}.c-hamburger--htx.is-active span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.c-hamburger--htx.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after{-webkit-transition-delay:0s,0.3s;transition-delay:0s,0.3s}
.c-hamburger--htx{
    margin-left:10px!important;
    background-color:@site-red;
}
.c-hamburger--htx.is-active {
    background-color:@site-red!important
}


body main .content.contact .page.dealers .map #map_desc .title span.fa {color:@white; position:absolute; font-size:16px; right:5px; top:2px;}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width:100%;
}

.category:hover .inner {
    opacity: 0.6;
}

.category:hover .middle {
    opacity:1!important;
}

.text {
    background-color:transparent;
    color:#434343;
    /*text-transform:uppercase;*/
    font-weight:600;
    font-size: 15px;
    padding-bottom:5px;
    text-align:center;
}
.textButon {background-color:#e52b11;padding:5px 10px;width:150px;margin:0 auto;}
.textButon a {color:#fff;/*text-transform:uppercase;*/font-size:13px;font-weight: 500;}
.textButon a:hover {text-decoration:none;}
.sectionProduct {background-color:#fafafa;}
.katalogForm {margin-top:5px;}
.btn.talepButon {background-image: linear-gradient(to bottom,@site-red 0%,@site-red 100%);border:none;}
.btn.talepButon:hover {background-color:@site-red;}

.swiper-container {

    height: 300px;
}
.swiper-slide {
    text-align: center;
    font-size: 13px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide .news {margin-right:20px;}
.swiper-pagination-bullet {width: 12px;height: 12px;}
.swiper-pagination-bullet-active {background-color:#bb1f0a;}

h3.fullNews.text-right {margin-bottom:15px;}
.footContact {padding:10px 0px 30px 0px;font-size: 13px;font-weight: 600;}


/* responsive */

@media (max-width: 1025px){
    .no-paddingM{padding:0px !important;}

    header .logo img{max-width: 80%;}
    .navbar-nav li{max-width: 100% !important;}
    .category,
    .btn-b2b,
    .langSelect,
    .head-links {
        clear:both;
        float:none!important;
        margin:0!important
    }
    .search {
        padding-left:0!important;
        padding-right:0!important;
    }
    .search input[type=image]{right: 15px!important;}
    .btn-b2b {
        width:100%;
        display:inline-block;
        margin-top:10px!important;
        margin-bottom:10px!important;
    }
    .langSelect{
        margin:0!important;
    }
    .langSelect select{
        margin-bottom:10px!important;
    }
    .container{width: 100%;}
    .category {
        width:50% !important;
        float: left !important;
        clear: none !important;
    }
    .category .inner {
        background-size:cover
    }
    .showcase-text .text {
        margin-bottom:20px!important
    }
    .product-categories {
        padding-left:0!important;
        padding-right:0!important;
    }
    .product-categories .category .inner{
        height: 120px !important;
        background-size: 100% auto;	
    }
    .see-all {
        width:100%!important;
        text-align:center;
        margin-bottom:20px!important;
        display:inline-block
    }
    .image img:first-child {
        width:100%!important
    }
    .image img.border {
        margin-right:-12px!important;
        margin-left:0!important;
        margin-top:-75px!important;
    }
    .news {
        padding:0!important;
        margin:0!important;
    }
    .new {
        position:relative!important
    }
    .new .date,
    .new .text {
        clear:both;
        width:auto!important;
        float:none!important;
        margin:0!important;
    }
    .new .date {

    }
    .new .date div {
        /* font-size:12pt!important */
    }
    .new .text div.desc,
    .new .text div.title {
        font-size:8pt!important
    }
    .new .text {
        overflow:hidden!important
    }

    .links .col-md-5 {
        margin-bottom:20px!important
    }
    .links .col-md-7 > div {
        margin-bottom:20px!important
    }
    .links ul {
        margin-top:20px!important;
        float:none!important;
        text-align:center
    }

    .links .col-md-5 {
        text-align:center!important
    }

    .links .phone {
        display:inline-block;
        float:none!important;
        margin-bottom:10px
    }

    .links .footCats {
        text-align:center!important
    }

    .links ul li a {
        font-size:8pt!important
    }

    .copy {
        text-align:center!important
    }
    .carousel-indicators {
        position:relative!important;
        margin:0 auto!important;
        margin-top:-20px!important;
        left:auto!important;
        width:auto!important
    }
    .paginationBlok {text-align:center!important;}
    .pagination {width:auto!important;text-align:center!important;float:none!important;margin:0 auto!important}
    .products {
        padding:0!important
    }
    .product {
        padding:0!important
    }
    .navbar-nav {
        padding:0!important;
        margin:0!important;
    }
    .navbar-nav li {
        padding:0!important;
        padding-top:10px!important;
        margin:0!important;
        width:100%!important;
        float:none!important;
    }
    .navbar-nav li a {
        border-color:#dadada!important;
        border-width:1px!important;
        padding-bottom:15px!important;
        display:table;
        width:100%;
    }
    .navbar-nav li a:focus {

    }

    .dropdown-menu {
        display:none
    }

    .dropdown {
        position:relative
    }

    .navbar-nav li ul.dropdown-menu {
        position:static!important;
        padding:0!important;
        margin:0!important;
        width:100%!important;
        border:0!important;
        padding-top:5px!important;
        padding-bottom:10px!important;
        background-color:#f3f3f3!important;
        border-bottom:1px solid #e2e2e2!important
    }

    .navbar-nav li ul.dropdown-menu li {
        float:none!important;
        padding:0!important;
        margin:0!important;
        width:100%!important;
        text-align:center!important
    }
    .navbar-nav li ul.dropdown-menu li a {
        display:table;
        width:100%!important;
        padding:0!important;
        margin:0!important;
        border-color:#e2e2e2!important;
        color:#a6a6a6!important;
        padding-left:10px!important;
        padding-right:10px!important;
        margin-top:10px!important;
    }

    .navbar-nav li ul.dropdown-menu li ul.dropdown-menu {
        position:static!important;
        margin-top:10px!important;
        background-color:#fafafa!important;
        border-top:1px solid #e2e2e2!important;
        border-bottom:0!important;
    }

    .navbar-nav li ul.dropdown-menu li ul.dropdown-menu li a {
        display:table;
        width:100%!important;
        padding:0!important;
        margin:0!important;
        border-color:#e2e2e2!important;
        font-size:8pt!important;
        color:#8b8b8b!important;
        padding-left:10px!important;
        padding-right:10px!important;
        margin-top:10px!important;
    }

    .katalogForm {padding:15px 0px;}
    .showcase-text .news .new {margin-top:10px;}
    .address {text-align:center;}
    .links ul li {display:block!important;}
    body footer .links ul li a {margin:0px;font-size:13px!important;}
    .haberDate {margin-bottom:10px;}
    .footContact {text-align:center;}
    body footer .links ul {padding:20px 0px;}
    body footer .copy div {text-align:center;}

    .navbar{height: auto;}
    .navbar-nav{margin-top: 0px !important;
                li .dropdown-menu{background-color: transparent;}
    }
    .navbar-default{
        .navbar-collapse{text-align: center; overflow: hidden !important; border: 0px;}
        ul li{width: 100%; height: auto;text-align: center !important;
              a{padding-top: 0px; font-weight: 700 !important; display: inline-block;}
              .plus-icon{cursor:pointer;position:absolute!important;font-size: 23px; font-weight: 700; left:20px!important;top:12px!important;z-index:0}
        }	
        ul li.dropdown{
            .dropdown-menu{position: static; width: 100% !important; margin: 0px !important; background-color: transparent;
                           ul{}
                           li{
                               .plus-icon{top:0!important;}
                               a{margin: 0px; border-bottom: 0px; text-align: center;}
                               &:nth-last-child(1){border: 0px;}
                               &:hover{background-color: transparent;}
                               .dropdown-menu{border: 0px;}
                           }
            }
        }
    }

    .languages option {
        padding:0!important;
        margin:0!important
    }

    body main .content.contact .page.timeline .years {
        width:25%!important;
        position:static!important;
        left:0!important;
        padding:0!important;
        margin:0!important;
    }
    body main .content.contact .page.timeline .years a {
        font-size:10pt!important;
        margin:15px auto
    }
    body main .content.contact .page.timeline > .title,
    .title-right {
        text-align:center!important
    }
    body main .content{
        .showcase-text{
            .news{
                .new{
                    .text{width: 100% !important; height: auto; margin-top: 5px !important;}
                }
            }
        }
    }
    .timeline .infos {
        padding:0!important;
        margin:0!important;
    }
    .product-details .image {
        padding:0!important
    }
    .product-details .infos {
        padding:0!important
    }
    .products{
        .product{
            .product-inner{background-color: @white; padding: 20px 15px; border: 1px solid #efefef; margin-bottom: 30px; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.1);
                           .link{position: relative!important;display:inline-block!important;right:0!important;bottom:0!important;width:100%!important; background-color: @orange; color: @white; font-size: 14px; font-weight: 500; padding: 8px 30px 8px 20px; transition: all 0.2s;}
            }
        }
    }
}
@media (min-width: 480px) and (max-width: 1025px){}


/* less space */
//====================================
//              FOR LOOP             =
//====================================
.for(@i, @n) {
    .-each(@i)
}

.for(@n) when (isnumber(@n)) {
    .for(1, @n)
}

.for(@i, @n) when not (@i =@n) {
    .for((@i + (@n - @i) / abs(@n - @i)), @n);
}
//--------  End of for loop  ---------//

//=========================================
//              FOR EACH LOOP             =
//=========================================
.for(@array) when (default()) {
    .for-impl_(length(@array))
}

.for-impl_(@i) when (@i > 1) {
    .for-impl_((@i - 1))
}

.for-impl_(@i) when (@i > 0) {
    .-each(extract(@array, @i))
}
//--------  End of for each loop  ---------//

@screen-xs: 0;
@screen-sm: 480px;
@screen-md: 768px;
@screen-lg: 992px;
@screen-xl: 1600px;

@values-array: 0, 5, 10, 15, 20, 30, 40, 50, 75, 85, 90, 100, 150, 200;

// global
@media (min-width: @screen-xs) {
    .make-space(@prefix: xs);
}
// mobile
@media (min-width: @screen-sm) {
    .make-space(@prefix: sm);
}
// tablet
@media (min-width: @screen-md) {
    .make-space(@prefix: md);
}
// desktop
@media (min-width: @screen-lg) {
    .make-space(@prefix: lg);
}
// large screens
@media (min-width: @screen-xl) {
    .make-space(@prefix: xl);
}

// init functions
.make-space(@prefix) {
    .for(@values-array);
    .-each(@value) {
        .@{prefix}-p-@{value}   { padding:        ~"@{value}px"; }
        .@{prefix}-pt-@{value}  { padding-top:    ~"@{value}px"; }
        .@{prefix}-pl-@{value}  { padding-left:   ~"@{value}px"; }
        .@{prefix}-pr-@{value}  { padding-right:  ~"@{value}px"; }
        .@{prefix}-pb-@{value}  { padding-bottom: ~"@{value}px"; }
        .@{prefix}-m-@{value}   { margin:         ~"@{value}px"; }
        .@{prefix}-mt-@{value}  { margin-top:     ~"@{value}px"; }
        .@{prefix}-ml-@{value}  { margin-left:    ~"@{value}px"; }
        .@{prefix}-mr-@{value}  { margin-right:   ~"@{value}px"; }
        .@{prefix}-mb-@{value}  { margin-bottom:  ~"@{value}px"; }

    }
}



.altiCiz{text-decoration:underline !important;}
.kvkk-group label{font-size:17px;}
#kvkk_modal{z-index: 9999;}
.cerezList{width: 100%;min-height: 70px;background-color: #cb0d0d;}
.cerezList p{color: #FFFFFF;font-size: 14px;font-weight: 500;padding-left: 20px;padding-top: 13px;}
.cerezList a {color:#FFFFFF;}
.cerezList p a {text-decoration:underline!important;}
.kontrol-btn,
.kontrol-btn.active.focus,
.kontrol-btn.active:focus,
.kontrol-btn.active:hover,
.kontrol-btn:active.focus,
.kontrol-btn:active:focus,
.kontrol-btn:active:hover,
.open>.dropdown-toggle.kontrol-btn.focus,
.open>.dropdown-toggle.kontrol-btn:focus,
.open>.dropdown-toggle.kontrol-btn:hover{
  outline: none !important;
  background-color: #cb0d0d;
  border: none;
  border-radius: 0px;
  width: 100%;
  padding: 7px 0px;
}
.kontrol-btn{margin: 50px 0px 0px 0px;width:100%;}
.cerezButon {margin:25px 0px 10px 0px;color:#000;font-weight:600;border-radius:5px;}
.cerezButton{position: absolute;font-size: 50px;top: -15px;right: 10px;color: #fff;cursor: pointer;}
.cerezList{z-index: 99999;position: relative;}
.backBlackCerez{width:100%;height: 100%;background-color: rgba(0,0,0,0.7);position: fixed;z-index: 999;}