/*Res*/
.w100 {
    width: 100% !important;
}

.h-auto {
    height: auto !important;
}

.headerContainer .headerRightSide .languageCont a:hover{
    height:20px;
    width:20px;
}
.haberWrapper ul {
    display: block;
}

.haberWrapper {
    margin-left: 0px;
}

    .haberWrapper ul li a {
        background-color: transparent;
    }

    .haberWrapper .haberBox .haberBoxFrame {
        width: 100%;
        background-image: none;
        background-color: #fff;position:relative
    }

    .haberWrapper .haberBox {
        width: 100%;
        height: 200px;
    }

        .haberWrapper .haberBox .haberBoxDate {
            width: 100px;
        }

        .haberWrapper .haberBox .haberBoxFrame .haberBoxFrameText, .haberWrapper .haberBox .haberBoxFrame .haberBoxFrameTitle {
            width: 50%;
            margin-left: 0px;
        }

        .haberWrapper .haberBox:hover {
            width: 100%;
        }

        .haberWrapper .haberBox .haberBoxFrame .haberBoxFrameText {
            height: 60px;
        }

.logomargin {
    margin: 0px !important;
}

.niles-logo {
    position: inherit !important;
    top: 0px;
    margin-left: 0px;
    overflow: hidden;
}

.mt15 {
    margin-top: 15px;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.googleMap iframe {
    width: 100%;
}

.iletisiminput, .iletisimddl, .iletisimtextarea {
    width: 100%;
}

.headerContainer .headerRightSide .searchContainer {
    width: 100% !important;
}

.headerContainer .logoContainer {
    width: auto;
}

.headerContainer .headerRightSide .languageCont a.active {
    width: 25px;
    height: 30px;
}

.headerContainer .headerRightSide .languageCont a {
    width: 20px;
    height: 20px;
}

.headerContainer .headerRightSide {
    margin-top: 4px !important;
}

.mainPageTitle1 {
    padding: 0px !important;
}

.bannerContainer {
    margin-top: 0px !important;
    width: inherit;
}

.middleContainer {
    min-width: inherit;
    width: inherit;
}

.sliderContent .item {
    min-width: inherit;
    width: inherit;
    height: inherit;
}

.slider {
    width: inherit;
}

.middleContainer .mainPageTitle {
    min-width: inherit;
    width: inherit;
    height: inherit;
}

.sliderContent {
    min-width: inherit;
    width: inherit;
    height: inherit;
}

.mainPageTitle2 {
    font-size: 16px;
    padding-left: 0px;
    color: white;
    width: inherit;
    line-height: 20px;
}

.sliderImageTitle {
    right: 0px;
    margin-left: 0px;
}

.buttonsContainer {
    width: inherit;
}

.iletisimLogo {
    float: left;
}

.ikLogo {
    float: left;
}

.brosurLogo {
    float: left;
}

.subMenu {
    width: 420px;
    height: 210px;
    float: left;
}

.subMenuTop #tab1.subMenuItemActive {
    height: 33px;
}

.subMenu .subMenuTop .subMenuItem {
    height: 33px;
}

.subMenu .subMenuContent .subMenuContentText {
    height: 139px;
    float: left;
}

.subMenuContentImage {
    display: none;
    width: inherit !important;
    height: 140px !important;
    float: none !important;
}

.subMenuTop #tab3.subMenuItemActive, .subMenuTop #tab2.subMenuItemActive {
    height: 33px;
}


.subMenu .subMenuContent .subMenuContentButton1, .subMenu .subMenuContent .subMenuContentButton2, .subMenu .subMenuContent .subMenuContentButton3 {
    height: 35px;
}

.subMenu .subMenuTop {
    width: 100%;
}

.footerContainer {
    margin-top: 35px;
    margin-bottom: 5px;
}

    .footerContainer .footerInside {
        width: 100%;
        margin: auto;
        height: 40px;
    }

        .footerContainer .footerInside .footerMenu {
            font-size: 12px;
            padding-top: 15px;
            padding-left: 0px;
            margin-left: 0px;
            padding-right: 0px;
            width: inherit;
        }

            .footerContainer .footerInside .footerMenu .footerSeparator {
                margin-left: 4px;
                margin-right: 4px;
            }

