@using Sahhortum.Data.Enums
@using Sahhortum.Data.Resources
@using Sahhortum.Data.StaticDataClasses
@model IEnumerable<Sahhortum.Data.DataModel.Menuler>
@{
    Layout = "~/Views/Shared/_LayoutBase.cshtml";
}

@section Slider{
    <section id="slider" class="slider-element revslider-wrap slider-parallax clearfix">
        <div class="slider-parallax-inner">
            <div id="rev_slider_579_1_wrapper" class="rev_slider_wrapper fullscreen-container"
                 data-alias="default-slider" style="padding:0px;">
                <!-- START REVOLUTION SLIDER 5.1.4 fullscreen mode -->
                <div id="rev_slider_579_1" class="rev_slider fullscreenbanner" style="display:none;"
                     data-version="5.1.4">
                    <ul>
                        <!-- SLIDE  -->
                        <li class="dark" data-transition="fade" data-slotamount="1" data-masterspeed="1000"
                            data-thumb="@Url.Content("~/Content/newTM/images/slider/swiper/1.jpg")" data-saveperformance="off"
                            data-title="">
                            <!-- MAIN IMAGE -->
                            <!-- LAYERS -->
                            <!-- LAYER NR. 1 -->
                            <div class="tp-fade fadeout fullscreenvideo rs-background-video-layer"
                                 data-forcerewind="on" data-volume="mute" data-videowidth="100%"
                                 data-videoheight="100%" data-videomp4="@Url.Content("~/Content/newTM/images/videos/1.mp4")"
                                 data-videopreload="preload" data-videoloop="none" data-forceCover="1"
                                 data-aspectratio="16:9" data-autoplay="true" data-autoplayonlyfirsttime="false"
                                 data-nextslideatend="true">
                            </div>

                            <!-- LAYER NR. 2 -->
                            <div class="tp-caption ltl tp-resizeme revo-slider-emphasis-text nopadding noborder"
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                 data-y="bottom" data-voffset="100"
                                 data-fontsize="['50','50','50','36']" data-lineheight="['50','50','60','50']"
                                 data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
                                 data-speed="800" data-start="1200" data-easing="easeOutQuad" data-splitin="none"
                                 data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1"
                                 data-endspeed="1000" data-textAlign="center" data-width="['800','800','560','400']"
                                 data-height="none" data-whitespace="['normal','nowrap','normal','normal']"
                                 data-endeasing="Power4.easeIn" style="z-index: 3; white-space: normal;">
                                @LanguageTable.sliderWelcome
                            </div>

                            <div class="tp-caption ltl tp-resizeme revo-slider-desc-text"
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                 data-y="bottom" data-voffset="50"
                                 data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
                                 data-speed="800" data-start="1400" data-easing="easeOutQuad" data-splitin="none"
                                 data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1"
                                 data-endspeed="1000" data-textAlign="center" data-width="['800','800','560','400']"
                                 data-height="none" data-endeasing="Power4.easeIn"
                                 style="z-index: 3; width: 750px; max-width: 750px; white-space: normal;">
                                @LanguageTable.sliderSizinicin
                            </div>
                            
                        </li>
                        <li class="dark" data-transition="zoomout" data-slotamount="1" data-masterspeed="1500" data-thumb="@Url.Content("~/Content/newTM/images/ozelcozum.jpg")" data-saveperformance="off" data-title="">
                            <!-- MAIN IMAGE -->
                            <img src="@Url.Content("~/Content/newTM/images/ozelcozum.png")" alt="citybg" data-lazyload="@Url.Content("~/Content/newTM/images/ozelcozum.jpg")" data-bgposition="center top" data-scale="cover" data-bgrepeat="no-repeat">
                            <!-- LAYERS -->
                            <!-- LAYER NR. 1 -->
                            <div class="tp-caption ltl tp-resizeme revo-slider-emphasis-text nopadding noborder"
                                 data-x="['right','right','right','right']" data-hoffset="-80"
                                 data-y="bottom" data-voffset="130"
                                 data-fontsize="['50','50','50','36']" data-lineheight="['50','50','60','50']"
                                 data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
                                 data-speed="800" data-start="1200" data-easing="easeOutQuad" data-splitin="none"
                                 data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1"
                                 data-endspeed="1000" data-textAlign="center" data-width="['800','800','560','400']"
                                 data-height="none" data-whitespace="['normal','nowrap','normal','normal']"
                                 data-endeasing="Power4.easeIn" style="z-index: 3; white-space: normal;">
                                @LanguageTable.sliderOzel
                            </div>

                            <div class="tp-caption ltl tp-resizeme revo-slider-desc-text"
                                 data-x="['right','right','right','right']" data-hoffset="-80"
                                 data-y="bottom" data-voffset="35"
                                 data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
                                 data-speed="800" data-start="1400" data-easing="easeOutQuad" data-splitin="none"
                                 data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1"
                                 data-endspeed="1000" data-textAlign="center" data-width="['800','800','560','400']"
                                 data-height="none" data-endeasing="Power4.easeIn"
                                 style="z-index: 3; width: 750px; max-width: 750px; white-space: normal;">
                                @LanguageTable.sliderSecenekler
                            </div>
                        </li>
                        <li class="dark" data-transition="zoomout" data-slotamount="1" data-masterspeed="1500" data-thumb="@Url.Content("~/Content/newTM/images/slider/swiper/aum-fuar.jpg")" data-saveperformance="off" data-title="">
                            <!-- MAIN IMAGE -->
                            <img src="@Url.Content("~/Content/newTM/images/slider/swiper/aum-fuar.jpg")" alt="citybg" data-lazyload="@Url.Content("~/Content/newTM/images/slider/swiper/aum-fuar.jpg")" data-bgposition="center top" data-scale="cover" data-bgrepeat="no-repeat">
                            <!-- LAYERS -->
                            <!-- LAYER NR. 1 -->
                            <div class="tp-caption ltl tp-resizeme revo-slider-emphasis-text nopadding noborder"
                                 data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']"
                                 data-y="bottom" data-voffset="500"
                                 data-fontsize="['50','50','50','36']" data-lineheight="['50','50','60','50']"
                                 data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
                                 data-speed="800" data-start="1200" data-easing="easeOutQuad" data-splitin="none"
                                 data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1"
                                 data-endspeed="1000" data-textAlign="center" data-width="['800','800','560','400']"
                                 data-height="none" data-whitespace="['normal','nowrap','normal','normal']"
                                 data-endeasing="Power4.easeIn" style="z-index: 3; white-space: normal;">
                                <img src="@Url.Content("~/Content/newTM/images/automechanika-logo-white.png")" alt="logo">
                            </div>

                            <div class="tp-caption ltl tp-resizeme revo-slider-desc-text"
                                 data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']"
                                 data-y="bottom" data-voffset="440"
                                 data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
                                 data-speed="800" data-start="1400" data-easing="easeOutQuad" data-splitin="none"
                                 data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1"
                                 data-endspeed="1000" data-textAlign="center" data-width="['800','800','560','400']"
                                 data-height="none" data-endeasing="Power4.easeIn"
                                 style="z-index: 3; width: 750px; max-width: 750px; white-space: normal;">
                                 @LanguageTable.sliderAutomek
                            </div>
                            <div class="tp-caption ltl tp-resizeme revo-slider-desc-text"
                                 data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']"
                                 data-y="bottom" data-voffset="400"
                                 data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
                                 data-speed="800" data-start="1400" data-easing="easeOutQuad" data-splitin="none"
                                 data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1"
                                 data-endspeed="1000" data-textAlign="center" data-width="['800','800','560','400']"
                                 data-height="none" data-endeasing="Power4.easeIn"
                                 style="z-index: 3; width: 750px; max-width: 750px; white-space: normal;">
                                Salon/Hall No – 8/B195
                            </div>
                        </li>
                        <li class="dark" data-transition="fade"
                            data-slotamount="1" data-masterspeed="1000"
                            data-thumb="@Url.Content("~/Content/newTM/images/mutfak.jpg")" data-fstransition="fade"
                            data-fsmasterspeed="1000" data-fsslotamount="7" data-saveperformance="off"
                            data-title="">
                            <!-- MAIN IMAGE -->
                            <img src="@Url.Content("~/Content/newTM/images/mutfak.jpg")" alt=""
                                 data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
                            <div class="tp-caption ltl tp-resizeme revo-slider-emphasis-text nopadding noborder"
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                 data-y="top" data-voffset="300"
                                 data-fontsize="['50','50','50','36']" data-lineheight="['50','50','60','50']"
                                 data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
                                 data-speed="800" data-start="1200" data-easing="easeOutQuad" data-splitin="none"
                                 data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1"
                                 data-endspeed="1000" data-textAlign="center" data-width="['800','800','560','400']"
                                 data-height="none" data-whitespace="['normal','nowrap','normal','normal']"
                                 data-endeasing="Power4.easeIn" style="z-index: 3; white-space: normal; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);">
                                 @LanguageTable.EndustriyelMutfak
                            </div>

                            <div class="tp-caption ltl tp-resizeme revo-slider-desc-text"
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                 data-y="top" data-voffset="370"
                                 data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
                                 data-speed="800" data-start="1400" data-easing="easeOutQuad" data-splitin="none"
                                 data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1"
                                 data-endspeed="1000" data-textAlign="center" data-width="['800','800','560','400']"
                                 data-height="none" data-endeasing="Power4.easeIn"
                                 style="z-index: 3; width: 750px; max-width: 750px; white-space: normal; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);">
                                  @LanguageTable.EndustriyelMutfakIndex
                            </div>
                        </li>
                        <li class="dark" data-transition="fade" data-slotamount="1" data-masterspeed="1500" data-thumb="@Url.Content("~/Content/newTM/images/fabrika.png")" data-delay="15000" data-saveperformance="off" data-title="">
                            <!-- MAIN IMAGE -->
                            <img src="@Url.Content("~/Content/newTM/images/fabrika.png")" alt="kenburns6" data-bgposition="center bottom" data-bgpositionend="center top" data-kenburns="on" data-duration="25000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="140" data-rotatestart="0" data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg" data-no-retina>
                            <!-- LAYERS -->
                            <!-- LAYER NR. 2 -->
                            <div class="tp-caption ltl tp-resizeme revo-slider-caps-text uppercase"
                                 data-x="middle" data-hoffset="0"
                                 data-y="top" data-voffset="250"
                                 data-fontsize="40"
                                 data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
                                 data-speed="800"
                                 data-start="1000"
                                 data-easing="easeOutQuad"
                                 data-splitin="none"
                                 data-splitout="none"
                                 data-elementdelay="0.01"
                                 data-endelementdelay="0.1"
                                 data-endspeed="1000"
                                 data-endeasing="Power4.easeIn" style="z-index: 3; color: #FFFFFF; white-space: nowrap;">@LanguageTable.yenileniyor</div>

                            <div class="tp-caption ltl tp-resizeme revo-slider-emphasis-text nopadding noborder"
                                 data-x="middle" data-hoffset="0"
                                 data-y="top" data-voffset="285"
                                 data-fontsize="['60','50','50','40']"
                                 data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
                                 data-speed="800"
                                 data-start="1200"
                                 data-easing="easeOutQuad"
                                 data-splitin="none"
                                 data-splitout="none"
                                 data-elementdelay="0.01"
                                 data-endelementdelay="0.1"
                                 data-endspeed="1000"
                                 data-endeasing="Power4.easeIn" style="z-index: 3; color: #FFFFFF; white-space: nowrap;">2021</div>

                            <div class="tp-caption ltl tp-resizeme revo-slider-desc-text"
                                 data-x="middle" data-hoffset="0"
                                 data-y="top" data-voffset="390"
                                 data-fontsize="30"
                                 data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
                                 data-speed="800"
                                 data-lineheight="['30','30','34','26']"
                                 data-width="['750','750','480','360']"
                                 data-start="1400"
                                 data-easing="easeOutQuad"
                                 data-splitin="none"
                                 data-splitout="none"
                                 data-elementdelay="0.01"
                                 data-endelementdelay="0.1"
                                 data-endspeed="1000"
                                 data-textAlign="center"
                                 data-endeasing="Power4.easeIn" style="z-index: 3; color: #FFFFFF; max-width: 650px; white-space: normal;">@LanguageTable.yenileniyorAlt</div>

                        </li>

                        <li class="dark" data-transition="slideup"
                            data-slotamount="1" data-masterspeed="1000"
                            data-thumb="@Url.Content("~/Content/newTM/images/slider/swiper/1.jpg")" data-fstransition="fade"
                            data-fsmasterspeed="1000" data-fsslotamount="7" data-saveperformance="off"
                            data-title="">
                            <!-- MAIN IMAGE -->
                            <img src="@Url.Content("~/Content/newTM/images/slider/swiper/1.jpg")" alt="video_woman_cover3"
                                 data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
                            <!-- LAYERS -->
                            <!-- LAYER NR. 2 -->

                            <div class="tp-caption ltl tp-resizeme revo-slider-desc-text tleft" data-x="40"
                                 data-y="240"
                                 data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;s:800;transformPerspective:200;transformOrigin:50% 0%;"
                                 data-speed="800" data-start="1600" data-easing="easeOutQuad" data-splitin="none"
                                 data-splitout="none" data-elementdelay="0.01" data-endelementdelay="0.1"
                                 data-endspeed="1000" data-width="['550','550','550','380']" data-height="none"
                                 data-endeasing="Power4.easeIn"
                                 style="z-index: 11; max-width: 550px; white-space: normal;">
                                 @LanguageTable.buyume
                            </div>

                        </li>


                    </ul>
                </div>
            </div><!-- END REVOLUTION SLIDER -->
        </div>
    </section>

}

