/*
    HEADER AND SLIDER
 */

.header{
    width: 100%;
    height: 85px;
    overflow: hidden;
}

.logo_container{
    width: 100%;
    height: 85px !important;
    padding: 0px !important;
}

.logo{
    width: 100%;
    height: 100%;
    background-image: url("../../uploads/tulpar_logo.png");
    background-repeat: no-repeat;
}

.main_menu{
    line-height: 85px !important;
}
.main_menu li{
    display: inline-block;
    margin-left: 10px;
    font-weight: bold !important;
    color: #00adbb;
}

.slider{
    width: 100%;
    height: 100% !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider_text{
    width: 100%;
    height: auto !important;
    margin: 0 auto;
    text-align: right;
    margin-top: 30px;
    font-size: 13pt;

}

.bant{
    width: 100%;
    min-height: 70px !important;
    background-color: #00adbb;
    margin-top: 5px;
}

.bant_col{
    min-height:70px;
    line-height:70px;
    color: #fff !important;
}

.bant_col > span{
    display:inline-block;
    line-height:20px;
    vertical-align:middle;
}

.bant_icon{
    padding-right: 10px;
}


 /*
    MAIN MIDDEL
 */

.main_middle{
    width: 100%;
    min-height: 180px !important;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom:30px !important

}

.gray{
    height: 100% !important;
    background-color: #e2e2e2;
}

 /*
    FOOTER
 */

 .footerStyle{
     min-height: 211px !important;
     margin-top: 20px;
     background-color: #fff;
     padding-top: 20px;
     padding-bottom: 25px !important;
 }


 .logo_footer{
     width: 150px;
     height: 60px;
     background-image: url("../../uploads/tulpar_logo.png");
     background-repeat: no-repeat;
     background-size: 100%;
 }

 .cr_one{
    padding-top: 62px;

 }


 .adres_baslik{
     font-weight: bold;
     color: #00adbb;
 }

 .on_slider{
     margin-top: -50px !important;
     position: relative;
     z-index: 1;
 }



 .alt_menu li{
     padding: 10px;
     background-color: #00adbb;
     color: #fff;
     margin-bottom: 5px;
 }

 .galeri{
     margin-bottom: 20px;
     max-height: 370px;
     overflow: hidden;
 }

 .galeri_button{
     width: 30px;
     height: 30px;
     position: absolute;
     bottom: 15px;
     right: 30px;
     background-color: #00adbb;
     text-align: center;
     line-height: 30px;
 } .galeri_button i { color: #fff !important}

 .mobil_menu{
     display: none;
 }

 #mobil_menu{
     width: 100%;
     height: 100%;
     background-color: rgba(17,160,175,0.9);
     position: absolute;
     z-index: 100;
     display: none;
 }

 .mobil_menu_ul{
     width: 100%;
     text-align: center;
     color: #fff;
     margin: 0 auto;
     padding-top: 50px;
     line-height: 3;
     font-size: 12pt;
 }.mobil_menu_ul li a i{font-size: 16pt; color: #fff}

  .result{
      margin-bottom: 10px;
      font-weight: bold;
      font-size: 16pt;
      color: #00adbb;
  }

 .noScroll{
     overflow: hidden !important;
 }

 .urunler_button{
     background-color: rgba(17,160,175,1);
     color: #fff;
     text-align: center;
     padding: 5px;
     margin-top: 15px;
     line-height:79px;
 }

 .urunler_button > span{
     line-height: 1.3;
     display: inline-block;
     vertical-align:middle;
 }


 .main_button{
     background-color: rgba(17,160,175,.8);
     color: #fff;
     text-align: center;
     padding: 5px;
     margin-top: 15px;
     line-height:150px;
 }

 .main_button > span{
     line-height: 1.3;
     display: inline-block;
     vertical-align:middle;
     padding-left: 10px;
     padding-right: 10px;
 }

 .main_button_icon{
     width: 50px;
     height: 50px;
     background-color: #00adbb;
 }


 .galeri_button{
     width: 130px;
     height: 50px;
     position: relative;
     margin-top:-120px;
     color: #fff;
     border-radius: 5px;
     line-height: 48px;

 }

 .galeri_button > span{
     line-height: 1.3;
     display: inline-block;
     vertical-align:middle;
     padding-left: 10px;
     padding-right: 10px;
 }

 .galeri_button  span .fa{
     font-size: 12pt !important;
 }



 /* PRODUCTS MENU */

 .product_box_main {
     position: relative;
     height: 155px;
     overflow: hidden;
     padding: 7.5px;
     padding-top: 0px;
 }

 .product_box {
     width: 100%;
     height: 100%;
     color: #fff;
     line-height: 1;
     position: relative;
     overflow: hidden;
 }

 /*** width hack ie **/

 .product_box_layer {
     position: absolute;
     z-index: 2;
     width: 100%;
     height: 100%;
     mix-blend-mode: multiply;
     opacity: 0.8 \9;
     background-color: rgba(17,160,175,0.9);

 }

 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles */
     .product_box_layer {
         opacity: 0.8 !important;
     }
 }

 @supports (-ms-ime-align:auto) {
     /* IE Edge CSS styles */
     .product_box_layer {
         opacity: 0.8 !important;
     }
 }

 /*** width hack **/

 .product_box_image {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     z-index: 1;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     transition: all .5s ease-in-out;
 }

 .product_box_main:hover .product_box_image {
     transform: scale(1.4);
 }

 .product_group {
     width: auto;
     color: #fff;
     line-height: 150px;
     position: absolute;
     z-index: 5;
     text-align: center;
     top: 0;
     left: 20px;
     right: 20px;
     bottom: 0;
     margin: auto;
 }

 .aBeyaz{
     font-size: 12pt;
     color: #fff !important;
     text-decoration: none !important;
     cursor: pointer !important;
 }
 .aBeyaz:hover, aBeyaz:visited{
     color: #fff;
     text-decoration: none;
 }

 .product_box_text {
     text-align: center;
     display: inline-block;
     vertical-align: middle;
     width: auto !important;
     margin: 0 auto !important;
     transition: text-shadow 0.5s;
     line-height: 1.3;
     padding: 10px;
     border: 1px solid #fff;
     background-color: rgba(255,255,255,.2);

 }

 .product_box_text > a:hover {
     text-shadow: 0 0 15px #fff;
     transition: text-shadow 0.5s;
 }

 /* Microsoft Edge Browser 12+ (All) - @supports method */

 @supports (-ms-ime-align:auto) {
     .layer {
         opacity: 0.8;

     }
 }

 .product_list_box{
 }

 .product_list_box_image{
     border: 1px solid #e2e2e2;
     text-align: center;
 }

 .product_list_box img{
     width: auto !important;
     max-height: 300px;
     padding: 10px;
 }

 .product_list_box_txt{
     border-top: 0px solid #e2e2e2;
     padding-left: 10px;
     padding-right: 10px;
     margin-top: 10px;
 }

 .kumanda_panosu_logolar{
     text-align: center;
 }

 .motor_logolar{
     max-width: 70px !important;
     text-align: center;
 }

 .valign{
     vertical-align: middle !important;
 }

 .titlekabin{
     width: 95% !important;
     margin: 0 auto;
     text-align: left;
     font-size: 7pt;
     color: #444;
     margin-top: 5px;
     margin-bottom: 0px !important;

 }

 .dokumanlar_tablo_marka{
     text-align: left;
     background-color: rgba(17,160,175,0.9);
     color: #fff;
 }