.eTicaretContainer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-end; }

.eTicaretLink { width: 150px; display: inline-block; float: left; margin-bottom: 15px; padding: 0; height: 40px; }

    .eTicaretLink img { width: 100%; padding: 5px; }
.trendyol, .amazon, .n11, .gittigidiyor, .hepsiburada { transition: background linear .2s; }
.trendyol { background: url(../img/eticaret.jpg); background-position: 14px -10px; display: block; width: 92%; background-size: 592px; height: 100%; overflow: hidden; }
.amazon { background: url(../img/eticaret.jpg); background-position: -90px -224px; display: block; width: 92%; background-size: 552px; height: 100%; overflow: hidden; }
.hepsiburada { background: url(../img/eticaret.jpg); background-position: -1262px -172px; display: block; width: 92%; background-size: 785px; height: 100%; overflow: hidden; }
.n11 { background: url(../img/eticaret.jpg); background-position: -228px -131px; display: block; width: 92%; background-size: 600px; height: 100%; overflow: hidden; }
.gittigidiyor { background: url(../img/eticaret.jpg); background-position: 136px -131px; display: block; width: 92%; background-size: 615px; height: 100%; overflow: hidden; }

.trendyol:hover { background: url(../img/eticaret.jpg); background-position: 14px 56px; display: block; width: 92%; background-size: 592px; height: 100%; overflow: hidden; }

.amazon:hover { background: url(../img/eticaret.jpg); background-position: -90px -164px; display: block; width: 92%; background-size: 552px; height: 100%; overflow: hidden; }
.hepsiburada:hover { background: url(../img/eticaret.jpg); background-position: -1262px -85px; display: block; width: 92%; background-size: 785px; height: 100%; overflow: hidden; }
.n11:hover { background: url(../img/eticaret.jpg); background-position: -228px -63px; display: block; width: 92%; background-size: 600px; height: 100%; overflow: hidden; }
.gittigidiyor:hover { background: url(../img/eticaret.jpg); background-position: 136px -63px; display: block; width: 92%; background-size: 615px; height: 100%; overflow: hidden; }

.contbaslik { font-size: 22px; font-family: Raleway; }