<div class="container clearfix">

    <div class="divcenter center clearfix" style="max-width: 900px;">
        <!-- <img class="bottommargin" src="images/logo-side.png" alt=""> -->
        <h1><span>ŞAH HORTUM A.Ş.</span>@LanguageTable.HosGelmissezAgam</h1>
        <h2>@LanguageTable.YollardaGuven</h2>
        <!-- <a href="#" class="button button-3d button-dark button-large ">Browse Features</a>
        <a href="#" class="button button-3d button-large">Buy Now</a> -->
    </div>

    <!-- <div class="line"></div> -->
    <div class="section nobottommargin" style="background-color: #FFFFFF !important;">
        <div class="container clear-bottommargin clearfix">

            <div class="row topmargin-sm clearfix" style="text-align: center;">

                <div class="col-lg-4 bottommargin">
                    <i class="i-plain color i-large tib_icon icon-leaf inline-block"
                       style="margin-bottom: 15px;"></i>
                    <div class="heading-block nobottomborder" style="margin-bottom: 15px;">
                        <span class="before-heading">@LanguageTable.CevreDostuveGüvenilir </span>
                        <h4>@LanguageTable.CevreDostuveGüvenilir</h4>
                    </div>
                    <p>
                        @LanguageTable.GelecegiDusunuyoruz
                    </p>
                </div>

                <div class="col-lg-4 bottommargin">
                    <i class="i-plain color i-large tib_icon icon-magic inline-block"
                       style="margin-bottom: 15px;"></i>
                    <div class="heading-block nobottomborder" style="margin-bottom: 15px;">
                        <span class="before-heading">@LanguageTable.YaraticiveYenilikci </span>
                        <h4>@LanguageTable.YaraticiveYenilikci </h4>
                    </div>
                    <p>
                        @LanguageTable.UrunlerimizeHerGunBirYenisiniEkliyoruz
                    </p>
                </div>

                <div class="col-lg-4 bottommargin">
                    <i class="i-plain color i-large tib_icon icon-globe inline-block"
                       style="margin-bottom: 15px;"></i>
                    <div class="heading-block nobottomborder" style="margin-bottom: 15px;">
                        <span class="before-heading">@LanguageTable.Kaliteli </span>
                        <h4>@LanguageTable.Kaliteli</h4>
                    </div>
                    <p>
                        @LanguageTable.UretimHatti
                    </p>
                </div>

            </div>

        </div>
    </div>
    <!--					<div class="col_one_third">
        <div class="feature-box fbox-small fbox-plain" data-animate="fadeIn">
            <div class="fbox-icon">
                <a href="#"><i class="icon-phone2"></i></a>
            </div>
            <h3>Responsive Layout</h3>
            <p>Powerful Layout with Responsive functionality that can be adapted to any screen size.</p>
        </div>
    </div>

    <div class="col_one_third">
        <div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="200">
            <div class="fbox-icon">
                <a href="#"><i class="icon-eye"></i></a>
            </div>
            <h3>Retina Ready Graphics</h3>
            <p>Looks beautiful &amp; ultra-sharp on Retina Displays with Retina Icons, Fonts &amp; Images.</p>
        </div>
    </div>

    <div class="col_one_third col_last">
        <div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="400">
            <div class="fbox-icon">
                <a href="#"><i class="icon-star2"></i></a>
            </div>
            <h3>Powerful Performance</h3>
            <p>Optimized code that are completely customizable and deliver unmatched fast performance.</p>
        </div>
    </div>

    <div class="clear"></div>

    <div class="col_one_third">
        <div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="600">
            <div class="fbox-icon">
                <a href="#"><i class="icon-video"></i></a>
            </div>
            <h3>HTML5 Video</h3>
            <p>Canvas provides support for Native HTML5 Videos that can be added to a Full Width Background.</p>
        </div>
    </div>

    <div class="col_one_third">
        <div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="800">
            <div class="fbox-icon">
                <a href="#"><i class="icon-params"></i></a>
            </div>
            <h3>Parallax Support</h3>
            <p>Display your Content attractively using Parallax Sections that have unlimited customizable areas.</p>
        </div>
    </div>

    <div class="col_one_third col_last">
        <div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1000">
            <div class="fbox-icon">
                <a href="#"><i class="icon-fire"></i></a>
            </div>
            <h3>Endless Possibilities</h3>
            <p>Complete control on each &amp; every element that provides endless customization possibilities.</p>
        </div>
    </div>

    <div class="clear"></div>

    <div class="col_one_third nobottommargin">
        <div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1200">
            <div class="fbox-icon">
                <a href="#"><i class="icon-bulb"></i></a>
            </div>
            <h3>Light &amp; Dark Color Schemes</h3>
            <p>Change your Website's Primary Scheme instantly by simply adding the dark class to the body.</p>
        </div>
    </div>

    <div class="col_one_third nobottommargin">
        <div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1400">
            <div class="fbox-icon">
                <a href="#"><i class="icon-heart2"></i></a>
            </div>
            <h3>Boxed &amp; Wide Layouts</h3>
            <p>Stretch your Website to the Full Width or make it boxed to surprise your visitors.</p>
        </div>
    </div>

    <div class="col_one_third nobottommargin col_last">
        <div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1600">
            <div class="fbox-icon">
                <a href="#"><i class="icon-note"></i></a>
            </div>
            <h3>Extensive Documentation</h3>
            <p>We have covered each &amp; everything in our Documentation including Videos &amp; Screenshots.</p>
        </div>
    </div> -->

    <div class="clear"></div>