.subMenu .subMenuContent .subMenuContentButton3 {
    padding-top: 12px;
}

.footerContainer .footerInside .footerSocial {
    float: right;
    margin-top: 15px;
}


.kurusalLogoTitle, .urunlerLogoTitle, .haberlerLogoTitle, .fuarlarLogoTitle, .insanLogoTitle, .iletisimLogoTitle {
    margin: 0px;
    bottom: 14px;
}

.urunlerLogo:hover, .glofoilLogo:hover, .haberlerLogo:hover, .kurumsalLogo:hover, .fuarlarLogo:hover, .sertifikaLogo:hover, .ikLogo:hover, .iletisimLogo:hover, .brosurLogo:hover {
    width: 50%;
    float: left;
}

.web-hide {
    display: block !important;
}

.web-menu {
    display: none !important;
}

.middleContainer_hakkimizda {
    width: inherit;
}

.solMenu {
    width: 100%;
    height: auto;
    margin: 0px;
    float: left;
    margin-bottom: 12px;
}

.middleContainer_hakkimizda .leftContainer {
    width: inherit;
}

.solMenu a {
    border-right: 1px solid #80777C;
    border-bottom: 1px solid #80777C;
}

.tabs altMenuler {
    margin: 0px;
}

.middleContainer_hakkimizda .rightContainer {
    float: none;
    width: inherit;
    margin-bottom: 30px;
}

.rightContentHeader .rightContentHeaderTitle1 {
    color: #fff;
    margin-left: 0px;
    margin: 0;
    margin-top: 10px;
}

.footerContainer .footerInside .footerLeft {
    padding-top: 16px;
}

.rightContentHeader {
    width: 100%;
    height: inherit;
    margin-left: 0px;
}

    .rightContentHeader .rightContentHeaderImage {
        width: inherit;
        height: inherit;
        margin-top: 20px;
        position: relative;
    }

.middleContainer_hakkimizda .rightContainer .rightContentText {
    width: inherit;
}

.mobil-hide {
    display: none;
}

.middleContainer_urunler .leftContainer {
    width: inherit;
}

.middleContainer_urunler {
    width: inherit;
}

.yanMenuItemActive {
    height: auto;
}

.solMenuAltBaslik {
    height: 44px;
}

.middleContainer_urunler .rightContainer {
    width: inherit;
    float: none;
}

.rightContentHeader .rightContentHeaderTitle2 {
    margin-left: 0px;
    margin-top: 10px;
}

.paletDetaylari {
    height: 35px;
}


.middleContainer_fuarlar .leftContainer {
    float: none;
}

.kartelaForm, .middleContainer_kartela .rightContainer, .middleContainer_haberler, .adresWrapperContainer, middleContainer_iletisim, .middleContainer_iletisim, .fuarlarWrapper .fuarlarWrapperContainer, .middleContainer_fuarlar .leftContainer, .middleContainer_haberler .leftContainer, .middleContainer_fuarlar, .middleContainer_haberler .rightContainer, .urunlerWrapper .urunlerWrapperTitle, .urunlerWrapper .urunlerWrapperContainer {
    width: inherit;
}

.haberPageTitle {
    margin-left: 0px;
}

