.fl { float: left; }
.fr { float: right; }
/* display */
.di { display: inline-block; }
.db { display: block; }
/* position */
.pa { position: absolute; }
.pr { position: relative; }
/* margin+padding */
.m { margin: 0; }
.p { padding: 0; }
.mp { margin: 0; padding: 0; }
.pdl { padding-left: 0; }
.pdr { padding-right: 0; }
/* font */
.light { font-weight: 300; }
.reg { font-weight: 400; }
.bold { font-weight: 600; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }


body { font-family: 'Roboto', sans-serif; }
a, a:hover, a:focus { outline: 0 !important; text-decoration: none; }
h2.genelBaslik { position: relative; color: #0a3558; margin: 0; }
    h2.genelBaslik span { background: #fff url(../images/h2.png) no-repeat 0 2px; position: relative; z-index: 1; padding: 0 20px 0 30px; font-size: 21px; font-weight: 700; }
    h2.genelBaslik:before { background: #ccc; content: ""; display: block; height: 1px; position: absolute; top: 55%; width: 100%; left: 0; }
    h2.genelBaslik:after { clear: both; content: ""; display: block; }


/*Navbar Default*/
.navbar-default { border-radius: 0; box-shadow: none; background: none; border: none; font-family: 'Roboto Condensed'; margin-top: 10px; }
.navbar-default .navbar-nav li.active > a,
.navbar-default .navbar-nav li.active > a:hover,
.navbar-default .navbar-nav li.active > a:focus { background: none; color: #000; box-shadow: none; }
.navbar-default .navbar-nav li > a { color: #000; font-weight: 600; font-size: 16px; padding: 20px 25px 19px; }
.navbar-default .navbar-nav li:last-child > a { padding-right: 0; }


.navbar-right .dropdown-menu { left: 0; padding: 0; margin-top: -1px !important; }
/*.navbar-default .navbar-nav > .open > a { background: #d60f16 !important; color: #FFF !important; }
.navbar-default .navbar-nav > .active > a { background: #5d6367 !important; color: #FFF !important; }

.dropdown-menu > li > a { padding: 10px 20px !important; border-bottom: 1px solid #CDCDCD !important; font-weight: 300 !important; font-size: 14px !important; }*/




/*MENU*/
 
.mega-menu .nav,
.mega-menu .collapse,
.mega-menu .dropup,
.mega-menu .dropdown { position: static; }
.mega-menu .container { position: relative; }
.mega-menu .dropdown-menu { left: 84px; top: 100%; right: 0;   background-color: #FFF; padding:10px 0 }
 

.mega-menu .nav.navbar-right .dropdown-menu { left: 0; right: 0; }
.mega-menu .mega-content { padding: 0; }
.mega-menu .dropdown.mega-fw .dropdown-menu { left: 0; right: 0; }


.navbar-nav > li > .dropdown-menu { border-bottom: 5px solid #d60f16; border-top: 5px solid #d60f16; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .active > a {background:#d60f16; color:#FFF}


.menu-box-right { padding: 0 !important; }
.menu-box-right h2 { padding: 0; color: #333; margin: 10px 0; font-size: 16px; font-weight: 700; font-family: "Open Sans"; text-transform: uppercase; }
.menu-box-right p { font-size: 11px; color: #333; font-weight:300; font-family:"Roboto" }


.menu-box-left ul { padding: 0; margin: 0; list-style: none; }
    .menu-box-left ul li {
        padding: 10px 0;
        border-bottom: 1px dotted #CDCDCD;
        overflow: hidden;
        transition: All 1s ease;
        -webkit-transition: All 1s ease;
        -moz-transition: All 1s ease;
        -o-transition: All 1s ease;
    }
.menu-box-left ul li a { font-size: 12px !important; color: #333 !important; display: block; padding: 5px ;  font-weight: 300 !important; text-transform: uppercase; }
.menu-box-left ul li a:hover { color: #000;  }
.menu-box-left ul li:hover { background-color: #F2F3F4; }
.li-image {float:left; padding:0 10px 0 0 !important; padding:0 !important}
.li-image img {width:136px; padding:0 10px 0 0 }

a.all-button { background: #af121c; padding: 5px; font-size: 11px; text-decoration: none; border: 1px solid #CDCDCD; color: #FFF; margin-top: 5px; display: inline-block; transition: all 1s ease;   -webkit-transition: all 1s ease;    -moz-transition: all 1s ease;    -o-transition: all 1s ease;}
a.all-button:hover { background: #333; color: #FFF; }

.resp-tabs-container { padding: 0px; background-color: #fff; clear: left; }
h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
.resp-tab-content { display: none; }
.resp-tab-content img { width: 100%; max-width: 100%;   }
.resp-tab-active { color: #be1522; }


















.logo { margin: 0px 0; }
/* HeadBar */
.social { position: relative; top: 5px; margin-right: 5px; }
    .social a { background: url(../images/social.png) no-repeat; width: 23px; height: 23px; text-indent: -9999em; display: inline-block; margin: 0 10px 0 -4px; text-align: left; }
        .social a.tw { background-position: -34px 0; }
.head_Iletisim { background: #e5e5e5; padding: 9px 25px; transform: skew(-20deg,0); -moz-transform: skew(-20deg,0); -webkit-transform: skew(-20deg,0); }
    .head_Iletisim div { transform: skew(20deg,0); -moz-transform: skew(20deg,0); -webkit-transform: skew(20deg,0); }
    .head_Iletisim .tel { background: url(../images/tel.png) no-repeat 0 7px; padding-left: 25px; font-size: 16px; margin-top: -6px; }
        .head_Iletisim .tel span { font-size: 20px; }
    .head_Iletisim .mail { background: url(../images/mail.png) no-repeat; padding-left: 25px; margin-left: 15px; }
        .head_Iletisim .mail a { font-size: 13px; color: #3f3f3f; }
.hizlitalep { margin-left: -7px; position: relative; z-index: 3; }
    .hizlitalep a { color: #fff; font-size: 13px; font-weight: 500; padding: 10px 20px 11px 20px; display: block; background: #7a8186; transition: .8s ease-in; }
        .hizlitalep a:hover, .hizlitalep a:focus { background: #D60F16; }
.diller a { background: #0a3558; padding: 11px 7px 10px 7px; color: #fff; font-size: 13px; display: inline-block; }
    .diller a.en { margin-right: -2px; }

/* Slider */
#slider { }
.katalog { bottom: -30px; z-index: 1; margin-left: 135px; }
.slider { width: 100%; top: 150px; z-index: 100; }
.sliderIcerik {   background: #d60f16 none repeat scroll 0 0;
  width: 289px;
  height: 104px;
  margin-right: 0px;
  padding: 10px 0 25px 0;
  position: absolute;
  right: 0; }


.sliderIcerik { transition: All 1s ease; -webkit-transition: All 1s ease; -moz-transition: All 1s ease; -o-transition: All 1s ease; transform: rotate(0deg) scale(0.76) skew(-180deg) translate(-7px); -webkit-transform: rotate(0deg) scale(0.76) skew(-180deg) translate(-7px); -moz-transform: rotate(0deg) scale(0.76) skew(-180deg) translate(-7px); -o-transform: rotate(0deg) scale(0.76) skew(-180deg) translate(-7px); -ms-transform: rotate(0deg) scale(0.76) skew(-180deg) translate(-7px); }

    .sliderIcerik p.list {   font: 500 italic 34px/40px 'Roboto';
  color: #fff;
  /* background: url(/images/verify.png) no-repeat; */
  padding-left: 10px;
  margin: 6px 0 0 25px;
  display: block; }
#slider .owl-nav { position: absolute; bottom: -20px; right: 14.6%; }
#slider .owl-next, #slider .owl-prev { background: url(../images/sliderArrow.png) no-repeat;   width: 52px;
  height: 45px; text-indent: -999em; margin:0 }
#slider .owl-next { background-position: -52px 0; }

#urunler { box-shadow: inset 0 1px 30px rgba(0,0,0,.4); -moz-box-shadow: inset 0 1px 30px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 1px 30px rgba(0,0,0,.4); margin-top: -10px; padding: 50px 0; }

    #urunCarousel { margin: 10px 0 0 0; height:220px }
    #urunCarousel .owl-item:first-child { border: none; }
    #urunCarousel .owl-item { border-right: 1px solid #ddd; margin:0; padding:5px;}
    .owl-carousel .owl-stage {left:-1px}
    #urunCarousel .urunadi {     border-top: 1px solid #cdcdcd;
    color: #000;
    font: 600 16px/16px "Roboto Condensed";
    height: 50px;
    letter-spacing: -0.25px;
    padding: 10px 0 0;
    text-align: center; }
    #urunCarousel .owl-nav,
    #refCarousel .owl-nav { position: absolute; top: -42px; right: 0; background: #fff; padding-left: 9px; }
    #urunCarousel .owl-next, #urunCarousel .owl-prev,
    #refCarousel .owl-next, #refCarousel .owl-prev { background: url(../images/urunC.png) no-repeat; width: 26px; height: 26px; text-indent: -9999em; }
    #urunCarousel .owl-next,
    #refCarousel .owl-next { background-position: -27px 0; }
    #urunCarousel .owl-prev,
    #refCarousel .owl-prev { margin-right: 8px; }

#gorsel { width: 100%; height: 100%; display: block; }
    #gorsel .img-responsive { width: 100%; height: auto; display: block; }
.gorselIcerik { width: 100%; top: 45px; }
#gorsel h2 { font-family: 'Roboto Condensed'; color: #fff; font-size: 56px; letter-spacing: -0.25px; margin: 0; padding: 0; }
    #gorsel h2 span { font-size: 71px; }
#gorsel p { font-style: italic; font-weight: 300; font-size: 24px; color: #fff; letter-spacing: -0.55px; margin: 10px 0 0 0; padding: 0; }

#referanslar { padding: 40px 0 20px 0; }
    #referanslar h2 { font-family: 'Roboto Condensed'; font-size: 20px; color: #0a3558; }
    #referanslar .owl-item { padding: 0 10px; border-left: 1px solid #ccc; }
#refCarousel .owl-nav { left: -230px; top: 52px; background: transparent; width: 100%; text-align: left; }

#baglantilar { background: #f6f6f6; padding: 35px 0; color: #363636; }
    #baglantilar h4 { font: 600 15px/15px 'Roboto Condensed'; color: #000; padding-bottom: 15px; }
    #baglantilar ul { margin: 0; padding: 0; list-style-type: none; }
        #baglantilar ul > li > a { font-size: 13px; font-weight: 300; color: #363636; }
    #baglantilar .bIletisim p { font-size: 13px; font-weight:300; }
    #baglantilar .doviz p, #baglantilar .bulten p, #baglantilar .bSosyal p { font-size: 12px; font-weight: 300; }
    #baglantilar .bulten p { margin: 38px 0 0 0; }
    #baglantilar .bSosyal a { background: url(../images/social.png) no-repeat; width: 23px; height: 23px; text-indent: -9999em; display: inline-block; margin: 0 6px 0 0; text-align: left; }
        #baglantilar .bSosyal a.tw { background-position: -34px 0; }

.bulten { border: 1px dashed #999; border-top: 0; border-bottom: none; padding-bottom: 70px; }
.ebulten { position: relative; left: 0; top: -11px; width: 100%; }
    .ebulten .form-control { position: absolute; top: 0; left: 0; display: block; width: 96%; border: 1px solid #ddd; }
    .ebulten #ebultenGonder { position: absolute; top: 0; right: 15px; text-indent: -999em; border: none; background: url(../images/ebulten.jpg) no-repeat top 10px right 10px; width: 40px; height: 30px; }
    .ebulten .form-control:focus { border-color: rgba(10,53,88, 0.4); }

.flag { width: 24px; padding-right: 5px; }
/*.table-doviz tr:first-child td {border-top:none}*/

.table-doviz tr { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-linear-gradient(top, #FFF 0%, #ededed 100%); background-image: -o-linear-gradient(top, #FFF 0%, #ededed 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ededed)); background-image: linear-gradient(to bottom, #FFF 0%, #ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffededed', GradientType=0); background-repeat: repeat-x; }

#footer { padding: 25px 0 0 0; }
    #footer .sol { font: 400 11px/14px 'Roboto'; color: #a1a4a8; }
        #footer .sol p { margin: -5px 0 0 0; padding: 0 0 0 10px; }
    #footer .copy { font: 600 13px/24px 'Roboto Condensed'; color: #000; }
.fMenu { color: #939393; margin-bottom: 40px; }
    .fMenu a { display: inline-block; font: 400 12px/12px 'Roboto Condensed'; color: #939393; padding: 0 7px; }
.venus { color: #a1a4a8; font-size: 11px; position: relative; top: 10px; right: 10px; }
a#yukari { background: url(../images/goto.png) no-repeat; display: inline-block; width: 43px; height: 41px; text-indent: -999em; text-align: left; }

.master-banner img { width: 100%; }
.master-banner { /*border-bottom:65px solid #5d6367*/ padding-bottom: 65px; background: #5d6367; }

.title { top: -44px; margin-bottom: -44px; position: relative; }
    .title h2 { margin-left: 30px; font-size: 24px; color: #FFF; font-family: "Roboto Condensed"; font-weight: 700; position: relative; display: inline-block; margin-top: 0; }
        .title h2:after { content: ""; border-top: 7px solid #FFF; border-right: 9px solid transparent; border-left: 9px solid transparent; position: absolute; top: -24px; z-index: 99; left: 50%; margin-left: -10px; }

.content { padding: 30px 0 30px 30px; }
    .content p { font-weight: 300; }

.master { padding-bottom: 40px; }
.master-left { margin-top: -70px; margin-left: -6%; position:relative; }
.master-right { margin-left: -2%; }

.master-menu { background: #d60f16; padding: 20px 40px 50px; margin-top: 0px; position: relative; border-radius: 10px; -webkit-box-shadow: inset 0 0 40px 10px rgba(0,0,0,0.2); box-shadow: inset 0 0 40px 10px rgba(0,0,0,0.2); z-index:99 }

.master-menu h2 { font-family: "Roboto Condensed"; font-weight: 700; color: #FFF; background: url(../images/icon-logo.png) no-repeat; padding-left: 35px; display: inline-block; }
.master-menu ul { margin: 0; padding: 0; list-style: none; }
.master-menu ul li { color: #FFF; padding: 0; margin: 0; }
    .master-menu ul li a { color: #FFF; border-bottom: 1px solid #FFF; background: url(../images/arrow-menu.png) no-repeat left; padding: 3px 5px 3px 20px; display: block; border-radius: 0; }
    .master-menu ul li.active a { font-weight: 700; }
    .master-menu ul li a:hover { background-color: transparent; font-weight: 700; }

.menu-products { background: #FFF; padding: 20px 40px 50px 20px; margin-top: 0px; position: relative; border-radius: 10px; 
            -webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,0.1); box-shadow:  0 0 20px 10px rgba(0,0,0,0.1); z-index:99999999 }

.menu-products h2 { font-family: "Roboto Condensed"; font-weight: 700; color: #0a3558; /*background: url(/images/icon-logo-2.png) no-repeat;*/  display: inline-block; }
/*.menu-products ul {margin:0; padding:0; list-style:none}
.menu-products ul li {color:#FFF; padding:0; margin:0; }
.menu-products ul li a {color:#FFF; border-bottom:1px solid #FFF; background:url(/images/arrow-menu.png) no-repeat left; padding:3px 5px 3px 20px; display:block;border-radius:0}
.menu-products ul li.active a {font-weight:700}
.menu-products ul li a:hover {background-color:transparent; font-weight:700}*/

/*.catalog { background-image: url(/images/bg-catalog.jpg); background-repeat: repeat-y; background-size: 100% 100%; background-position: center center; padding: 0 70px; position: relative; margin-bottom: 156px; top: 156px; width: 96%; left: 2%; text-align: center; }

.catalog:after { background-image: url(/images/bg-catalog-up.jpg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; padding: 0 70px; height: 156px; width: 100%; content: ""; position: absolute; top: -156px; left: 0; z-index: 998; }
.catalog:before { background-image: url(/images/bg-catalog-bottom.jpg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; padding: 0 70px; height: 84px; width: 100%; content: ""; position: absolute; bottom: -84px; left: 0; margin-bottom: 84px; z-index: 998; }

.catalog img { position: relative; z-index: 999; top: -130px; margin-bottom: -130px; }

.catalog .catalog-title { position: relative; padding-left: 40px; background: url(/images/icon-download.png) no-repeat; height: 120px; z-index: 9999; }
.catalog .catalog-title h3, .catalog .catalog-title h4 { color: #000; margin-bottom: 0; font-family: "Roboto Condensed"; margin-top: 0; text-align: left; }
.catalog .catalog-title h3 { font-size: 30px; padding-bottom: 10px; }
.catalog .catalog-title h4 { font-size: 20px; }*/


.catalog { padding:30px 20px 40px; position: relative; width: 96%; left: 2%; text-align: center;-webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,0.1); box-shadow:  0 0 20px 10px rgba(0,0,0,0.1); background:#FFF}
.catalog img { position: relative; z-index: 99; }
.catalog .catalog-title { position: relative; padding-left: 40px; background: url(../images/icon-download.png) no-repeat;  z-index: 99; left:20px; top:20px }
.catalog .catalog-title h3, .catalog .catalog-title h4 { color: #000; margin-bottom: 0; font-family: "Roboto Condensed"; margin-top: 0; text-align: left; }
.catalog .catalog-title h3 { font-size: 30px; padding-bottom: 10px; }
.catalog .catalog-title h4 { font-size: 20px; }



h2.editor-title { font-family: 'Roboto Condensed'; color: #000; font-size: 46px; letter-spacing: -0.25px; margin: 0 0 10px 0; padding: 0; font-weight: 300; }
h2.editor-title span { font-size: 60px; font-weight: 700; }

.sube tr.nopadding td { padding: 0; }
.sube th { padding: 0 0 0 20px; border: none !important; }
.sube { margin-top: -22px; }
.sube th, .sube td {padding-left:0 !important}

.btn-gray { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-linear-gradient(top, #FFF 0%, #ededed 100%); background-image: -o-linear-gradient(top, #FFF 0%, #ededed 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ededed)); background-image: linear-gradient(to bottom, #FFF 0%, #ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffededed', GradientType=0); background-repeat: repeat-x; -webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2); box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2); color: #000; width: 100%; border-radius: 0; outline: none; }
    .btn-gray:hover, .btn-gray:active, .btn-gray:focus { color: #000; background-position: 0 -50px; }

.btn-form-contact { margin-top: 10px; }

.btn-red, .btn-red:hover, .btn-red:active, .btn-red:focus { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-linear-gradient(top, #d60f16 0%, #b10d13 100%); background-image: -o-linear-gradient(top, #d60f16 0%, #b10d13 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d60f16), to(#b10d13)); background-image: linear-gradient(to bottom, #d60f16 0%, #b10d13 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd60f16', endColorstr='#ffb10d13', GradientType=0); background-repeat: repeat-x; -webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2); box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2); color: #FFF; width: 100%; border-radius: 0; outline: none; }
    .btn-red:hover, .btn-red:active, .btn-red:focus { color: #FFF; }

.references .pro-title { color: #FFF; height: auto; }
.references .pro-image { padding: 20px 0 30px 0; }
.products { /*border:5px solid #5b6165;*/ text-align: center; margin: 20px 0; -webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2); box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2); -webkit-transition: .4s ease-in; -moz-transition: .4s ease-in; -o-transition: .4s ease-in; transition: .4s ease-in; position: relative; overflow: hidden; }
    .products:hover { /*border-color: #d60f16;*/ -webkit-box-shadow: 3px 3px 20px 3px rgba(0,0,0,0.5); box-shadow: 3px 3px 20px 3px rgba(0,0,0,0.5); }
        .products:hover .pro-title { background: #d60f16; }
.products-last-group { box-shadow: none; border: 1px solid #CDCDCD; }
    .products-last-group .pro-title { background: none; }
        .products-last-group .pro-title a { color: #000; -webkit-transition: .4s ease-in; -moz-transition: .4s ease-in; -o-transition: .4s ease-in; transition: .4s ease-in; }
    .products-last-group:hover .pro-title a { color: #FFF; }

.products .detail-pro { left: -150px; bottom: 150px; }

.detail-pro { color: #FFF; background: #D60F16; position: absolute; left: -150px; bottom: 50px; font-family: "Roboto Condensed"; padding: 5px 10px; }
    .detail-pro:hover, .detail-pro:focus { color: #FFF; background: #000; }
.pro-title { background: #5b6165; height: 64px; -webkit-transition: .4s ease-in; -moz-transition: .4s ease-in; -o-transition: .4s ease-in; transition: .4s ease-in; padding: 10px 15px; }
    .pro-title a { color: #FFF; text-align: center; font-family: "Roboto Condensed"; font-weight: 700; font-size: 16px; line-height: 10px; }

.pro-desc { padding: 10px; font-size: 12px; border-top: 1px solid #cdcdcd; }

.pro-image { margin: 2px 0 0; }
    .pro-image img { display: inline-block; }

.breadcrumb { margin: 8px 0 0 25px; border-radius: 0 0 10px 10px; padding: 5px 10px 10px 15px; color: #FFF; background-image: -webkit-linear-gradient(top, #e7121a 0%, #b20e14 100%); background-image: -o-linear-gradient(top, #e7121a 0%, #b20e14 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#e7121a), to(#b20e14)); background-image: linear-gradient(to bottom, #e7121a 0%, #b20e14 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7121a', endColorstr='#ffb20e14', GradientType=0); background-repeat: repeat-x; }
    .breadcrumb li { font-size: 12px; color: #FFF; }
    .breadcrumb a { font-size: 12px; color: #FFF; }

.pro-detail-img { border: 0px solid #CDCDCD; }
.errorForm { text-align: right; font-weight: 300; font-family: "Roboto"; color: #d60f16 !important; padding-left: 20px; }

.table-pro { margin-top: 30px; }
    .table-pro > thead > tr > th,
    .table-pro > tbody > tr > th,
    .table-pro > tfoot > tr > th,
    .table-pro > thead > tr > td,
    .table-pro > tbody > tr > td,
    .table-pro > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: middle; border-top: 1px solid #ddd; font-size:12px }
    .table-pro > thead > tr > th { vertical-align: middle; border-bottom: 2px solid #ddd; overflow: hidden; text-overflow: ellipsis; font-size:16px}

.detail-left table tr td:first-child { width: 25%; font-weight: 700; font-family: "Open Sans"; color: #333; font-size: 13px; }
.table-pro > tbody > tr > td { background-color: #FFF; }
.table-pro > thead > tr > th { background-color: #5D6367; color: #FFF; text-align: center; }
.table-pro > tbody > tr > th { background-color: #019DEA; color: #FFF; font-weight: 700; text-align: center; }

.table-pro > tbody > tr:nth-child(odd) > td { background-color: #f9f9f9; }
.technical { margin: 0; }
    .technical .alert-warning { margin-top: 20px !important; }
    .technical .panel-title > a { background: rgba(0, 0, 0, 0) url("../images/arrow-down.png") no-repeat scroll right center !important; color: #000; display: block; font-size: 14px !important; width: 100%; text-decoration: none; font-family: "Open Sans",sans-serif; outline: none; }
    .technical .panel-title span { background: #d60f16 none repeat scroll 0 0; color: #FFF; font-size: 16px; font-weight: 700; margin-right: 5px; padding: 4px 20px 5px !important; text-align: center; position: relative; z-index: 999; left: -10px; top: 0px; }
    .technical h4.panel-title { margin: 0; padding: 0; }
    .technical .panel-default > .panel-heading { background: #fff none repeat scroll 0 0 !important; outline: none; }




    #header {position:relative; z-index:9999999; background:#FFF; border-bottom:1px solid #000;}

    .overlay {
    background: rgba(0, 0, 0, 0.7) ;
    display: none;
    height: 100%;
    left: 0;
    /*opacity: 0.3;*/
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998;
}
     
    .menuOn {
        display:block 
    }
     


    		section#parall { 
 			height: 384px;  
			margin: 0 auto; 
		    width: 100%; 
		    position: relative;  
       background-image:url(../images/gorsel.jpg); 
        background-position: 10%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%; 
		}


    .gorsel2 {        
        width:100%; 
        height:384px;
        background-image:url(../images/gorsel-2.png); 
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-attachment: scroll;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }
     
section.module:last-child {
  margin-bottom: 0;
}
 

 
 /*.katalog {
  animation: animationFrames linear 2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  translate(-470px,0px)  rotate(0deg) ;
  }
  100% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(-470px,0px)  rotate(0deg) ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(-470px,0px)  rotate(0deg) ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(-470px,0px)  rotate(0deg) ;
  }
  100% {
    -o-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(-470px,0px)  rotate(0deg) ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}*/
 
  

/* Responsive */
@media(max-width:767px) {
    /* Logo */
    .logo { text-align: center; }
        .logo .img-responsive { display: inline-block; }

    /* Navbar*/
    .navbar-default { text-align: center; margin: 20px 0 !important; }
    .navbar-toggle { float: none; }
    .navbar-default .navbar-nav li:last-child > a { padding-right: 22px; }

    /* Slider */
    #slider { }
        #slider .item img { height: 400px; width: 100%; object-fit: cover; object-position: left 10% bottom 10%; }
        #slider .owl-nav { right: 8.60%; }
    .sliderIcerik { position: absolute; top: -170px; right: -65px; transform: rotate(0deg) scale(0.68) skew(-180deg) translate(-7px); -moz-transform: rotate(0deg) scale(0.68) skew(-180deg) translate(-7px); -webkit-transform: rotate(0deg) scale(0.68) skew(-180deg) translate(-7px); }

    .katalog { margin-left: 0; transform: scale(.7); bottom: -85px; }

    #urunler { padding: 50px 0 20px 0; margin: -10px 0 0 0; }

    #gorsel .img-responsive { height: 350px; width: 100%; object-fit: cover; }
    #gorsel h2 { font-size: 36px; }
        #gorsel h2 span { font-size: 51px; }
    #gorsel p { font-size: 18px; }

    .bulten { padding-bottom: 10px; }
    .content { padding: 30px 15px; }

    #footer { text-align: center; }
        #footer .img-responsive { display: inline-block; }
        #footer .text-right { text-align: center !important; }
        #footer .col-sm-6:after { clear: both; content: ""; display: block; }
        #footer .fl { float: none !important; }
        #footer .sol p { padding: 0; margin: 0; }
        #footer .fMenu { margin: 15px 0 !important; }

    .title h2:after { display: none; }
    .master-menu { left: 10px; padding: 20px 40px 50px 30px; }
    .master-left { margin-top: -40px; }

    .master-banner { padding-bottom: 0; }
        .master-banner img { height: 200px; width: 100%; object-fit: cover; object-position: top 0 left 20%; }
}

@media(min-width:540px) and (max-width:767px) {

    #baglantilar .col-md-2 { width: 49%; margin-right: 1%; float: left; }
    #baglantilar .bSosyal { width: 100%; display: block; float: none !important; }
        #baglantilar .bSosyal:after { clear: both; content: ""; display: block; }
        #baglantilar .bSosyal h4 { padding: 0 0 10px 0; position: relative; top: 15px; }
    #baglantilar .bIletisim:after { clear: both; content: ""; display: block; margin-bottom: 120px; }
    .ebulten #ebultenGonder { right: 35px; }


    .master-menu { left: 15px; }
    .master-left { margin-top: 0; }
}

@media(max-width:540px) {
    .menu-products { margin-top: 20px; }
}

@media(max-width:480px) {

    /* slider */

    .sliderIcerik { position: absolute; top: -200px; left: -50px; transform: rotate(0deg) scale(0.50) skew(-180deg) translate(-7px); -moz-transform: rotate(0deg) scale(0.50) skew(-180deg) translate(-7px); -webkit-transform: rotate(0deg) scale(0.50) skew(-180deg) translate(-7px); }

    .katalog { position: relative; top: 0; margin-left: 20px; transform: scale(.8); -moz-transform: scale(.8); -webkit-transform: scale(.8); }
        .katalog a { display: block; }

    #gorsel h2 { font-size: 36px; }
        #gorsel h2 span { font-size: 42px; }
    #gorsel p { font-size: 18px; }

    .master-left { left: -10%; }
    .content { padding: 15px; }

    .breadcrumb { margin: 8px 15px 0 15px; }
}

@media(width:320px) {

    #slider .item img { object-position: left 40% !important bottom 10%; }
    .katalog { left: 0; }
}

@media(width:375px) {
    .katalog { margin-left: 30px; }
}


@media(width:414px) {
    .katalog { margin-left: 40px; }
}

@media(width:480px) {
    .katalog { margin-left: 65px; }
}

@media(min-width:768px) and (max-width:992px) {

    /* Header */


    /* Slider*/
    #slider { }
        #slider .item img { height: 350px; width: 100%; object-fit: cover; object-position: left 15% bottom 10%; }
    .sliderIcerik { position: absolute; top: -150px; right: 25px !important; }
    .katalog { left: -180px; bottom: -80px; transform: scale(.7); -moz-transform: scale(.7); -webkit-transform: scale(.7); }

    .navbar-default { margin-left: calc((-100% / 12 ) * 8); margin-left: -web-calc((-100% / 12 ) * 8); margin-left: -moz-calc((-100% / 12 ) * 8); margin-left: -o-calc((-100% / 12 ) * 8); margin-left: -ms-calc((-100% / 12 ) * 8); width: calc(100% + ((100% / 12 ) * 7)); width: -web-calc(100% + ((100% / 12 ) * 7)); width: -moz-calc(100% + ((100% / 12 ) * 7)); width: -o-calc(100% + ((100% / 12 ) * 7)); width: -ms-calc(100% + ((100% / 12 ) * 7)); text-align: left !important; float: left; margin-top: 10px; }
        .navbar-default .navbar-nav li > a { padding: 21px 18px; }

    /* Görsel */
    #gorsel { }
        #gorsel .img-responsive { height: 300px; width: 100%; object-fit: cover; }
        #gorsel .col-sm-7 { width: 100%; }
        #gorsel h2 { font-size: 38px; width: 100%; }
            #gorsel h2 span { font-size: 42px; }
        #gorsel p { font-size: 17px; }

    /* Bağlantılar */
    #baglantilar .col-md-2 { width: 49%; margin-right: 1%; float: left; }
    #baglantilar .bSosyal { width: 100%; display: block; float: none !important; }
        #baglantilar .bSosyal:after { clear: both; content: ""; display: block; }
    #baglantilar .bIletisim:after { clear: both; content: ""; display: block; margin-bottom: 120px; }
    #baglantilar .bSosyal h4 { padding: 0 0 10px 0; position: relative; top: 15px; }

    .bulten { padding-bottom: 15px; border: none; }
    .ebulten #ebultenGonder { right: 35px; }

    /* Master */
    .master-menu { width: 100%; left: 20px; }
    .master-banner { margin-bottom: 10px; }
    .title h2:after { display: none !important; }


    /* Footer */
    #footer { }
        #footer .img-responsive { margin-bottom: 10px; }

    /* ürünler*/
    .uGrup { }
        .uGrup .img-responsive { width: 100%; display: block; height: auto; }


    .menu-products { margin-top: 30px; }

    .catalog .catalog-title { background: none; }
        .catalog .catalog-title h3, .catalog .catalog-title h4 { text-align: center; }
}

@media(min-width:993px) and (max-width:1339px) {
    .logo { margin: 0; }

    /* Slider */
    #slider .owl-nav { right: 11%; }

    .sliderIcerik { position: absolute; right: 40px; top: -170px; transform: scale(0.7); -moz-transform: scale(.7); -webkit-transform: scale(.7); }
    .katalog { bottom: -90px; left: -170px; margin-left: 135px; transform: scale(0.7); -moz-transform: scale(.7); -webkit-transform: scale(.7); z-index: 1; }

    .navbar-default { margin-left: calc((-100% / 12 ) * 7); margin-left: -web-calc((-100% / 12 ) * 7); margin-left: -moz-calc((-100% / 12 ) * 7); margin-left: -o-calc((-100% / 12 ) * 7); margin-left: -ms-calc((-100% / 12 ) * 7); width: calc(100% + ((100% / 12 ) * 7)); width: -web-calc(100% + ((100% / 12 ) * 7)); width: -moz-calc(100% + ((100% / 12 ) * 7)); width: -o-calc(100% + ((100% / 12 ) * 7)); width: -ms-calc(100% + ((100% / 12 ) * 7)); text-align: left !important; float: left; margin-top: 10px; }
        .navbar-default .navbar-right { float: none; text-align: left; }

    #gorsel { }
        #gorsel h2 { font-size: 46px; }
            #gorsel h2 span { font-size: 54px; }
        #gorsel p { font-size: 18px; }
    #refCarousel .owl-nav { left: -153px; }

    #footer .sol p { margin: 3px 0 0 0; }

    .uGrup { }
        .uGrup .img-responsive { width: 100%; display: block; height: auto; }
}

@media(min-width:1360px) and (max-width:1500px) {
    .sliderIcerik { margin-top: -100px; }
    .uGrup { }
        .uGrup .img-responsive { width: 100%; display: block; height: auto; }
}



/* Feel free to change duration  */ 
.animated  {
  -webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {
  z-index : 1 
   }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {
  z-index : 0 
   }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}