</div>
<div class="section nomargin" style="margin: 0px !important;">
    <div class="container clearfix">

        <div class="heading-block center">
            <h3> @LanguageTable.UrunArama</h3>
            <p>
                @LanguageTable.UrunGoruntulemekIcin
            </p>
        </div>

        <div class="search-box products right-inner-addon">
            <i class="icon-search"></i>
            <div class="loadingP" style="display: none;"></div>
            <input id="searchTermP" type="search"
                   class="form-control"
                   placeholder="ŞAH KODU, OEM NO, ÜRÜN ADI" />
        </div>
        <div class="search-result-wrapperP card-x" style="display: none;"></div>
    </div>
    @Html.Action("NewProductList", "AnaSayfa", new { culture = ViewBag.DilId })
    <a href="@Html.Action("GetMenuUrl", "Anasayfa", new {id = 78, culture = Culture})" class="button button-full button-dark center tright nobottommargin">
        <div class="container clearfix">
            @LanguageTable.dahafazlasi <i class="icon-caret-right"
                                                                     style="top:4px;"></i>
        </div>
    </a>
    <script type="text/javascript">
        var contentP = $('#searchTermP').val();

        $("body").click(function () {
            $(".search-result-wrapperP").hide();
        });

        $('#searchTermP').keyup(function () {
            setTimeout(function () {
                loadDataP();
            }, 600);
        });

        $("#searchTermP").click(function (e) {
            e.stopPropagation();
        });

        $(".search-result-wrapperP").click(function (e) {
            e.stopPropagation();
        });

        $('#searchTermP').focus(function () {
            contentP = $('#searchTermP').val();
            if (contentP != "" && contentP.length > 2) {
                $(".search-result-wrapperP").show();
            }
        });

        function loadDataP(append) {
            if ($('#searchTermP').val() != contentP) {
                contentP = $('#searchTermP').val();
                if (contentP != "" && contentP.length > 2) {
                    $(".loadingP").show();
                    var prm = "&query=" +
                        encodeURI(contentP);
                    $.ajax({
                        url: '/tr-TR/Search?brand=' + prm,
                        success: function (data) {
                            var src_str = data;
                            var term = contentP.toLocaleUpperCase('tr-TR');
                            term = term.replace(/(\s+)/, "(<[^>]+>)*$1(<[^>]+>)*");
                            var pattern = new RegExp("(" + term + ")", "gi");

                            src_str = src_str.replace(pattern, "<mark>$1</mark>");
                            src_str = src_str.replace(/(<mark>[^<>]*)((<[^>]+>)+)([^<>]*<\/mark>)/, "$1</mark>$2<mark>$4");

                            if (append) {
                                $(".search-boxsearch-result-wrapper").append(data);
                            } else {
                                $(".search-result-wrapperP").html(data);
                            }

                            $(".loadingP").hide();
                            $(".search-result-wrapperP").show();
                        }
                    });
                } else {
                    $(".search-result-wrapperP").hide();
                }
            }
        }
    </script>

