/* GURKAN ATIK CSS */
ul{list-style: none;list-style-position: inside;list-style-position: outside;}
a:hover{text-decoration: none;}
body{font-family: 'Trebuchet MS', Helvetica, sans-serif;}
.no-p{padding:0px;}
.no-m{margin:0px;}

.m-t-10{margin-top:10px;}
.m-t-20{margin-top:20px;}
.m-t-30{margin-top:30px;}

.m-b-10{margin-bottom:10px;}
.m-b-20{margin-bottom:20px;}
.m-b-30{margin-bottom:30px;}

.m-l-10{margin-left:10px;}
.m-l-20{margin-left:20px;}
.m-l-30{margin-left:30px;}

.m-r-10{margin-right:10px;}
.m-r-20{margin-right:20px;}
.m-r-30{margin-right:30px;}

.bg-red-l{background-color: #e74c3c;color:white}
.bg-red{background-color: #c0392b;color:white}
.bg-blue-l{background-color: #3498db;color:white}
.bg-blue{background-color: #34495e;color:white}
.bg-green-l{background-color: #2ecc71;color:white}
.bg-green{background-color: #27ae60;color:white}
.bg-orange-l{background-color: #e67e22;color:white}
.bg-orange{background-color: #d35400;color:white}
.bg-yellow-l{background-color: #f1c40f;color:white}
.bg-yellow{background-color: #f39c12;color:white}

.bg-red-l:hover{background-color: #e74c3c;color:white}
.bg-red:hover{background-color: #c0392b;color:white}
.bg-blue-l:hover{background-color: #3498db;color:white}
.bg-blue:hover{background-color: #34495e;color:white}
.bg-green-l:hover{background-color: #3EE585;color:white}
.bg-green:hover{background-color: #27ae60;color:white}
.bg-orange-l:hover{background-color: #e67e22;color:white}
.bg-orange:hover{background-color: #d35400;color:white}
.bg-yellow-l:hover{background-color: #f1c40f;color:white}
.bg-yellow:hover{background-color: #f39c12;color:white}

.bg-red-l:focus{background-color: #e74c3c;color:white}
.bg-red:focus{background-color: #c0392b;color:white}
.bg-blue-l:focus{background-color: #3498db;color:white}
.bg-blue:focus{background-color: #34495e;color:white}
.bg-green-l:focus{background-color: #3EE585;color:white}
.bg-green:focus{background-color: #27ae60;color:white}
.bg-orange-l:focus{background-color: #e67e22;color:white}
.bg-orange:focus{background-color: #d35400;color:white}
.bg-yellow-l:focus{background-color: #f1c40f;color:white}
.bg-yellow:focus{background-color: #f39c12;color:white}
.bg-white{background-color: #ffffff;}

#myTabContent{
    width: 700px;
    margin-right: 70px;
    text-align: left;
    overflow: auto;
    height: 395px;

}
.resim{
    color:white;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 1000;
    margin-left: 50px;
}
.tezgah{
    display: none;
}

.social{
    margin:5px;
    float: left;
    padding: 6px 10px 6px 10px;
}
.bg-fb{background-color: #4F7BBC;color:white}
.bg-tw{background-color: #61CCF0;color:white}
.bg-insta{background-color: #6D3823;color:white}
.bg-gp{background-color: #5E5F61;color:white}
.bg-yt{background-color: #EE674D;color:white}
.bg-pi{background-color: #F15D5E;color:white}

.r-bg{border-radius: 4px; padding:15px;}

/* GURKAN ATIK CSS */
.menu-orta{
    width: 55%;
    margin:0 auto;
}
.logo-li{
    margin-left: 15px;
    margin-top: -28px;
    margin-right: 190px;
}
.header{
    width: 100%;
    min-height: 100px;
    padding-top: 15px;
    z-index:999;
}
.yedeks-logo{
    width: 190px;
}
.menu{
    z-index:999;
}
.menu-list li{
    z-index:999;
    float:left;
    font-size: 16px;
    margin: 10px 20px 10px 20px;
    padding:5px 10px 5px 10px;
    height:35px;
}
.menu-list  a{
    color:#767676;
    z-index:999;

}
.menu-list li a:hover{
    z-index:999;
    color:black;
}
.menu-active{
    border:2px solid;
    color:black;
    z-index:999;
}
.menu-active a{
    color:black;
}
.lang{
    padding-top:15px;
    text-align: center;
}
.lang-ico{
    width: 15px;
}
.maps{
    width: 130%;

}
.cover{
    background:url("../img/bg.png");
    background-color: #CECECE;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    ackground-repeat: no-repeat;/* custom background-position */
    background-position:50% 50%;/* ie8- graceful degradation */
    background-position:50% 50%9 !important;
    z-index:-1;
    /* background-position-y: -909px; */
    background-size: cover;
}
.yedeks-bg{
    background:url("../img/yedeks-havlu-bg.png")no-repeat center;
    width: 100%;
    ackground-repeat: no-repeat;/* custom background-position */
    background-position:50% 50%;/* ie8- graceful degradation */
    background-position:50% 50%9 !important;
    height: 600px;
    margin-top: 50px;
    margin-bottom: 50px;
    background-size: 100%;
    z-index: -1;
}
.hakkimizda-bg{
    background:url("../img/hakkımızda-bg.png")no-repeat center;
    width: 100%;
    min-height: 600px;
    margin-top:25px;
    /* margin-bottom:25px; */
    background-size: 100%;
    z-index:-1;
}
.slogan{
    float:right;
    margin-right: 150px;
    text-align: center;
    margin-top: 170px;
}
.footer{


}
.footer p{
    margin-left:40px;
    margin-top:10px;
}
.footer hr{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid white;
    width:95%;
    margin:0 auto;
}
.black-footer{
    color:black;
}
.black-footer p{
    margin-left:40px;
    margin-top:10px;
}
.hakkimizda-slogan{
    width: 700px;
    margin-right: 70px;
    margin-top: 50px;
}
.black-footer hr{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid black;

    margin:0 auto;
}
.contact-info{
    text-align: left;
    margin-left: 50px;
    position: relative;
}
.contact-list{
    text-align: left;
    margin:25px auto;
}
.ucgen{
    border-color: rgba(0, 0, 0, 0) rgba(255, 255, 255, 0) #FFFFFF transparent;
    border-style: solid;
    border-width: 0px 150px 1033px 0px;
    height: 0px;
    /* margin-right: -3px; */
    width: 0px;
    /* margin-top: -43px; */
    position: absolute;
    /* margin-left: 35px; */
    float: left;
}
.active-menu{
    border-bottom: 8px ridge #E5E5E5;
}
.multimedya {
    width: 75%;
    margin: 25px auto;
    margin-bottom:100px;
}
.responsive-logo{
    position:absolute;
}
.colored-footer{
    width: 100%;
    background-color: #CECECE;
    min-height:55px;
    position:fixed;
    left:0px;
    bottom:0px;
}
.colored-footer a{
    color:#846F6F;
}
.footer-links a{
    margin-top:15px;
    margin-left:25px;
    margin-right:25px;
}
.logo-big{
    position: absolute;
    width: 350px;
    margin: 115px;
}
.langs{
    position: absolute;
    right:15px;
    margin-top:-40px;
}
.urun-resim{
    width:150px;
    height:150px;
}
.urun{
    text-align: center;
    margin:19px;
}
@media (max-width: 1000px){
    .urun-resim{
        width:100%;
        height: 100%;
    }
    .kapat{
        display:none;
    }
    .urun{
        width:100%;
        margin:0px;
    }
    .langs{
        position: absolute;
        right:15px;
        margin-top:0px;
    }

    .menu-orta{
        width:80%;
        margin:0 auto;
    }
    .logo-li{

        display:none;

    }
    .nav-tabs>li>a {
        font-size: 8pt;
        padding: 8px 11px;
    }
    .tezgah{
        display: block;
    }
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
    .res-logo{
        width:0px;
    }
    .tezgah{
        display: block;
    }
    .maps{
        width: 100%;
        padding: 10px;
        margin-bottom: 100px;
    }
    .logo-li{

        display:none;
        left: -200px;
    }
    .kapat{
        display:none;
    }
    .nav-tabs>li>a {
        font-size: 9.3pt;
        padding: 7px 7px;
        margin-right: -5px;

    }
    .nav-tabs>li>a:hover {
        width: 100%;

    }
    #myTabContent{
        width: 320px;
        text-align:justify;
        margin-bottom: 80px;
    }
    .resim {
        margin-left: 0px;
    }
    .tabmenuContent{

        text-align:justify;

    }
    .apitech{
        display: none;
    }
    .footer-links a {
        margin-left: 1px;
        margin-right: 5px;
    }
}
@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px)
and (orientation : portrait) {

    #myTabContent{
        width: 360px;
        text-align:justify;
        margin-bottom: 80px;
    }
    .nav-tabs>li>a {
        font-size: 9pt;
        padding: 7px 7px;
        margin-right: -1px;

    }
    .responsive-logo-img{
        background:url("../img/yedeks-logo.png")no-repeat center;
        height: 150px;
        width:150px;
        margin-top:-50px;
        background-size: 100%;
        z-index:-1;
    }
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {
    .tezgah{
        display: block;

    }
    .logo-big{
        position: relative;
        margin: 25px 50px 25px 70px;
        width:200px;
    }
    .responsive-logo-img{
        background:url("../img/yedeks-logo.png")no-repeat center;
        height: 150px;
        width:150px;
        margin-top:-50px;
        background-size: 100%;
        z-index:-1;
    }
    .logo-li{

        display: none;
        left: -200px;
    }

    .maps{
        width: 100%;
        padding: 10px;
        margin-bottom: 100px;
    }
    .menu-orta{
        width:80%;
        margin:0 auto;
    }
    .kapat{
        display:none;
    }
    .logo-li{

        display:none;
    }
    .nav-tabs>li>a {
        font-size: 11pt;
        padding: 7px 7px;
         margin-right: -5px;

    }
    #myTabContent{
        width: 370px;
        text-align:justify;
        margin-bottom: 80px;
    }
    .tabmenuContent{

        text-align:justify;

    }
    .resim {
        margin-left: 0px;
    }
    .apitech{
        display: none;
    }
    .footer-links a {
        margin-left: 1px;
        margin-right: 5px;
    }
}

@media (max-width: 1200px){

    .cover{
        background:none;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100%;
        z-index:-1;
        background-position-y: -909px;
        background-size: cover;
    }
    .kapat{
        display:none;
    }
    .ucgen{
        border-color: rgba(0, 0, 0, 0) rgba(255, 255, 255, 0) #FFFFFF transparent;
        border-style: solid;
        border-width: 0px 0px 0px 0px;
        height: 0px;
        /* margin-right: -3px; */
        width: 0px;
        /* margin-top: -43px; */
        /* margin-left: -20px; */
        float: left;
    }
    .menu{
        z-index:999;
        background-color: white;
        height: 250px;
    }
    .menu-list{
        border:2px solid;
    }
    .menu-list li{
        width:100%;
        margin: 10px auto;
    }
    .yedeks-bg{
        background:#DDD7CB;
        width: 100%;
        min-height: 300px;
        margin-top:25px;
        margin-bottom:25px;
        background-size: 100%;
        z-index:-1;
        padding-top:25px;
    }
    .hakkimizda-bg{
        background:#DDD7CB;
        width: 100%;
        min-height: 300px;
        margin-top:25px;
        margin-bottom:25px;
        background-size: 100%;
        z-index:-1;
        padding-top:25px;
    }
    .content{
        background:#DDD7CB;
        width: 100%;
        height: 100%;
        z-index:-1;
    }
    .slogan{
        float:none;
        text-align: center;
        margin:0px;
    }
    .hakkimizda-slogan{
        width: 100%;
    }
}
.logo-li{
    border-bottom: 0px ridge #E5E5E5;
}
.navbar-nav>logo-li{
    display:none;
}