/* 
    Limafert
*/

body { font-family: 'Dax Tr'; }

a, a:hover, a:focus { outline: 0; text-decoration: none; }

/* Typography*/

/*
    Css Index 
    1- Header 
        1-1 Header .headleft (Logo)
        1-2 Header .headRight (Menu)
            1-2-a Navbar 
    2- Slider
    3- Sektorler
    4- Hakkında
    5- Haberler
    
    Css Rules 
    Font - Float - Text Position - Width/Height - Margin/Padding - Display - Background - Position - Css3 Elements 

*/

/* Standart Device ShortClass*/
.pr { position: relative; }
.pa { position: absolute; }
.di { display: inline-block; }
.db { display: block; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.mp { margin: 0; padding: 0; }
.bold { font-weight: 700; }
.light { font-weight: 300; }

@media(min-width:1200px) {
    .d-pa { position: absolute; }
    .a-fl { float: left; }
    .a-fr { float: right; }
    .copyright { display: inline-block !important; }
}

/* Header */
#header { width: 100%; z-index: 100; position: fixed; }
.fixer .top { top: -25px; }
.fixer .blue-line { top: -25px; }
.fixer { position: fixed; }
    .fixer .navbar-brand .img-responsive { width: 100px; }
.top { background: #fff; padding: 2px; position: relative; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; top: 0; }
.social { color: #FFF; display: inline-block; }
    .social a { background: transparent url(../images/social.png) no-repeat; float: left; width: 24px; height: 24px; border-radius: 5px; margin: 0 3px 0 0; text-indent: -9999em; transition: .1s ease-in; -moz-transition: .1s ease-in; -webkit-transition: .1s ease-in; }
        .social a:hover { url(../images/social.png) no-repeat; }
        .social a.fb { background-position: 0 0; }
        .social a.tw { background-position: -24px 0; }
        .social a.in { background-position: -48px 0; }
        .social a.gp { background-position: -72px 0; }
        .social a.insta { background-position: -95px 0; }
        .social a.fb:hover { background-position: 0 -24px; }
        .social a.tw:hover { background-position: -24px -24px; }
        .social a.in:hover { background-position: -48px -24px; }
        .social a.gp:hover { background-position: -62px -24px; }
        .social a.insta:hover { background-position: -95px -24px; }
.dil { color: #111 !important; }
.diltr { margin-left: 20px; background: url(../images/diltr.png) no-repeat center right; padding-right: 35px; width: 50px; }
.dilen { margin-left: 15px !important; background: url(../images/dilen.png) no-repeat center right; padding-right: 35px; width: 50px; }

.cat { background: transparent url(../images/katalog.png) no-repeat left 5px top 0; line-height: 24px; width: auto; height: 24px; border-radius: 5px; margin: 0 3px 0 0; transition: .1s ease-in; -moz-transition: .1s ease-in; -webkit-transition: .1s ease-in; padding: 0 5px 0 30px; font-weight: 600; }
    .cat:hover { background: #375b28 url(../images/katalog.png) no-repeat left 5px top -24px; color: #fff; }
.satis { background: transparent url(../images/satis.png) no-repeat left 5px top 0; line-height: 24px; width: auto; height: 24px; border-radius: 5px; margin: 0 3px 0 0; transition: .1s ease-in; -moz-transition: .1s ease-in; -webkit-transition: .1s ease-in; padding: 0 5px 0 30px; font-weight: 600; }
    .satis:hover { background: #375b28 url(../images/satis.png) no-repeat left 5px top -24px; color: #fff; }

.blue-line { background: rgba(239,127,6,1); background: -moz-linear-gradient(top, rgba(239,127,6,1) 0%, rgba(208,109,20,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,127,6,1)), color-stop(100%, rgba(208,109,20,1))); background: -webkit-linear-gradient(top, rgba(239,127,6,1) 0%, rgba(208,109,20,1) 100%); background: -o-linear-gradient(top, rgba(239,127,6,1) 0%, rgba(208,109,20,1) 100%); background: -ms-linear-gradient(top, rgba(239,127,6,1) 0%, rgba(208,109,20,1) 100%); background: linear-gradient(to bottom, rgba(239,127,6,1) 0%, rgba(208,109,20,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#375b28', endColorstr='#068541', GradientType=0 ); position: relative; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; top: 0; }
.headWrapper { width: 100%; float: left; }
.dil { color: #ccc; margin: 3px 5px 0 0; font-weight: 700; }
.katalog,
.satisTemsilcisi, .bayi { color: #375b28; font-weight: 600; padding: 15px 40px; }
.katalog { background: url(../images/pdf.png) no-repeat top 17px left; border-right: 1px solid #dedede; }
.satisTemsilcisi { background: url(../images/st.png) no-repeat top 13px left 30px; padding-left: 75px; }
.bayi { background: transparent url(../images/bayi.png) no-repeat left 5px top 0; line-height: 24px; width: auto; height: 24px; border-radius: 5px; margin: 0 3px 0 0; transition: .1s ease-in; -moz-transition: .1s ease-in; -webkit-transition: .1s ease-in; padding: 0 5px 0 30px; font-weight: 600; }
    .bayi:hover { background: #375b28 url(../images/bayi.png) no-repeat left 5px top -24px; color: #fff; cursor: pointer; }

.navbar-brand { position: absolute; width: 100%; left: 0; top: 0; height: 0; text-align: center; margin: auto; padding: 0; z-index: 100; }
    .navbar-brand .img-responsive { display: inline-block; background-color: #fff; border-radius: 0 0px 7px 7px; -moz-border-radius: 0 0px 7px 7px; -webkit-border-radius: 0 0px 7px 7px; border: 0 solid #000000; box-shadow: 0 7px 6px 1px rgba(0,0,0,0.37); -webkit-box-shadow: 0 7px 6px 1px rgba(0,0,0,0.37); -moz-box-shadow: 0 7px 6px 1px rgba(0,0,0,0.37); padding: 10px; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; width: 150px; }
.navbar-collapse { z-index: 101; }
.navbar-default { padding: 20px 0 0 0; margin-bottom: 0; box-shadow: none; background: none; border: none; border-radius: 0; padding: 0; }
    .navbar-default .navbar-nav > li > a { color: #fff; font-size: 16px; padding: 20px 25px; font-weight: 600; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
    .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li:focus > a { color: #eee; background: none; box-shadow: none; }
    .navbar-default .navbar-nav > li.active > a { color: #eee; background: none; box-shadow: none; }
    .navbar-default .navbar-nav > li.active:hover > a { color: #375b28; background: none; box-shadow: none; }
    .navbar-default .navbar-nav > li.active > a:hover { color: #eee; background: none; box-shadow: none; }
    .navbar-default .navbar-nav > li ul li:last-child:after { position: absolute; content: ""; bottom: -10px; background: #375b28; height: 10px; width: 100%; left: 0; z-index: 1; border-radius: 0 0 7px 7px; }

    .navbar-default .navbar-nav li ul { display: none; width: 240px; position: absolute; top: 59px; left: 10px; text-align: left; padding: 2px 0 0; list-style: none; z-index: 11; }
    .navbar-default .navbar-right li:last-child ul { right: 0; left: auto; }
    .navbar-default .navbar-nav > li:hover > ul { display: block; }
    .navbar-default .navbar-nav > li > ul li { width: 100%; padding: 0px; float: left; border-bottom: solid 1px #068541; background: #375b28; background-image: none; font-weight: 12px; }
        .navbar-default .navbar-nav > li > ul li:last-child { border-bottom: none; }
        .navbar-default .navbar-nav > li > ul li a { width: 100%; position: relative; font-size: 14px; color: #fff; font-weight: 600; text-shadow: none !important; padding: 7px 5px 7px 16px; float: left; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
        .navbar-default .navbar-nav > li > ul li:hover { background-color: #068541; }
    .navbar-default .navbar-nav .navbar-nav > li > ul li:hover a { color: #fff; }

/* Slider */
#sliderWrapper { padding-top: 80px; }
#slider { font-family: 'Montserrat'; }
.slideIcerik { width: 100%; bottom: 30%; }
    .slideIcerik h2 { font-size: 80px; font-weight: 700; color: #fff; margin-bottom: 0; text-shadow: 0 0 35px rgba(0,0,0,.34); text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); }
    .slideIcerik p { font-size: 16px; color: #fff; text-shadow: 0 0 35px rgba(0,0,0,.34); text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); margin-top: 20px; }
h3.slideText { margin: 0; font-size: 24px; color: #fff; font-weight: 300; text-shadow: 0 0 35px rgba(0,0,0,.34); text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); }
.sliderAlt { width: 100% !important; bottom: -100px; z-index: 99; }

#slider .owl-nav { position: absolute; top: 50%; margin-top: -35px; text-align: center; display: inline-block; width: 100%; height: 46px; left: 0; }
#slider .owl-next, #slider .owl-prev { padding: 0px; text-indent: -999em; text-align: left; position: absolute; top: 15px; width: 70px; height: 70px; background: #068541 url(../images/navs.png)no-repeat; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; opacity: 0.7; filter: alpha(opacity = 70); }
#slider .owl-next { center; right: 0px; background-position: -70px 0; }
#slider .owl-prev { left: 0px; background-position: 0 0; }
#slider .owl-next:hover { center; right: 0px; background-position: -70px 0; background-color: #068541; opacity: 1.0; filter: alpha(opacity = 100); }
#slider .owl-prev:hover { left: 0px; background-position: 0 0; background-color: #068541; opacity: 1.0; filter: alpha(opacity = 100); }

.altImg { right: 30%; bottom: 30px; z-index: 101; }
.altImgDue { right: 15%; bottom: 30px; z-index: 100; }

#slider .active .item .altImg { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */ animation-delay: 0.5s; }
#slider .active .item .altImgDue { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.8s; /* Chrome, Safari, Opera */ animation-delay: 0.8s; }

#slider .active .item .slideIcerik h2 { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */ animation-delay: 0.5s; }
#slider .active .item h3.slideText { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */ animation-delay: 2s; }
#slider .active .item .slideIcerik p { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */ animation-delay: 4s; }


.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes fadeInRight {
    from { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInRight {
    from { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes zoomIn {
    from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
    50% { opacity: 1; }
}

@keyframes zoomIn {
    from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
    50% { opacity: 1; }
}

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@-webkit-keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes flip {
    from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    40% { -webkit-transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    50% { -webkit-transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}

@keyframes flip {
    from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    40% { -webkit-transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    50% { -webkit-transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

.number { top: 144px; position: absolute; left: 0; width: 100%; height: 30px; z-index: 9; }
    .number .thumbs { float: left; width: auto; background: #375b28; padding: 15px 30px; }
        .number .thumbs:after { position: absolute; content: ""; top: 0; background: #375b28; height: 11px; left: 15px; z-index: 1; width: -moz-calc(100% - 30px); }
        .number .thumbs .item { width: 100px; height: 60px; color: #246b98; font-size: 18px; font-weight: 600; text-align: center; line-height: 60px; padding: 0; cursor: pointer; float: left; margin-right: 3px; border-right: 1px solid #1676b3; }
.thumbs .item.active { opacity: 1; color: #fff; }
.number .thumbs .item:last-child { border-right: none; }
.araclar { float: right; z-index: 10; position: relative; }

/* Hakkında */
#hakkindaHome { margin-top: 150px; color: #808080; }
    #hakkindaHome .hakkindaText { margin-top: -15px; }

#urunler { background: #fff; padding: 90px 0; margin-top: 50px; }
    #urunler .item .left { width: 60%; }
        #urunler .item .left img { height: 70px; }
    #urunler .item .right { width: 40%; text-align: right; }
        #urunler .item .right img { float: right; max-height: 247px; }
    #urunler .item .left { padding-right: 200px; }
        #urunler .item .left h4 { font-size: 30px; font-weight: 700; }
            #urunler .item .left h4 a { color: #094999; }
    #urunler .item img { width: auto; }
/*#urunCarousel { }
    #urunCarousel .owl-nav { position: absolute; top: 190px; }
    #urunCarousel .owl-next,
    #urunCarousel .owl-prev { background: url(/images/owl.png) no-repeat; display: inline-block; width: 17px; height: 24px; text-indent: -9999em; }
    #urunCarousel .owl-next { background-position: -30px 0; }
        #urunCarousel .owl-next:hover { background-position: -82px 0; }
    #urunCarousel .owl-prev:hover { background-position: -51px 0; }*/
.hizliMenu { margin: -50px 0 0 0; padding: 0; list-style-type: none; }
    .hizliMenu li { float: left; width: calc((100% / 12) * 2); padding: 45px 25px 20px 25px; background: #375b28 url(../images/ok.png) no-repeat top 33px left 25px; min-height: 112px; transition: .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out; }
        .hizliMenu li:first-child { padding: 35px 30px 30px 40px; background: #706f6f url(../images/belge.png) no-repeat center left 10px; min-height: 112px; transition: .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out; }
            .hizliMenu li:first-child:hover { padding: 35px 30px 30px 40px; background: #706f6f url(../images/belge.png) no-repeat center left 10px; min-height: 112px; transition: .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out; box-shadow: none; }
        .hizliMenu li:nth-child(even) { background: #1679b8 url(../images/ok.png) no-repeat top 33px left 25px; }
        .hizliMenu li > a { color: #fff; font-weight: 600; font-size: 16px; letter-spacing: 0.1px; }
        /*.hizliMenu li:nth-child(even):hover { background: #375b28 url(/images/ok.png) no-repeat top 33px left 25px; }*/
        .hizliMenu li:hover { background: #1679b8 url(../images/ok.png) no-repeat top 33px left 25px; box-shadow: 0 5px 0 #2f9be0; }

/* Markalar */
#markalar { margin: 10px 0 10px 0 !important; padding: 0 10px; }
    #markalar .item { display: inline-block; padding: 5px; }
        #markalar .item img { width: 100%; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
            #markalar .item img:hover { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0s; /* Chrome, Safari, Opera */ animation-delay: 0s; }
    #markalar .owl-item img { max-height: 75px; }

.haberler { width: 100%; padding: 50px 180px; background: rgba(238,238,238,1); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 ); opacity: 0; transition: .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out; }

    .haberler h2 { color: #ced2d5; font-size: 60px; text-align: center; font-weight: 600; font-family: 'Montserrat'; margin: 10px 0 50px 0; }
.hab-holder { width: 100%; padding: 20px; transition: .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out; }
    .hab-holder img { border: solid 6px #eee; transition: .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out; }
    .hab-holder:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); }
        .hab-holder:hover img { border: solid 6px #dedede; }
        .hab-holder:hover p a { color: #375b28; }
    .hab-holder h3 { font-size: 16px; margin-bottom: 5px; }
.date { color: #068541; font-size: 12px; }
.haberler p a { color: #a1a1a1; transition: .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out; }

#tablar { background: #e8e8e8 url(../images/tab-bg.jpg)no-repeat right center; padding: 50px 200px; }
#tabs { list-style-type: none; margin: 0; padding: 0; }
    #tabs li { padding: 14px 14px; width: 20%; color: #fff; font-size: 18px; font-family: 'Montserrat'; font-weight: 600; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; background: #cecece; text-align: center; border: solid 3px #fff; float: left; }
        #tabs li img { max-height: 50px; }
        #tabs li.active { color: #fff; background: #fff; }
        #tabs li:hover { cursor: pointer; background: #eee; }
        #tabs li:last-child { margin-right: 0; }
.tab-con { }

div[id^=carousel] { margin: 30px 0 0 0; }
    div[id^=carousel] .item { padding: 0 0; font-family: 'Montserrat'; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); background: rgba(255,255,255,0.7); transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
        div[id^=carousel] .item .border { height: 1px; background: #82909d; margin: 0 20px; }
        div[id^=carousel] .item p { padding: 15px 0; font-size: 12px; font-weight: 300; color: #5c5c5c; min-height: 66px; text-align: center; }

        div[id^=carousel] .item:hover { -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5); background: #cecece; }

#tablar .owl-nav, #urunCarousel .owl-nav { position: absolute; top: 50%; margin-top: -70px; text-align: center; display: inline-block; width: 100%; height: 46px; left: 0; z-index:-1 }
#tablar .owl-next, #tablar .owl-prev, #urunCarousel .owl-next, #urunCarousel .owl-prev { padding: 0px; text-indent: -999em; text-align: left; position: absolute; width: 70px; height: 70px; background: #fff url(../images/urunnavs.png)no-repeat; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; opacity: 0.7; filter: alpha(opacity = 70); }
#urunCarousel .owl-next,
#tablar .owl-next { right: 0px; background-position: -70px 0; right: -100px; }
#urunCarousel .owl-prev,
#tablar .owl-prev { left: -100px; background-position: 0 0; }
#urunCarousel .owl-next:hover,
#tablar .owl-next:hover { background-position: -70px 0; background-color: #fff; opacity: 1.0; filter: alpha(opacity = 100); }
#urunCarousel .owl-prev:hover,
#tablar .owl-prev:hover { background-position: 0 0; background-color: #fff; opacity: 1.0; filter: alpha(opacity = 100); }

div[id^=carousel] .item img { width: 100%; border: none; min-height:197px }
div[id^=carousel] .item p { padding: 0 10px; font-size: 16px; font-weight: 600; font-family: 'Montserrat'; }

#urunler { padding: 50px 200px; transition: .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out; opacity: 0; }

@-webkit-keyframes pulse {
    from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
    to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes pulse {
    from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
    to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }


/* FootBağlantılar */
#footBaglantilar { background: #375b28 url(../images/footbg.png) no-repeat center bottom; padding: 27px 0 37px; position: relative; margin-bottom: 0; }
    #footBaglantilar h5 { color: #fff; font-size: 18px; font-weight: 700; }
    #footBaglantilar ul { margin: 20px 0 0 0; padding: 0; list-style-type: none; }
    #footBaglantilar li > a { color: #FFF; font-weight: 600; display: inline-block; padding: 2px 0 2px 20px; background: url(../images/li.png) no-repeat top 8px left; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
        #footBaglantilar li > a:hover { color: #fff; text-shadow: 0 1px 1px #1f1f1f; }

.bizeUlasin { padding: 0 35px 0 0; color: #FFF; font-weight: 600; }
    .bizeUlasin a { display: block; color: #FFF; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
        .bizeUlasin a:hover { color: #fff; text-shadow: 0 1px 1px #1f1f1f; }
    .bizeUlasin div { margin-bottom: 15px; padding-left: 35px; }
    .bizeUlasin .adres { background: url(../images/loc.png) no-repeat top 9px left; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
        .bizeUlasin .adres:hover { color: #fff; text-shadow: 0 1px 1px #1f1f1f; }
    .bizeUlasin .tel { background: url(../images/tel.png) no-repeat top 8px left; }
    .bizeUlasin .mail { background: url(../images/mail.png) no-repeat top 3px left; }
#goto { position: absolute; left: 0; bottom: -15px; width: 100%; text-align: center; }

#footer { padding: 15px 0 10px; }
.copyright,
.venus { display: block; margin: 25px 0; color: #949494; }

#footBaglantilar p { color: #FFF; }

.inner { min-height: 240px; overflow: hidden; width: 100%; text-align: center; }

.content { padding: 40px 0; background: rgba(238,238,238,1); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 ); }
.side { width: 100%; float: left; }
    .side .menu-title { font-size: 36px; font-weight: 600; padding-left: 20px; border-left: #375b28 solid 6px; color: #ced2d5; margin-bottom: 41px; margin-top: 0; font-family: 'Montserrat'; }
.lp { padding-left: 0; padding-right: 30px; }

.side ul { width: 100%; }
    .side ul li { background: #ced2d5; }
        .side ul li a { padding: 16px 16px 16px 26px; font-size: 14px; color: #808080; font-weight: 600; }
        .side ul li.active a { color: #375b28; background-color: transparent; }
            .side ul li.active a:hover { background: #ced2d5; color: #375b28; }
        .side ul li a:hover { background: #dedede; color: #808080; }
.side img { width: 100%; margin-top: 20px; }

.breadcrumb { background: #ced2d5; border-radius: 0; color: #fff; padding: 0; margin-top: 2px; margin-bottom: 0; }
    .breadcrumb li { padding: 7px 8px; border-right: 1px solid #dedede; }
        .breadcrumb li:first-child { background: #375b28; }
            .breadcrumb li:first-child a { background: url(../images/Home.png) no-repeat center; width: 24px; height: 24px; }
        .breadcrumb li a { color: #808080; padding: 10px 0; }
    .breadcrumb > li + li::before { display: none; }

.content { min-height: 500px; }
    .content h3 { font-size: 24px; font-weight: 600; font-family: 'Montserrat'; color: #375b28; margin: 0; padding-bottom: 5px; border-bottom: solid 6px #ced2d5; padding-left: 40px; background: url(../images/hlogoLittle.png) no-repeat left top; }
        .content h3:after { position: absolute; content: ""; top: 31px; background: #375b28; height: 6px; left: 0; z-index: 1; width: 40px; }
    .content .text { padding-top: 32px; color: #808080; }
        .content .text p { font-size: 14px; color: #808080; margin: 0 0 30px; text-align: justify; height: auto; }
    .content .texthaber p { height: auto; }
    .content .texthaber .hab p { height: 80px; }

    .content h3 span { position: absolute; right: 0; top: 0; }
    .content ul { list-style: inside url(../images/bull.png); padding: 0; }
.hab h4 { font-size: 15px; height:200px; }
.addthis_button { float: right; color: #ced2d5; line-height: 16px; font-size: 12px; padding: 8px 30px 7px 6px; background: url(../images/share.png) no-repeat center right; margin: 0; }
.innerMark { background: #f1f1f1; }
    .innerMark #markalar { margin: 40px 0 40px 0 !important; }

.panel { border: solid 6px #ced2d5; text-align: center; overflow: hidden; border-radius: 20px 0 20px 0; padding: 10px; margin: 20px 0 0 0; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .panel:after { position: absolute; content: ""; bottom: 0px; background: #375b28 url(../images/browse.png)no-repeat center; height: 40px; right: 15px; z-index: 1; width: 40px; opacity: 0; border-radius: 50px 0 0 0; }
    .panel:hover { border: solid 6px #375b28; border-radius: 0 20px 0 20px; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3); -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }
        .panel:hover::after { opacity: 1.0; }
    .panel img { margin: auto; }
    .panel:hover img { -webkit-animation-name: flip; animation-name: flip; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.2s; /* Chrome, Safari, Opera */ animation-delay: 0.2s; }
.uruns h2 { margin-top: 0; text-align: center; background: #375b28; color: #fff; padding: 10px; margin-bottom: 32px; }
.urun { margin-bottom: 20px; }
    .urun .panel { border: solid 6px #ced2d5; border-radius: 20px 0 20px 0; padding: 0px; overflow: hidden; text-align: center; min-height: 244px; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
        .urun .panel:hover img { animation-name: none; }
    .urun .panel-heading { height: 60px; overflow: hidden; text-align: center; }
        .urun .panel-heading a { font-size: 18px; font-weight: 600; color: #375b28; }
    .urun .panel:after { display: none; }
    .urun .panel:hover { border: solid 6px #375b28; border-radius: 0 20px 0 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); }
        .urun .panel:hover::after { opacity: 1.0; }
.urunImg { width: 100%; text-align: center; }
    .urunImg img { display: inline-block; }
.pic-holder { border: solid 6px #ced2d5; padding: 5px; width: 100%; float: left; margin-bottom: 20px; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .pic-holder:hover { border: solid 6px #375b28; }
    .pic-holder img { opacity: 0.7; filter: alpha(opacity:70); min-height:111px; }
    .pic-holder:hover img { opacity: 1.0; filter: alpha(opacity:100); }


.view { width: 100%; height: 184px; margin: 0; float: left; border: 6px solid #ced2d5; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; cursor: default; background: #fff; }
    .view .mask, .view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; }
    .view img { display: block; position: relative; }
    .view h2 { color: #fff; text-align: center; position: relative; font-size: 18px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; }
    .view p { font-size: 12px; position: relative; color: #fff; padding: 10px 20px 10px; text-align: center; }
    .view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #375b28; color: #fff; }
        .view a.info:hover { -webkit-box-shadow: 0 0 2px #000; -moz-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; }
.view-tenth img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.view-tenth .mask { background-color: rgba(255, 255, 255, 1.0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-tenth h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 10px 10px 0 10px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); color: #375b28; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-tenth p { color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
.view-tenth a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
.view-tenth:hover img { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-tenth:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-tenth:hover h2, .view-tenth:hover p, .view-tenth:hover a.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }


.form-group { margin-bottom: 10px; }
.form-control { padding: 10px; height: auto; color: #9f9f9f; border: solid 2px #eee; border-radius: 0; box-shadow: none; }
.send { width: 100%; background: #375b28; color: #fff; font-size: 16px; font-weight: 600; padding: 15px; border-radius: 0; transition: .3s ease-in; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; }
    .send:hover { background: #808080; color: #fff; }
.form-horizontal .control-label { text-align: left; font-weight: 400; }
.captcha { border-radius: 0; width: 100%; height: 44px; background: #fff; }
    .captcha div { padding-top: 10px; border: solid 1px #eee; }

#settings { width: 30px; height: 246px; position: fixed; bottom: 12%; right: 0; z-index: 10; transition: 0.7s ease-in-out; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; }
    #settings div { opacity: 0.7; filter: alpha(opacity=70); cursor: pointer; }
        #settings div:hover { opacity: 1.0; filter: alpha(opacity=100); }
    #settings .doc { margin-bottom: 2px; float: left; }
    #settings .call { float: left; }
    #settings div.actor { opacity: 1.0; filter: alpha(opacity=100); }

#doc-panel, #call-panel, #bayi-panel { background: #375b28; width: 200px; height: 100%; overflow-y: auto; overflow-x: hidden; position: fixed; right: -200px; top: 0; padding: 40px 20px 20px; z-index: 999; transition: 0.7s ease-in-out; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; }

    #doc-panel.toleft, #call-panel.toleft, #bayi-panel.toleft { right: 0; }
#settings.movethat { right: 200px; }

#doc-panel.zetto, #call-panel.zetto, #bayi-panel.zetto { z-index: 10; }

.close-panel { cursor: pointer; width: 30px; height: 30px; position: absolute; right: 10px; top: 10px; opacity: 0.7; filter: alpha(opacity=70); transition: .3s ease-in; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; }
    .close-panel:hover { opacity: 1; filter: alpha(opacity=100); }

.belge { width: 50%; padding: 10px; float: left; max-height: 150px; }
.document { width: 100%; height: auto; border: solid 6px #fff; float: left; padding: 10px 0; text-align: center; }
.belge:hover .document { border: solid 6px #ced2d5; }
.belge:hover p a { color: #ced2d5; }
.document img { widh: 50%; margin: auto; }
.belge p { text-align: center; line-height: 14px; margin-top: 10px; float: left; }
    .belge p a { color: #fff; font-size: 12px; font-weight: 600; }

#doc-panel h3, #call-panel h3, #bayi-panel h3 { color: #fff; text-align: center; }
.form-group .mpimp { margin: 0; padding: 0 !important; }
.dark { background: #068541; }

.selector { background: #375b28 url(../images/selector.jpg) no-repeat right center; background-size: cover; padding: 10px 0; }
.content .text .selector p { color: #fff; float: left; margin: 10px 0; }
.styled-select select { background: transparent; width: 105%; padding: 5px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; height: 40px; -webkit-appearance: none; cursor: pointer; }
    .styled-select select option { padding: 5px; background: #fff; border-bottom: 2px solid #dedede; font-size: 12px; }
.styled-select { width: 100%; color: #9f9f9f; height: 40px; overflow: hidden; background: url(../images/selectArr.png) no-repeat right 10px center #fff; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
    .styled-select:hover { background: url(../images/selectArrHover.png) no-repeat right 10px center #eeeeee; color: #333; }

.map-holder { border: 1px solid #ced2d5; }
    .map-holder .text { padding: 0; }
#mapsvg-2 { padding: 0 130px; }

.detailpic { width: 50%; float: right; margin-left: 20px; }
.hab { margin-bottom: 20px; }

#footBaglantilar ul { margin-top: 0; }

/* Phone Device ShortClass */
@media(max-width:767px) {
    .m-tl; { text-align: left !important; }
    .m-tr { text-align: right !important; }
    .m-tc { text-align: center !important; }
    .m-di { display: inline-block !important; }
    .m-fn { float: none !important; }
    .m-din { display: none; }
}

/* Tablet Device ShortClass */

@media(min-width:767px) and (max-width:992px) {
    .t-tl { text-align: left !important; }
    .t-tr { text-align: right !important; }
    .t-tc { text-align: center !important; }
    .t-di { display: inline-block !important; }
    .t-fn { float: none !important; }
    .t-dn { display: none; }
}

/* Responsive Start */
@media(max-width:767px) {

    .navbar-brand { top: -5px; }
        .navbar-brand .img-responsive { width: 100px; }
    .navbar-default { margin-top: 5px; }
        .navbar-default .navbar-nav:first-child { padding-top: 90px; }
        .navbar-default .navbar-nav > li > a { padding: 5px 0; text-align: center; background: none !important; }
        .navbar-default .navbar-nav > li.bayi { background: none !important; }
        .navbar-default .navbar-nav > li:hover ul { display: none !important; }
    .navbar-brand .img-responsive { width: 80px; }

    /* Header */
    #header { position: relative !important; text-align: center; }
        #header .fr { float: none; display: block; }
        #header .social { display: none; }

    /* Slider */
    #sliderWrapper { padding-top: 0; }
    #tablar .owl-nav { top: 55%; }
    #tablar .owl-prev { left: -30px; }
    #tablar .owl-next { right: -30px; }
    .slideIcerik { padding-left: 0; position: relative; background: #6fac45; top: 0; height: 120px; }
        .slideIcerik p { margin-top: 5px; font-size: 14px !important; }
    h3.slideText { font-size: 16px; }
    /*.slideIcerik { top: 50px; padding: 0 0 0 75px; }*/
    .slideIcerik h2 { font-size: 23px; }
    .altImg,
    .altImgDue { display: none; }

    .pic-holder img { width: 100%; height: auto; display: block; }


    /* Haberler */
    .haberler { padding: 50px 15px; opacity: 1; }
        .haberler h2 { margin: 10px 0; font-size: 48px; }

    /* Tablar */
    #tablar { padding: 50px 25px; }
    #tabs li { width: 19%; }
        #tabs li img { width: 100%; height: auto; display: block; }

    div[id^="carousel"] .item p { min-height: 1px; padding: 5px 10px; }



    /* ürünler */
    #urunler { opacity: 1; padding: 0 25px 30px; }
        #urunler .item .left { padding-right: 0; }
        #urunler .item .left,
        #urunler .item .right { width: 100%; float: none !important; }
            #urunler .item .right img { width: 100%; display: block; height: auto; }
    #urunCarousel .owl-nav { top: 225px; }


    #footBaglantilar .altMenu1,
    #footBaglantilar .altMenu2 { display: none; }


    #footer { text-align: center; margin: 15px 0 0; }
        #footer .img-responsive { display: inline-block; }

    .content .text { padding: 32px 15px 0; }
    .content h3 { margin: 15px 15px 0; }
        .content h3:after { left: 15px; }
        .content h3 span { right: 15px; }

    #uruns { margin: 0 15px; }
    #ctl00_masterLeft { padding: 0 15px !important; }
    .bayi { padding-left: 0; margin: 10px 0 5px; font-size: 16px; color: #fff; }

    #ctl00_masterRight.col-sm-12.mp { padding: 0 15px; }

    .bUlas { padding-top: 10px; margin-top: 15px; border-top: 1px solid #7DC9FA; }
    .flogo { margin-top: -25px; }
        .flogo .img-responsive { transform: scale(.5); -moz-transform: scale(.5); -webkit-transform: scale(.5); }
    .copyright { margin: -20px 0 25px; }
}

@media(min-width:601px) and (max-width:719px) {
    #tabs li { width: 20%; }
}

@media(min-width:541px) and (max-width:599px) {
    #tabs li { width: 20%; }
}

@media(max-width:540px) {

    /* Tabs */
    #tablar { background-size: cover; }
    #tabs li { width: 50%; }
    .urun{width:100% !important; float:left}
    .view {height:284px}
    .view img{width:100% !important}
}

@media(max-width:414px) {

    #settings { display: none; }

    .slideIcerik h2 { font-size: 20px; }


    /* Tabs */
    #tabs li { width: 50%; }

    /* ürünler */
    #urunler .item .left,
    #urunler .item .right { width: 100%; float: none !important; }
    .view {height:224px}
}


@media(min-width:481px) and (max-width:767px) {
    .haberler .col-sm-3 { width: 50%; float: left; }
    #footBaglantilar .col-sm-3.social,
    #footBaglantilar .col-sm-3.bUlas { width: 50%; float: left; }
    .urun{width:50% !important; float:left}
    .view {height:184px}
    .view img{width:100% !important}
}

@media(max-width:360px) {
    /* Slider */
    .slideIcerik h2 { font-size: 16px; }
     .view {height:184px}
}

@media(max-width:359px) {
    h3.slideText { font-size: 14px !important; }
}



@media(min-width:768px) and (max-width:1199px) {
    .top { display: none; }

    .navbar-brand { top: -5px; }
        .navbar-brand .img-responsive { width: 80px; }
    .navbar-default { margin-top: 5px; }
        .navbar-default .navbar-nav:first-child { padding-top: 90px; }
        .navbar-default .navbar-left,
        .navbar-default .navbar-right { display: block; width: 100%; float: none !important; text-align: center; }
        .navbar-default .navbar-right { padding-bottom: 15px; }
        .navbar-default .navbar-nav > li { float: none !important; display: block; }
            .navbar-default .navbar-nav > li > a { padding: 5px 0; text-align: center; background: none !important; display: block; }
            .navbar-default .navbar-nav > li.bayi { background: none !important; }
            .navbar-default .navbar-nav > li:hover ul { display: none !important; }

    /* Header */
    #header { position: relative !important; text-align: center; }
        #header .fr { float: none; display: block; }
        #header .social { display: none; }


    .pic-holder img { width: 100%; height: auto; display: block; }

    /* Slider */
    #sliderWrapper { padding-top: 0; }
    .slideIcerik { top: 35px; padding-left: 75px; }
        .slideIcerik h2 { font-size: 50px; }
    .altImg,
    .altImgDue { display: none; }

    /* Haberler */
    .haberler { padding: 50px 15px; opacity: 1; }
        .haberler h2 { margin: 10px 0; font-size: 48px; }
        .haberler .col-sm-3 { width: 50%; float: left; }

    /* Tablar */
    #tablar { padding: 50px 25px; }
    #tabs li { width: 20%; }
        #tabs li img { width: 100%; height: auto; display: block; }

    div[id^="carousel"] .item p { min-height: 1px; padding: 5px 10px; }



    /* ürünler */
    #urunler { opacity: 1; padding: 0 25px 30px; margin: 25px 0 40px; }
        #urunler .item .left { padding-right: 0; }
    #urunCarousel .owl-nav { top: 195px; }
    #urunler .item .right img { width: 100%; height: auto; display: block; margin-top: 50px; }

    /*#footBaglantilar .altMenu1,
    #footBaglantilar .altMenu2 { display: none; }*/

    #footBaglantilar li > a { padding-left: 15px; font-size: 12px; }
    .bizeUlasin { padding-right: 0; }
        .bizeUlasin div { padding-left: 25px; font-size: 13px !important; }

    #footer { text-align: center; margin: 15px 0 0; }
        #footer .img-responsive { display: inline-block; }
    .content .text { padding: 32px 15px 0; }
    .content h3 { margin: 15px 15px 0; }
        .content h3:after { left: 15px; top: 45px; }
        .content h3 span { right: 15px; }

    #uruns { margin: 0 15px; }
    #ctl00_masterLeft { padding: 0 15px !important; }
    .bayi { padding-left: 0; margin: 10px 0 5px; font-size: 16px; color: #fff; }

    #ctl00_masterRight.col-sm-12.mp { padding: 0 15px; }
    .flogo .img-responsive { transform: scale(3); position: relative; top: 20px; }
    .urun{width:50% !important; float:left}
    .view {height:184px}
    .view img{width:100% !important}
}

@media(min-width:993px) and (max-width:1200px) {

    .altImg,
    .altImgDue { display: block; }
    .altImg { right: 15%; }
    .altImgDue { right: 5%; }
        .altImg img,
        .altImgDue img { transform: scale(.8) !important; }


    .hab h4 { height: 165px; }
    .content .text .hab p { height: 115px; }
}

@media(min-width:1200px) and (max-width:1399px) {

    #settings { bottom: 0; }

    /* Slider */
    .slideIcerik { padding-left: 40px; bottom: 25%; }
        .slideIcerik h2 { font-size: 64px; padding-right: 300px; }

    #tabs li { width: 20%; }
    div[id^="carousel"] .item p { font-size: 14px; }

    .altImg { right: 15%; }
    .altImgDue { right: 5%; }
        .altImg img,
        .altImgDue img { transform: scale(.8) !important; }
}

@media(max-width:1199px) {

    .navbar-collapse.collapse { display: none !important; }
    .navbar-toggle { display: block; top: 0; right: 0; position: absolute; background: #fff; }
    .navbar-collapse { overflow-x: visible !important; }
        .navbar-collapse.in { overflow-y: auto !important; }
    .collapse.in { display: block !important; }
}

@media(min-width:993px) and (max-width:1199px) {
    .view {height:140px}
}

@supports (-ms-accelerator:true) {
    .slideIcerik h2 { line-height: 104px; }
    h3.slideText { line-height: 32px; }
}