</div>

<div>
    <div class="row align-items-stretch clearfix">

        <div class="col-6 " style="background: url('@Url.Content("~/Content/newTM/images/kolon1.jpg")?=1+1') center center no-repeat; background-size: cover;"></div>

        <div class="col-6 col-padding ">
            <div>
                <div class="heading-block center mx-auto text-center">
                    <span class="before-heading color">ŞAH HORTUM</span>
                    <h3 lang="tr">@LanguageTable.AgirVasita</h3>
                </div>

                <div class="row clearfix ">

                    <div class="col-lg-10 mx-auto">
                        <p>
                            @LanguageTable.AgirVastaIndex
                        </p>
                        <br />
                        <p></p>

                    </div>


                </div>

            </div>
        </div>

    </div>
    <div class="row align-items-stretch clearfix">

        <div class="col-6 col-padding">
            <div>
                <div class="heading-block center mx-auto text-center">
                    <span class="before-heading color">ŞAH HORTUM</span>
                    <h3 lang="tr"> @LanguageTable.HafifTicariArac</h3>
                </div>

                <div class="row clearfix">

                    <div class="col-lg-10 mx-auto" style="text-align: center;">
                        <p>@LanguageTable.HafifTicariAracIndex</p>
                        <br />
                        <p></p>

                    </div>


                </div>

            </div>
        </div>

        <div class="col-6 " style="background: url('@Url.Content("~/Content/newTM/images/kolon2.jpg")?=1+1') center center no-repeat; background-size: cover;"></div>

    </div>
    <div class="row align-items-stretch clearfix">

        <div class="col-6 " style="background: url('@Url.Content("~/Content/newTM/images/mutfak.jpg")') center center no-repeat; background-size: cover;"></div>

        <div class="col-6 col-padding">
            <div>
                <div class="heading-block center mx-auto text-center" style="text-align: center;">
                    <span class="before-heading color">ŞAH HORTUM</span>
                    <h3 lang="tr">@LanguageTable.EndustriyelMutfak</h3>
                </div>

                <div class="row clearfix">

                    <div class="col-lg-10 mx-auto align-center" style="text-align: center;">
                        <p>
                            @LanguageTable.EndustriyelMutfakIndex
                        </p>
                        <br />
                        <p></p>
                    </div>


                </div>

            </div>
        </div>

    </div>
    <div class="row align-items-stretch clearfix">

        <div class="col-6 col-padding">
            <div>
                <div class="heading-block center mx-auto text-center">
                    <span class="before-heading color">ŞAH HORTUM</span>
                    <h3 lang="tr"> @LanguageTable.KombiIklimlendirmeBaglantiHortum</h3>
                </div>

                <div class="row clearfix">

                    <div class="col-lg-10 mx-auto" style="text-align: center;">
                        <p>@LanguageTable.KombiIklimlendirmeBaglantiHortumIndex</p>
                        <p></p>
                        <br />
                    </div>


                </div>

            </div>
        </div>

        <div class="col-6 " style="background: url('@Url.Content("~/Content/newTM/images/kolon4.jpg")?=1+1') center center no-repeat; background-size: cover;"></div>

    </div>
    <div class="row align-items-stretch clearfix">

        <div class="col-6 " style="background: url('@Url.Content("~/Content/newTM/images/kolon5.jpg")?=1+1') center center no-repeat; background-size: cover;"></div>

        <div class="col-6 col-padding">
            <div>
                <div class="heading-block center  mx-auto text-center">
                    <span class="before-heading color">ŞAH HORTUM</span>
                    <h3 lang="tr">@LanguageTable.OzelUretimUrunler</h3>
                </div>

                <div class="row clearfix">

                    <div class="col-lg-10 mx-auto" style="text-align: center;">
                        <p>
                            @LanguageTable.OzelUretimUrunlerIndex
                        </p>
                        <p></p>
                        <br />
                    </div>


                </div>

            </div>
        </div>

    </div>
