/***************************
Vizyonkod
****************************/

.kosesiz {
    border-radius:0;
}

.ortala {
    text-align: center;
}

.fs12 { font-size:12px; }
.fs14 { font-size:14px; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }
.fs20 { font-size:20px; }
.fs22 { font-size:22px; }

.mt-25 { margin-top: 25px }
.mt-50 { margin-top: 50px }
.mt-75 { margin-top: 75px }
.mt-100 { margin-top: 100px }

.kalin {
    font-weight: 700 !important;
}

.btn-vk {
    height: auto;
    padding: 8px;
}

.kilitronik-bgcolor{
    background-color: #14a9ad;
}

.kilitronik-bgcolor:hover{
    border:2px solid #ed7c53!important;
}


@media screen and (min-width: 992px) {
    .tepe {
        width: 100%;
        height: 124px;
        background: url("../img/arka3.png"); /* no-repeat 10% 0 */
    }

    .tepe h1 {
        float:right;
        color: #ffffff;
        font-size: 28px;
        margin-right: 50px;
        margin-top:25px;
    }

    .tepe span {
         clear: both;
         display: inline-block;
         float: right;
         margin-right:50px;
         color: #ffffff;
         margin-top: 6px;
        font-size:14px;
     }

    .tepe span a {
        color: #ffffff;
    }

    .tepe2 {
        width: 100%;
        height: 124px;
        background: url("../img/arka4.png"); /* no-repeat 10% 0 */
    }
    .tepe2 h1 {
        float:right;
        color: #19a4ad;
        font-size: 28px;
        margin-right: 50px;
        margin-top:25px;
    }
    .tepe2 span {
        clear: both;
        display: inline-block;
        float: right;
        margin-right:50px;
        color: #19a4ad;
        margin-top: 6px;
        font-size:14px;
    }
    .tepe2 span a {
        color: #19a4ad;
    }
}

.feature img {
    margin-bottom: 5px;
}

.ozellikler {
    height:50px;
    border-bottom:1px #ccc solid;

}
.ozellikler ul{
    text-align: right;
}

.ozellikler ul li {
    display:inline-block;
    padding:7px 15px;
    font-family: "Open Sans";
    font-weight: 300;
    color: #333;
}

.ozellikler ul li:hover {
    color: #14a9ad;
}

.kiyasla .kilitler {
    text-align: center;
}

.kiyasla .row {
    margin-bottom:50px;
}

.kiyasla .cizgili {
    border-right: 1px solid #999;
}

span.alt-aciklama {
    font-size:12px;
}

ul.kiyasla-ortak-ozellikler  li{
    list-style-type: disc !important;
}

.tasarim-kapsayici {
    position: relative;
}
.tasarim1 {
    position:absolute;
    top:80px;
    right:5px;
}

.tasarim1 span {
    font-family: "Open Sans";
    font-size:26px;
    font-weight: 100;
    color: #767676;
}

.tasarim2 {
    position:absolute;
    top:180px;
    left:35px;
}

.tasarim2 span {
    font-family: "Open Sans";
    font-size:26px;
    font-weight: 100;
    color: #767676;
}

.tasarim3 {
    position:absolute;
    top:180px;
    right:135px;
}

.tasarim3 span {
    font-family: "Open Sans";
    font-size:26px;
    font-weight: 100;
    color: #767676;
}

.tasarim4 {
    position:absolute;
    top:150px;
    left:50px;
    line-height: 32px;
}

.tasarim4 span {
    font-family: "Open Sans";
    font-size:26px;
    font-weight: 100;
    color: #767676;
}

.tasarim5 {
    position:absolute;
    top:160px;
    right:50px;
    line-height: 40px;
}

.tasarim5 span {
    font-family: "Open Sans";
    font-size:26px;
    font-weight: 100;
    color: #767676;
}

ul.k6-liste li {
list-style-type: circle;
}

.haber-baslik {
    font-size:20px;
    margin-bottom:15px;
}

button.geri-btn {
    margin-top:15px;
    margin-bottom:-40px;
    height:35px;
}

.haber-img img {
}

p.lead{
	color:#333 !important;
}




/*DİL ÇUBUĞU BAŞLADI*/
.languagepicker {
    background-color: #FFF;
    display: inline-block;
    padding: 0;
    height: 40px;
    overflow: hidden;
    transition: all .3s ease;
    margin: 0 50px 10px 0;
    vertical-align: top;
    float: left;
}

.languagepicker:hover {
    /* don't forget the 1px border */
    height: 81px;
}

.languagepicker a{
    color: #000;
    text-decoration: none;
}

.languagepicker li {
    display: block;
    padding: 0px 20px;
    line-height: 40px;
    border-top: 1px solid #EEE;
}

.languagepicker li:hover{
    background-color: #EEE;
}

.languagepicker a:first-child li {
    border: none;
    background: #0BC3C8 !important;
}

.languagepicker li img {
    margin-right: 5px;
}

.roundborders {
    border-radius: 5px;
}

.large:hover {
    /* 
    don't forget the 1px border!
    The first language is 40px heigh, 
    the others are 41px
    */
    height: 85px;
}
/*DİL ÇUBUĞU BİTTİ*/


/* NAV BAŞLADI */
.nav--transparent:not(.nav--fixed){
    border-bottom: 5px solid #ee7d54;
}

ul.menu li.aktif-menu {
    background-color: #ee7d54;
}