.altMenuler li a {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.middleContainer_fuarlar .leftContainer {
    min-height: inherit;
}

.middleContainer_fuarlar .rightContainer {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.rightContentHeader .rightContentHeaderImage {
    float: left;
}

.fuarlarWrapper {
    margin-top: 10px;
    width: inherit;
    float: left;
    margin-left: 0px;
}

.kartelabutton {
    margin-top: 20px;
}

.rightContentHeader .rightContentHeaderTitle2, .rightContentHeader .rightContentHeaderTitle1 {
    text-align: left !important;
}

.middleContainer_iletisim .rightContainer {
    float: left;
    width: inherit;
}

.middleContainer_kartela {
    width: 100%;
}

.kartelatextarea {
    width: 100%;
}

.middleContainer_iletisim .leftContainer {
    width: inherit;
}

.adresWrapper {
    color: #fff;
    margin-right:45px;
}

.iletisimTabButton {
    margin-top: 30px;
}

.adresWrapperEmail a {
    color: #fff;
}

.adresWrapper {
    font-size: 12px;
}

.slider {
    height: 165px;
    margin-top: 25px;
}

.sanalUygulamaTitle {
    margin-top: 30px;
    cursor: pointer;
    padding-top: 9px;
}

.urunlerWrapper {
    margin-top: 0px;
    margin-bottom: 5px;
    width: inherit;
    margin-left: 0px;
}

    .urunlerWrapper .urunlerWrapperContainer {
        height: inherit;
        margin-top: 20px;
        float: left;
    }


/*Mobile ürünler menu*/


li {
    display: inline-block;
    float: left;
    margin-right: 1px;
}

    /*Style for menu links*/
    li a {
        display: block;
        min-width: 140px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        color: #fff;
        background: #2f3036;
        text-decoration: none;
    }

    /*Hover state for top level links*/
    li:hover a {
        background: rgb(243, 152, 33);
    }

    li a:active {
        text-decoration: none;
    }

    li a {
        font-weight: bold;
        text-decoration: none;
        font-size: 12px;
        height: 38px;
        line-height: 34px;
        color: #fff;
    }


    /*Style for dropdown links*/
    li:hover ul a {
        background: #f3f3f3;
        color: #2f3036;
        height: 32px;
        font-size: 12px;
        line-height: 12px;
        padding-top: 8px;
    }

        /*Hover state for dropdown links*/
        li:hover ul a:hover {
            background: rgb(243, 152, 33);
            color: #fff;
        }

    /*Hide dropdown links until they are needed*/
    li ul {
        display: none;
    }

        /*Make dropdown links vertical*/
        li ul li {
            display: block;
            float: none;
        }

            /*Prevent text wrapping*/
            li ul li a {
                width: auto;
                min-width: 100px;
                padding: 0 20px;
            }

/*Display the dropdown on hover*/
ul li a:hover + .hiddenx, .hiddenx:hover {
    display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
    text-decoration: none;
    color: #000;
    font-size: 17px;
    text-align: center;
    padding: 10px 0;
    display: none;
}

/*Hide checkbox*/

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu {
    display: block;
}


/*Responsive Styles*/

/*Make dropdown links appear inline*/
ul {
    position: static;
    display: none;
}
/*Create vertical spacing*/
li {
    margin-bottom: 1px;
}
    /*Make all menu links full width*/
    ul li, li a {
        width: 100%;
    }
/*Display 'show menu' link*/
.show-menu {
    display: block;
}

.rightContentHeader .rightContentHeaderTitle3 {
    margin-top: 6px;
    margin-left: 0px;
    width: 100% !important;
    text-align: left !important;
}

@media (min-width: 768px) {
    .m-top {
        top: 94px;
    }

    .m-top2 {
        top: 110px !important;
    }

    .rightContentHeader .rightContentHeaderTitle1 {
        margin-top: -116px;
        position: inherit;
    }

    .rightContentHeader .rightContentHeaderTitle2 {
        position: inherit;
        margin-top: -69px;
    }

    .rightContentHeader .rightContentHeaderImage {
        margin: 0px;
        margin-top: 70px;
    }
}

.rightContentHeaderImage img {
    margin: 0 auto;
}

.headerContainer .headerRightSide .searchContainer input {
    width: 122px;
}
.haberWrapper .haberBox .haberBoxFrame .haberBoxFrameContinue{
    position:absolute;right:0px;
    bottom:8px;
}
/***/
.headerContainer .headerRightSide .languageCont{
    margin-left:0px;
    float:right;
    margin-top:5px;
}
.slideItWrapper {
    position: absolute;
    top: 55px;
}

.slideIt {
    left: 7px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    background-color: #CC0115;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 40px;
    position: relative;
}

    .slideIt span {
        font-size: 18px;
        left: 7px;
        top: 6px;
        position: absolute;
        color: #000;
        display: block;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
        overflow: hidden;
        font-weight: bold;
    }

        .slideIt span.open {
            background-position: 4px 7px;
            opacity: 1;
        }

        .slideIt span.close {
            background-position: -19px 7px;
            opacity: 0;
            -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
        }

    .slideIt.active .close {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        text-shadow: none;
        left: 10px;
    }

    .slideIt.active .open {
        opacity: 0;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }

    .slideIt:before {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        left: -9px;
        top: 10px;
        border-top: 5px solid transparent;
        border-right: 10px solid #CC0115;
        border-bottom: 5px solid transparent;
    }

    .slideIt:hover:before {
        left: -9px;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }


/* REQUIRED */
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    /* Specify the width of your pageslide here */
    width: 240px;
    /* styles */
    background: #2F3036;
    left: -240px;
}

    #pageslide h3 {
        font-size: 1.8em;
        margin: 0;
        padding: 20px;
        font-weight: 300;
        color: #fff;
    }

    #pageslide ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
    }

    #pageslide li a {
        display: block !important;
        color: #fff !important;
        font-size: 1.1em !important;
        line-height: 2.5 !important;
        padding: 0 20px !important;
        cursor: pointer !important;
        border-bottom: 1px solid #696566 !important;
        text-decoration: none !important;
    }

        #pageslide li a:hover {
            background: #41434A;
        }