</div>

<div class="section parallax dark nomargin nobottomborder"
     style="background-image: url('@Url.Content("~/Content/newTM/images/parallax/7.jpg")?=1+1');"
     data-bottom-top="background-position:0px 0px;" data-top-bottom="background-position:0px -300px;">

    <div class="container clearfix">

        <div class="heading-block center">
            <h2>@LanguageTable.SahhortumHosgeldiniz</h2>
            <span style="font-family: Arial, Helvetica, sans-serif;">
                @LanguageTable.DogruSecim
            </span>
        </div>

        <div class="container clearfix">

            <div class="col_one_fifth nobottommargin center" data-animate="bounceIn">
                <i class="i-plain i-xlarge divcenter nobottommargin icon-boxes"></i>
                <div class="counter counter-lined">
                    <span data-from="100" data-to="1300"
                          data-refresh-interval="50" data-speed="2000"></span>+
                </div>
                <h5>@LanguageTable.Urun</h5>
            </div>

            <div class="col_one_fifth nobottommargin center" data-animate="bounceIn" data-delay="200">
                <i class="i-plain i-xlarge divcenter nobottommargin icon-copyright"></i>
                <div class="counter counter-lined">
                    <span data-from="1" data-to="10"
                          data-refresh-interval="100" data-speed="2500"></span>+
                </div>
                <h5>@LanguageTable.Marka</h5>
            </div>

            <div class="col_one_fifth nobottommargin center" data-animate="bounceIn" data-delay="400">
                <i class="i-plain i-xlarge divcenter nobottommargin icon-user-friends"></i>
                <div class="counter counter-lined">
                    <span data-from="10" data-to="50"
                          data-refresh-interval="25" data-speed="3500"></span>+
                </div>
                <h5>@LanguageTable.Calisan</h5>
            </div>

            <div class="col_one_fifth nobottommargin center " data-animate="bounceIn"
                 data-delay="600">
                <i class="i-plain i-xlarge divcenter nobottommargin icon-time"></i>
                <div class="counter counter-lined">
                    <span data-from="1" data-to="40"
                          data-refresh-interval="30" data-speed="2700"></span>+
                </div>
                <h5>@LanguageTable.Tecrube</h5>
            </div>

            <div class="col_one_fifth nobottommargin center col_last" data-animate="bounceIn"
                 data-delay="600">
                <i class="i-plain i-xlarge divcenter nobottommargin icon-globe1"></i>
                <div class="counter counter-lined">
                    <span data-from="1" data-to="20"
                          data-refresh-interval="30" data-speed="2700"></span>+
                </div>
                <h5>@LanguageTable.UlkeyeIhracat</h5>
            </div>
        </div>

    </div>