.nav-bar.nav--fixed:not(.bg--dark):not(.bg--primary):not(.bg--white) {
     border-bottom: 5px solid #ee7d54;
}

.nav-bar.nav--fixed:not(.bg--dark):not(.bg--primary):not(.bg--white) ul li.aktif-menu a {
    color: #fff;
}
/* NAV BİTTİ */


/* TAB MENU */
.btn .btn__text, .btn i {
    color: #000;
    font-weight: 700;
}

.tabs-4.tabs-container .tabs li.active .btn {
    background:#0BC3C8;
}

.tabs-4.tabs-container .tabs li:first-child .btn{
    border-radius:10px 0 0 50px;
}

.tabs-4.tabs-container .tabs li:last-child .btn{
    border-radius: 0 10px 50px 0;
}
/* TAB MENU */



/* MOBİL TASARIM*/
@media only screen and (max-width: 500px) {
    .tasarim1 span {
        font-size:10px;
    }
    .tasarim1 {
        right:0;
        top:20px;
    }
    .tasarim2 span {
        font-size:10px;
    }
    .tasarim2 {
        left:0;
        top:40px;
    }
    .tasarim3 span {
        font-size:10px;
    }
    .tasarim3 {
        right:0;
        top:40px;
    }
    .tasarim4 span {
        font-size:8px;
    }
    .tasarim4 {
        left:-10px;
        top:35px;
        line-height: 12px;
    }
    .tasarim5 span {
        font-size:8px;
    }
    .tasarim5 {
        right:0;
        top:10px;
        line-height: 12px;
    }
	
	p.lead{
		font-size:10px;
		color:#333 !important;
	}

    .height-100 {
        height: 400px;
    }

    .btn-mobil {
        padding: 2px 10px;
    }

    .nav-bar .logo-light {
        display: inline;
    }
    .nav-bar .logo-dark {
        display: none;
    }
}



/* URUN MENU */

.urunmenu {
    background-color: #f2f2f2;
    padding: 7px;
    text-align: left;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:20px;
    color: #000;
}

.urunmenu ul {
    margin-top: 20px;
}

.urunmenu ul li {
    display: inline;
}

.urunmenu ul li a {
    padding: 1px 15px;
    border-right: 1px solid #000;
    margin-right: -3px;
}

.urunmenu ul li:last-child a {
    border-right: none
}

.urunmenu ul li a:hover {
    background-color: #19a4ad;
    color: #fff;
}

.urunmenu img  {
    margin:0;
}

.urunmenu ul li.aktif a {
    background-color: #19a4ad;
    color: #fff;
}

.slider {
    border-radius: 10px;    
}


/*URUN DETAY*/
#urun-detay .aciklama img.urun-logo{
    width: 200px;
    margin-bottom:0;
}

#urun-detay .aciklama .urun-kodu{
    font-size:12px;
    width: 200px;
    text-align: right;
}


#urun-detay .aciklama h2 {
    font-size:24px;
    margin-bottom:2px;
}

#urun-detay .aciklama ul li {
    line-height: 30px;
}

#urun-detay .aciklama ul li:before{
    content: url(../images/star.png);
    margin-right: 10px;
}

#urun-detay table tr td.baslik-sutun {
    background-color: #37AFB0;
    color: #FFF;
    width: 20%;
    /*font-weight: bold;*/
}

#urun-detay table tr td.aciklama-sutun {
    background-color: #4E4E4E;
    color: #FFF;
}

#urun-detay table tr td.aciklama-sutun-0 {
    background-color: #A4A4A4;
    color: #000;
}


/* ÇÖZÜMLER */

#cozumler .cozumler-icerik h2 {
    font-size: 24px;
    text-align: center;
}

#cozumler .cozumler-icerik a {
    display: block;
    padding: 15px;
    margin-top:30px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.23);
}

#cozumler .cozumler-icerik a:hover{
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.23);
    
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#cozumler .cozumler-icerik .part-1 {
    border-right: 1px solid #333;
    padding-right: 50px
}

#cozumler .cozumler-icerik .part-2 {
    padding-left: 50px;
} 

ul.yan-menu{

}

ul.yan-menu li:first-child {
    font-weight: bold;
}

ul.yan-menu li a {
    font-size: 14px;
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 7px 0; 
    line-height: 24px;
}

ul.yan-menu li a img {
    margin-right: 5px;
    margin-top:-2px;
}

ul.yan-menu li a:hover {
    color: #ee7d54;
}



.montaj-setleri h4 {
    font-size:16px;
}

.accordion li.active .accordion__title {
    background: #ee7d54;
}


/* ILETISIM FORMU */
#sonuc .olumlu-sonuc {
    background-color: #28CD7A;
    color: #fff;
    padding: 10px;
    font-size:16px;
    font-weight: 700;
    margin-top: 10px;
}

#sonuc .olumsuz-sonuc {
    background-color: #CB3C3C;
    color: #fff;
    padding: 15px;
    font-size:16px;
    font-weight: 700;
    margin-bottom:15px;
    margin-top: 10px;
}


/* HABERLER */

#haberler .haber{
    margin-bottom:25px;
    margin-top:25px;
}

#haberler .haber img{
    height: 150px;
}

#haberler .haber h2{
    font-size: 20px
}

#haberler .haber p{
    font-size: 14px;
}

#haberler .haber button{

}

#haberler h1{
    text-align: center;
    font-size: 28px;
}