.solMenuAltBaslik {
    width: 100%;
}

    .solMenuAltBaslik:hover {
        width: 100%;
        height: 44px;
    }

.middleContainer_urunler .leftContainer {
    float: none;
}

.m-top {
    position: absolute !important;
    left: 0px;
    z-index: 100;
    background: #F3F3F3;
    top: -40px;
}

.m-top2 {
    position: absolute !important;
    left: 0px;
    z-index: 100;
    background: #F3F3F3;
    top: 150px;
}

.margin-t60 {
    margin-top: -60px;
}

#fancybox-img {
    width: 100%;
    height: 100%;
}

#fancybox-wrap {
    width: 100% !important;
  
    left: 5px !important;
}

#fancybox-content {
    width: 100% !important;
    height: 100% !important;
}

#fancybox-frame {
    height: 340px;
}

.urunBigImage {
    width: 50% !important;
    height: 100px !important;
}

.urunBigRight {
    float: left !important;
    margin-top: 50px !important;
    width: 100% !important;
}

.m-top3 {
    margin-top: -55px;
}

.m-top4 {
    margin-top: 55px !important;
}

.urunBigKategori {
    float: left !important;
}

#fancybox-right-ico, #fancybox-right:hover span {
    right: 0px !important;
    left: auto !important;
    top: 60px !important;
}

.urunBigAltKategori, .urunBigUrunAdi, .urunBigKodu {
    width: 100% !important;
}

.sanalWrapper {
    width: 100% !important;
}

.sanal-w, .sanalPageTitle {
    width: 100% !important;
}

.sanalWrapper, .sanalWrapper:hover {
    margin-left: 1px !important;
}

    .sanalWrapper img {
        margin: 0 auto;
        float: none;
        display: block;
    }

.sanalUygulama, .sanalUygulamaTitle {
    width: 100% !important;
}

.kartelaForm input {
    width: 90%;
}

.middleContainer_kartela .leftContainer {
    width: 100%;
}

.kartelaselect {
    width: 90%;
}

.chklist {
    width: 90% !important;
}

.m-top input, .m-top2 input {
    display: none;
    -webkit-appearance: none;
}

#fancybox-left {
    left: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
    top: 18%;
}

.urunBigImage {
    margin: 0 auto !important;
    float: none !important;
    border: none !important;
}

#fancybox-right {
    right: 25px;
}

.fuarlarWrapper .fuarlarWrapperContainer .fuarlarWrapperBox {
    border: none !important;
    margin-right: 30px;
}

    .fuarlarWrapper .fuarlarWrapperContainer .fuarlarWrapperBox img {
        height: 73px !important;
    }

.footerContainer .footerInside .footerLeft {
    width: 265px;
}

.m660 {
    width: 100% !important;
}

.sliderBullets {
    top: 166px;
    right: inherit;
}