</div>



<div class="row bottommargin-lg common-height">

    <div class="col-lg-4 dark col-padding ohidden"
         style="background-color: #1abc9c; text-shadow: none !important; padding: 50px;">
        <div>
            <h3 class="uppercase" style="font-weight: 600; text-shadow: none !important;">
                @LanguageTable.BizKimiz
            </h3>
            <p style="line-height: 1.8;">
                @LanguageTable.BizKimizIndex
            </p>
            <i class="icon-bulb bgicon"></i>
        </div>
    </div>

    <div class="col-lg-4 dark col-padding ohidden"
         style="background-color: #34495e; text-shadow: none !important; padding: 50px;">
        <div>
            <h3 class="uppercase" style="font-weight: 600; text-shadow: none !important;">
                @LanguageTable.NeYapiyoruz
            </h3>
            <p style="line-height: 1.8;">
                @LanguageTable.NeYapiyoruzIndex
            </p>
            <i class="icon-cog bgicon"></i>
        </div>
    </div>

    <div class="col-lg-4 dark col-padding ohidden"
         style="background-color: #e74c3c; text-shadow: none !important; padding: 50px;">
        <div>
            <h3 class="uppercase" style="font-weight: 600;text-shadow: none !important; ">
                @LanguageTable.NeredeYapiyoruz
            </h3>
            <p style="line-height: 1.8;">
                @LanguageTable.NeredeYapiyoruzIndex
            </p>
            <i class="icon-thumbs-up bgicon"></i>
        </div>
    </div>

    <div class="clear"></div>