.dahafazla { font-family: catamaran; padding: 3px 5px; background: #efefef; color: black; border-radius: 2px; font-size: 13px; transition: all ease-in-out .3s; }

    .dahafazla:hover { background: #a4a4a4; color: white; }

.hbrimg { max-height: 140px; overflow: hidden; }
.index3 .hbrimg { max-height: 250px; overflow: hidden; }
.index3 .col-md-4 { margin-bottom: 20px; }
.haberlerindex p { padding-top: 15px; font-size: 14px; font-family: catamaran; line-height: 18px; }
.haberlerindex table { width: 100%; background-color: #fff; }
    .haberlerindex table td { padding: 10px 7px; border: 0 solid lightgray; }
    .haberlerindex table tr:nth-child(1) td { text-align: right; font-size: 12px; font-weight: bold; }
    .haberlerindex table tr:nth-child(2) td { text-align: left; border-bottom: 7px solid; }
    .haberlerindex table tr:nth-child(2) td { height: 40px; box-sizing: border-box; }
.containerx { max-width: 1200px; margin: 0 auto; padding: 40px 0 40px 0; }

.adresB .fa { margin-right: 10px; color: #d1d2d4; }

.index1 { background-image: url(../img/yeniUrun/44.jpg); color: #fff; padding: 30px 0; }

    .index1 h3 { font-size: 38px; font-weight: bold; display: inline-block; line-height: 65px; text-align: center; width: 100%; }

.parallax-background { width: 100%; background-position: 50% 0; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; box-shadow: 0 0 3px rgba(0,0,0,0.09) inset; }

.adresB .fa { margin-right: 10px; }

.socialicon img { width: 50px; }

.footerlinks li { margin-bottom: 10px; }

    /*.footerlinks li:before { content: ''; color: red; font-weight: bold; border-left: 2px solid #fd0000; margin-right: 5px; transition: all ease-in-out .3s; }*/

    /*.footerlinks li:hover:before { cursor: pointer; content: ''; color: red; font-weight: bold; border-left: 2px solid white; margin-right: 5px; }*/

    .footerlinks li a { color: #f9f9f9; font-size: 14px; }
.bContainer { width: 100%; }

.uvc h4 a { color: #0079a7; }

.growlight h4 a { color: green; text-shadow: 0 0 1px green; }

.direkler h4 a { color: #4c4c4c; }

.theme-overlay { position: relative; }

    .theme-overlay::before { background-color: rgba(239, 23, 60, 0.65); bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; }

    .theme-overlay.overlay-white::before { background-color: rgba(255, 255, 255, 0.65); }

    .theme-overlay.overlay-deep-white::before { background-color: rgba(255, 255, 255, 0.92); }

    .theme-overlay.overlay-black::before { background-color: rgba(0, 0, 0, 0.65); }

    .theme-overlay.overlay-deep-black::before { background-color: rgba(0, 0, 0, 0.85); }

.footer .containerx .col-md-4 { margin-bottom: 15px; }

.Modalicerik { padding: 20px; }

    .Modalicerik p { font-size: 14px; line-height: 19px; color: #424242; font-family: catamaran; }

    .Modalicerik h4 { color: rgba(239, 23, 60, 0.65); border-bottom: 1px solid lightgray; display: inline-block; text-shadow: 0 0 1px orangered; }

    .Modalicerik span:before { content: "- "; font-weight: bold; color: red; margin-right: 5px; }

    .Modalicerik span:before { padding-left: 15px; }

.gizlilikcerez { font-size: 14px; color: white; }

footer, .sosyalMedya { display: none; }

.parallax-window { min-height: 400px; background: transparent; }

.haberlerindex p { font-size: 18px; background: white; padding: 10px; min-height: 50px; }

.haberlerindex a { text-decoration: none; color: #333; }

.owl-dot span { background: #a4a4a4; display: inline-block; width: 10px; height: 10px; float: left; margin-right: 5px; border-radius: 20px; }

.owl-dot.active span { background: red; }

.owl-dots { display: block; min-width: 50px; margin: 10px auto; right: 0; position: absolute; }

.polecat { text-align: center; padding: 10px 20px; font-weight: 400; font-family: inherit; font-size: 25px; color: white; font-family: Impact; transition: all ease-in-out .4s; }

    .polecat span { font-family: sans-serif; }

    .polecat.modern { background: #607D8B; }

    .polecat.dekoratif { background: #8b8460; }

    .polecat.bollard { background: #534e49; }

    .polecat.topL { background: rgb(90, 144, 75); }

    .polecat.rackL { background: rgb(60, 128, 154); }

    .polecat.interL { background: rgb(111, 169, 94); }

    .polecat.modern a { color: #dae5ea; width: 100%; display: block; }

    .polecat.dekoratif a { color: #e2e0d6; width: 100%; display: block; }

    .polecat.bollard a { color: #e2dad2; width: 100%; display: block; }

    .polecat.topL a { color: #dee8dc; width: 100%; display: block; }

    .polecat.rackL a { color: #daecd5; width: 100%; display: block; }

    .polecat.interL a { color: #dfeadc; width: 100%; display: block; }

.direkler .polecat:hover { background: #c2d2da; }

    .direkler .polecat:hover a { color: #445963; }

.growlight .polecat:hover { background: rgb(217, 230, 215); color: #294621; }

    .growlight .polecat:hover a { color: #294621; }

.anakategoriler span { display: block; color: white; font-family: sans-serif; font-size: 14px; }

.anakategoriler { text-align: left; }

    .anakategoriler ul { display: inline-block; }

        .anakategoriler ul ul { display: block; }

    .anakategoriler .logolar img { width: 25px!important; }

.adress { min-height: 135px; }

    .adress h4 { margin-bottom: 0; border-bottom: 1px solid lightgray; }

    .adress h5 { margin-bottom: 0!important; }

.logolar { float: left; }

.yeniU { padding: 1px 68px; background: red; color: white; transform: rotate(-35deg); position: absolute; top: 9px; left: -56px; z-index: 9; font-size: 14px; }

.footerlinks li { margin-bottom: 0!important; }

.flogo img { vertical-align: middle; margin-right: 7px; }

.hizlilinks span { padding: 3px 5px; display: inline-block; font-size: 14px; margin-bottom: 5px; border-radius: 2px; border: 1px solid #8c8c8c; transition: all ease-in-out .3s; color: #d4d4d4; }

    .hizlilinks span:hover { background: black; }

.ukcontainer { width: 25%; min-height: 200px; float: left; padding: 7px; box-sizing: border-box; }

    .ukcontainer a { height: 150px; width: 100%; box-sizing: border-box; font-family: Arial, sans-serif; color: black; }

    .ukcontainer table { margin-top: 25px; }

        .ukcontainer table td:nth-child(1) { width: 75px; }

        .ukcontainer table td:nth-child(2) { padding: 5px; font-size: 15px; vertical-align: bottom; }

    .ukcontainer .basslik { font-size: 20px; display: block; width: 100%; text-align: center; }

.darkbg { background: #e8e8e8; }

.lightbg { background: #fff; }

.urungenis_owl .owl-stage-outer { height: auto; }

.urungenis_owl.owl-carousel .owl-item img { display: inline-block; width: auto; height: auto; }

.urungenis_owl .owl-item { background: none; }

.videoisim { font-family: 'Raleway', sans-serif; font-size: 15px; color: black; margin-top: 9px; border-top: 2px red solid; padding-left: 5px; margin-bottom: 5px; font-weight: 200; display: inline-block; }

.yeniurunler img, .growlight img, .uvc img { width: 90%!important; margin: 0 auto; padding-top: 32px; height: auto!important; }

.bolumler { width:calc(33.333%); height: auto; display: inline-block; float: left;padding: 20px; text-align: center; box-sizing:border-box; font-family: 'Raleway'; position: relative; overflow: hidden; transition: all ease-in-out .3s; }

    .bolumler:nth-child(1) { background: #d80000; color: white; padding: 20px; }

    .bolumler:nth-child(4) { background: #f22d00; color: white; padding: 20px; }

    .bolumler:nth-child(3) { background: #d80000; color: white; padding: 20px; }

    .bolumler:nth-child(2) { background: #000; color: white; padding: 20px; }

.index3 .YUrunler .owl-item .btc_ln_img_cont_wrapper { border-bottom: 4px solid red; border-top: 1px solid lightgray; }
.index3 .growlightContainer .owl-item .btc_ln_img_cont_wrapper { border-bottom: 4px solid green; border-top: 1px solid lightgray; }
.index3 .uvcContainer .owl-item .btc_ln_img_cont_wrapper { border-bottom: 4px solid #00d3e9; border-top: 1px solid lightgray; }
.haberlerindex .col-md-4 img { transition: linear all 500ms; }
.haberlerindex .col-md-4:hover img { transform: scale(1.3); }
.haberlerindex .col-md-4:hover td { color: blue; }
.haberlerindex .col-md-4 td { transition: linear all 500ms; }
.bolumler2 { min-height: 192px; max-height: 192px; width: 25%; height: auto; display: inline-block; float: left; padding: 10px 15px; text-align: center; box-sizing: border-box; font-family: 'Raleway'; position: relative; overflow: hidden; transition: all ease-in-out .3s; /*border-right: 10px solid #f1f1f1;
    border-left: 10px solid #f1f1f1;*/ }
.bolumler3 { color: gray!important; max-height: none!important; margin-bottom: 15px; min-height: 225px; /*border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;*/ width: 33.33333%; }
    .bolumler3 img { width: 65px; margin: 10px; }
    .bolumler3 h3 { display: block!important; margin-top: 0!important; }
.bolumler2:nth-child(1) { background: #fff; /*background: #00b44b;*/ color: #00b44b; }

.bolumler2:nth-child(4) { background: #fff; /*background: #f22d00;*/ color: #f22d00; }

.bolumler2:nth-child(3) { background: #fff; /*background: #00d3e9;*/ color: #00d3e9; }

.bolumler2:nth-child(2) { background: #fff; /*background: #000;*/ color: #000; }

.rContainer { width: 100%; }
.referansdiv { width: 25%; position: relative; overflow: hidden; display: block; float: left; }
.referansad { position: absolute; width: 100%; display: block; padding: 13px 0; border-bottom: 2px red solid; background-color: rgba(255, 255, 255, .55); color: black; transition: all ease-in-out .3s; bottom: -46px; text-align: center; }
.referansdiv:hover .referansad { bottom: 30px; }
.referansdiv:hover .rfrnsimg { transform: scale(1.4); filter: blur(2px); }

.rfrnsimg { height: auto; width: 100%; display: block; transition: all ease-in-out 3s; }

.playbutton { position: absolute; left: calc(50% - 30px); top: calc(50% - 30px); cursor: pointer; }

.links { position: absolute; bottom: -40px; left: 0; padding: 10px; box-sizing: border-box; height: 40px; width: 100%; background: white; z-index: 0000; transition: all ease-in-out .3s; color: black; font-size: 17px; }

    .links a { color: black; display: block; }

.bolumler:hover .links { bottom: 0; left: 0; cursor: pointer; }

.bolumler:hover { padding-top: 5px; }

.bolumler2:hover .links { bottom: 0; left: 0; cursor: pointer; }

/*.bolumler2:hover { padding-top: 5px; }*/
.bolumline { position: absolute; bottom: 0; width: 100%; display: block; left: 0; height: 5px; }
.bolumler2 h3 { font-size: 24px; border: solid 1px; padding: 5px; display: inline-block; margin-top: 10px; border-inline-style: none; }

.links3 a { padding: 5px; display: inline-block; text-decoration: none; color: #4a4a4a; transition: all ease-in-out 300ms; font-size: 14px; }
    .links3 a:hover { color: black; }
.links3 { display: inline-block; float: right; transition: all ease-in-out 300ms; }
    .links3:hover { background: lightgray; }
.bolumler3.index3 { box-shadow: 0 7px #575757; }


.biz h1 { padding: 16px; display: block; font-size: 20px; background: white; font-family: 'Raleway'; margin-bottom: 0; }
    .biz h1 img { float: right; margin-right: 15px; }
.content1, .content2, .content3 { display: none; padding: 16px; background: white; line-height: 27px; font-family: 'Raleway'; font-size: 14px; margin-bottom: 15px; }
.bizkimiz { width: calc(33.33% - 2px); float: left; display: block; position: relative; margin: 0 1px; }
    .bizkimiz h4 { display: block; font-size: 16px; position: relative; top: 51px; text-align: center; color: white; }
.index4 { width: calc(33.333% - 2px); float: left; display: inline-block; position: relative; margin: 0 1px; height: 217px; overflow: hidden; }
    .index4 img { margin: 0; padding: 0; width: 100%; transition: all ease-in-out 300ms; position: absolute; top: -78px; z-index: 80; }
    .index4:nth-child(3) img { margin: 0; padding: 0; width: 100%; transition: all ease-in-out 300ms; position: absolute; top: -130px; }
    .index4 h3 { position: absolute; transition: all ease-in-out 300ms; display: block; background-color: rgba(254, 254, 254, 0.41); width: 100%; padding: 5px 5px 5px 15px; box-sizing: border-box; z-index: 99; }
    .index4:nth-child(1) h3 { background-color: rgba(0, 0, 0, 0.40); }
    .index4 .links3 { position: absolute; bottom: -10px; right: 10px; color: white; }
    .index4:hover h3 { margin-top: 80px; padding: 10px; }
    .index4:hover .links3 { bottom: 91px; background: black; padding: 10px; z-index: 100; color: white; }
        .index4:hover .links3 a { color: white!important; }

.KategoriAciklama h1 { font-size: 24px!important; }
.index4 { overflow: hidden; transition: all ease-in-out 300ms; }
    .index4:hover img { transform: scale(1.2); filter: blur(1px); }

ul.controls { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 0; margin: 0; }
    ul.controls li { width: 33.33%; box-sizing: border-box; line-height: 0; padding: 6%; height: 240px; -webkit-justify-content: center; justify-content: center; display: -webkit-flex; display: flex; -moz-box-align: center; -moz-box-pack: center; align-items: center; -webkit-align-items: center; float: none; overflow: hidden; position: relative; background-color: #333; }
        ul.controls li:after { background-color: rgba(13,13,13,.35); position: absolute; left: 0; top: 0; content: ''; display: block; z-index: 1; width: 100%; height: 100%; -webkit-transition: background-color .4s cubic-bezier(.05,.2,.1,1) 0s; transition: background-color .4s cubic-bezier(.05,.2,.1,1) 0s; }
        ul.controls li h3 { color: #fff;
    letter-spacing: 5px;
    font-family: 'Raleway';
    position: relative;
    z-index: 100;
    font-family: Arial;
    /*border: 1px solid;*/
    margin-top: -100px;
    padding: 5px; }
        ul.controls li div { width: 100%; position: absolute; left: 0; top: 0; background-size: 100%; background-position: center; height: 100%; -ms-transition: all .4s cubic-bezier(.05,.2,.1,1) 0s; -webkit-transition: all .4s cubic-bezier(.05,.2,.1,1) 0s; transition: all .9s cubic-bezier(.05,.2,.1,1) 0s; }
        ul.controls li:hover:after { background-color: rgba(13,13,13,.75); }
        ul.controls li:hover div { background-size:120% }
        ul.controls li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 101; display: block; cursor:pointer}
.us div { font-family: 'Raleway';
    font-size: 14px;
    /* letter-spacing: initial; */
    line-height: 20px;}
@media screen and (max-width:992px) {

    .referansdiv { width: 33.33%; }
    /*.rfrnsimg {
    height: 207px;*/
    
}
    @media screen and (max-width:768px) {

        .referansdiv { width: 50%; }
         
    }

   
    @media screen and (max-width:867px) {
        .bolumler, .bolumler2 { width: 100%;  display: inline-block; float: left; padding: 4px 10px; text-align: center; box-sizing: border-box; font-family: 'Raleway'; }
            .bolumler span, .bolumler2 span { font-size: 13px; }
            
    }
    /*@media screen and (max-width:500px) {
        .bolumler, .bolumler2 { width: calc(100% - 1px)!important; display: inline-block; float: left; padding: 15px 10px; text-align: center; box-sizing: border-box; font-family: 'Raleway'; }
            .bolumler span, .bolumler2 span { font-size: 13px; }
            .bolumler:nth-child(1) { background: #00b44b; color: black; }
            .bolumler:nth-child(4) { background: #f26800; color: white; }
            .bolumler:nth-child(3) { background: #00d3e9; color: black; }
            .bolumler:nth-child(2) { background: #000; color: white; }
    }*/

    .blmrfrns img { width: 100%; }

    .blmrfrns { width: 50%; display: inline-block; float: left; }
    .bigA { width: 50%; float: left; display: inline-block; }
    .bigB { width: 50%; float: left; display: inline-block; }
    .smallA { width: 100%; }
    h3 { font-size: 24px;  word-break: break-all; }
    .yeniurunler .btc_ln_img_cont_wrapper { background: #ff0000; }
        .yeniurunler .btc_ln_img_cont_wrapper a { color: white; }
    .growlight .btc_ln_img_cont_wrapper { background: green; }
        .growlight .btc_ln_img_cont_wrapper a { color: white; }
    .uvc .btc_ln_img_cont_wrapper { background: #00d3e9; }
        .uvc .btc_ln_img_cont_wrapper a { color: white; }
}

.sosyalmedya li a { text-decoration: none; color: white; }
.sosyalmedya li { list-style: none; width: 20%; float: left; display: inline-block; line-height: 30px; text-align: center; }
    .sosyalmedya li img { width: 20px; float: left; margin-left: 25px; margin-top: 5px; }
.sosyalmedya ul { margin: 0; padding: 0; }



















#float-right { float: right; }

/* ******************************************************
	Script Top
*********************************************************/

.ScriptTop { background: #fff none repeat scroll 0 0; float: left; font-size: 0.69em; font-weight: 600; line-height: 2.2; padding: 12px 0; text-transform: uppercase; width: 100%; }

    /* To Navigation Style 1*/
    .ScriptTop ul { margin: 24px 0; padding: 0; text-align: left; }
    .ScriptTop li { list-style: none; display: inline-block; }
        .ScriptTop li a { background: #6a4aed none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 14px; font-weight: 600; padding: 5px 18px; text-decoration: none; text-transform: capitalize; }
            .ScriptTop li a:hover { background: #000; color: #fff; }


/* ******************************************************
	Script Header
*********************************************************/

.ScriptHeader { float: left; width: 100%; padding: 2em 0; }
.rt-heading { margin: 0 auto; text-align: center; }
.Scriptcontent { line-height: 28px; }
.ScriptHeader h1 { font-family: "brandon-grotesque", "Brandon Grotesque", "Source Sans Pro", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; color: #6a4aed; font-size: 26px; font-weight: 700; margin: 0; line-height: normal; }
.ScriptHeader h2 { color: #312c8f; font-size: 20px; font-weight: 400; margin: 5px 0 0; line-height: normal; }
.ScriptHeader h1 span { display: block; padding: 0; font-size: 22px; opacity: 0.7; margin-top: 5px; }
.ScriptHeader span { display: block; padding: 0; font-size: 22px; opacity: 0.7; margin-top: 5px; }




/* ******************************************************
	Live Demo
*********************************************************/





/* ******************************************************
	Responsive Grids
*********************************************************/

.rt-container { margin: 0 auto; overflow: hidden; }
.rt-row:before, .rt-row:after { display: table; line-height: 0; content: ""; }

.rt-row:after { clear: both; }
[class^="col-rt-"] { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; min-height: 1px; position: relative; }


@media (min-width: 768px) {
    .rt-container { width: 750px; }
    [class^="col-rt-"] { float: left; width: 49.9999999999%; }
    .col-rt-6, .col-rt-12 { width: 100%; }
}

@media (min-width: 1200px) {
    .rt-container { width: 1170px; }
    .col-rt-1 { width: 16.6%; }
    .col-rt-2 { width: 30.33%; }
    .col-rt-3 { width: 50%; }
    .col-rt-4 { width: 67.664%; }
    .col-rt-5 { width: 83.33%; }
}

@media only screen and (min-width:240px) and (max-width: 768px) {
    .ScriptTop h1, .ScriptTop ul { text-align: center; }
    .ScriptTop h1 { margin-top: 0; margin-bottom: 15px; }
    .ScriptTop ul { margin-top: 12px; }

    .ScriptHeader h1,
    .ScriptHeader h2,
    .scriptnav ul { text-align: center; }
    .scriptnav ul { margin-top: 12px; }
    #float-right { float: none; }
}





.tabs-container { position: relative; /*background: #d60000;*/ width: 120px; float: left; z-index: 20; text-align: center; font-family: 'Raleway'; line-height: 20px; box-sizing: border-box; }
    /* tabs names */
    .tabs-container label { transition: all ease-in-out 300ms; position: relative;height:70px; padding: 10px; /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */ display: block; font-size: 13px; color: #fff; cursor: pointer; user-select: none; background: #d60000; border-bottom: 1px solid; margin-bottom: 0; }
     /*.tabs-container label {    transition: all ease-in-out 300ms;
    position: relative;
    padding: 10px; 
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    user-select: none;
    background: #d60000;
    border-bottom: 1px solid;
    margin-bottom: 0;
    float: left;
    width: calc(100% / 7);
    box-sizing: border-box;
    height: 100px;
    border-right: 1px solid #f1f1f1; }*/
    .tabs-container label span{display:block;position:absolute;bottom:5px;left:0;width:100% }
.aktiflabel { background: #800000!important }
input[type="radio"]:checked + label { font-weight: bold; }
.tabs-container label img { width: 40px;display:block;margin:0 auto }
 
/* Hover effect on tabs names */
.tabs-container label:hover { /*background: rgba(0, 0, 0, 0.2);*/ }
/* Content area for tabs */
.tab-content { position: relative; background: #fff; width: calc(100% - 120px); padding: 15px; float: left; box-sizing: border-box; z-index: 19; display: none; }

    .tab-content:after { content: ""; clear: both; }
/* Hide input radio from users */
input[name="tab"] { display: none; }
    /* Show tab when input checked */
    input[name="tab"]:checked + .tab-content { display: block; animation: slide 0.5s forwards; }

/* Slide animation for tab contents */
@keyframes slide {
    from { left: -100%; opacity: 0; }
    to { left: 0; opacity: 1; }
}
hr { margin:75px 0}
.tabs-container label.aktiflabel:after {content: "";
    display: block;
    width: 50px;
    height: 50px;
    transform: rotate(45deg);
    position: absolute;
    right: 1px;
    background: #800000;
    z-index: -1;
    bottom: 20px;
}
.footerlinks li{
     position: relative; 
    z-index:0;     padding: 3px 5px;
     transition:all ease-in-out .3s
}
    .footerlinks li:hover:before { content: "";  -webkit-transform: scaleX(1); transform: scaleX(1);
                                 
    }

    .footerlinks li:before {  content: "";-webkit-transform: scaleX(0); transform: scaleX(0);   transition:all ease-in-out .3s;position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ad0000;color:white;
transform-origin: left;
    }

.footeradres { 
      position: relative; 
    z-index:0; 
     transition:all ease-in-out .3s
}
.footeradres:before { 
    background:rgba(255, 255, 255, 0.30);
    content: "";-webkit-transform: scaleX(0); transform: scaleX(0);   transition:all ease-in-out .3s;position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; 
    transform-origin: left;
}

.footeradres:hover:before { 
    -webkit-transform: scaleX(1); transform: scaleX(1); 
}
.index2.sosyalmedya li {
    list-style: none;
    width: calc(20% - 1px);
    float: left;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    margin-right: 1px;
}
.index2.sosyalmedya li:last-child {
     width: 20%;
    margin-right: 0!important;
}



.tab-content img { width: 100%; }
.tab-content ul h1 { }
.tab-content ul li {position:relative; list-style: none; font-size: 16px; float: left; margin:  20px 20px 0px 0; padding:5px 10px; border: 1px solid #d60000; color: #d60000; transition: all ease-in-out .3s; cursor: pointer; }
/*.tab-content ul li:hover { background:#d60000; }*/

.tab-content ul li:before {  background:#d60000;
    content: "";-webkit-transform: scaleX(0); transform: scaleX(0);   transition:all ease-in-out .3s;position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; 
    transform-origin: left; }
.tab-content ul li:hover:before {   -webkit-transform: scaleX(1); transform: scaleX(1);  }



.tab-content ul li:hover a{ color: white; }
.tab-content ul li a{ text-decoration:none;color: #d60000;}
.tab-content ul li a:hover{ text-decoration:none;}
.tab-content ul { margin: 0; padding: 0; }
.closed { cursor:pointer;}