</div>

<!-- <div class="section notopmargin noborder nobottommargin">

    <div class="container clearfix">

        <div class="heading-block center nobottommargin">
            <h2>Our Awesome Works</h2>
            <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, earum!</span>
        </div>

    </div>

</div> -->
<!-- Portfolio Script
============================================= -->

<div class="clear"></div>



<div class="">
    <div id="oc-clients" class="section nobgcolor notopmargin owl-carousel customjs owl-carousel-full image-carousel footer-stick carousel-widget" data-margin="80" data-loop="true" data-nav="false" data-autoplay="500" data-pagi="false" data-items-xs="2" data-items-sm="3" data-items-md="4" data-items-lg="5" data-items-xl="6">
        <div class="oc-item"><a href="@Url.Action("Products", new { culture = ViewBag.DilId, brand = "MERCEDES" })"><img src="@Url.Content("~/Upload/marka/mercedes.jpg")" alt="Clients"></a></div>
        <div class="oc-item"><a href="@Url.Action("Products", new { culture = ViewBag.DilId, brand = "DAF" })"><img src="@Url.Content("~/Upload/marka/daf.jpg")" alt="Clients"></a></div>
        <div class="oc-item"><a href="@Url.Action("Products", new { culture = ViewBag.DilId, brand = "MAN" })"><img src="@Url.Content("~/Upload/marka/man.jpg")" alt="Clients"></a></div>
        <div class="oc-item"><a href="@Url.Action("Products", new { culture = ViewBag.DilId, brand = "VOLVO" })"><img src="@Url.Content("~/Upload/marka/volvo.jpg")" alt="Clients"></a></div>
        <div class="oc-item"><a href="@Url.Action("Products", new { culture = ViewBag.DilId, brand = "IVECO" })"><img src="@Url.Content("~/Upload/marka/iveco.jpg")" alt="Clients"></a></div>
        <div class="oc-item"><a href="@Url.Action("Products", new { culture = ViewBag.DilId, brand = "MITSUBISHI" })"><img src="@Url.Content("~/Upload/marka/mitsubishi.jpg")" alt="Clients"></a></div>
        <div class="oc-item"><a href="@Url.Action("Products", new { culture = ViewBag.DilId, brand = "SCANIA" })"><img src="@Url.Content("~/Upload/marka/scania.jpg")" alt="Clients"></a></div>
        <div class="oc-item"><a href="@Url.Action("Products", new { culture = ViewBag.DilId, brand = "VOLKSWAGEN" })"><img src="@Url.Content("~/Upload/marka/volkswagen.jpg")" alt="Clients"></a></div>
        <div class="oc-item"><a href="@Url.Action("Products", new { culture = ViewBag.DilId, brand = "DİRSEK" })"><img src="@Url.Content("~/Upload/marka/dirsek.jpg")" alt="Clients"></a></div>
        <div class="oc-item"><a href="@Url.Action("Products", new { culture = ViewBag.DilId, brand = "KALORİFER" })"><img src="@Url.Content("~/Upload/marka/kalorifer.jpg")" alt="Clients"></a></div>
        <div class="oc-item"><a href="@Url.Action("Products", new { culture = ViewBag.DilId, brand = "METRELİK" })"><img src="@Url.Content("~/Upload/marka/metrelik.jpg")" alt="Clients"></a></div>
        <div class="oc-item"><a href="@Url.Action("Products", new { culture = ViewBag.DilId, brand = "SİLİKON" })"><img src="@Url.Content("~/Upload/marka/silikon.jpg")" alt="Clients"></a></div>
    </div>
</div>