@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600&display=swap');
a{

    text-decoration: none;

}
body{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    background-color: #111;
    background-image:url(../images/golge.png);
    background-position:top center;
    background-repeat:no-repeat;
}
header{
    margin-top:50px;

}
h2{
    font-weight: 100;
    color:#fff;
}
header h1{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 54px;
    color:#fff;
}

header .logo img{
   width:200px;
}
ul.nav-tabs li{
    width: calc(50% - 15px);
    margin-top: 50px;

}
ul.nav-tabs li:nth-child(1){
    margin-right:30px;
}
.nav-tabs{
    border-bottom: none;
}
p.adres{
    text-align: center;
    margin-top: 20px;
    font-weight: 600;
    font-size: 17px;
}
ul.nav-tabs li button.active{
    background: #ae4517 !important;}
ul.nav-tabs li button{
    background: #111 !important;
    width: 100%;
    color: #fff !important;
    font-weight: 700;
    padding: 6px 0;
    font-size: 26px;
    border-radius: 5px;
    text-transform: uppercase;
}

.item{
    width: calc(100% / 6 - 15px);
    margin-left: 13px;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 32%, rgba(221,221,221,1) 72%, rgba(41,41,41,0.9668242296918768) 100%);
    border-radius: 10px;
    height: 197px;

    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.1s ease-out;
    margin-top: 15px;
}

.item .img{
    display: flex;
    height: 95px;
    align-items: center;
}
.item.mt{
    background: rgb(174,69,23);
background: linear-gradient(0deg, rgba(174,69,23,1) 0%, rgba(177,78,34,1) 32%, rgba(227,191,174,1) 100%, rgba(227,191,174,1) 100%, rgba(227,191,174,1) 100%);
    box-shadow: inset 2px 2px 13px 0px #af481b91;

}
.item.sel{
    background: rgb(0,173,186);
background: linear-gradient(0deg, rgb(11 16 92) 34%, rgb(0 17 243) 69%, rgb(0 224 255) 100%);
    
}
.item.mt img{filter: brightness(1);}
.item.mt:hover img{filter: brightness(0);}
.item.mt h3 {
    color: #ffffff;}
    .item.mt:hover h3 {
    color: #111;}
.item.info.wp{
background: rgb(80,222,10);
background: linear-gradient(0deg, rgba(80,222,10,1) 0%, rgba(118,229,64,1) 32%, rgba(170,241,134,1) 76%, rgba(172,242,137,1) 78%, rgba(240,255,233,1) 100%);
}
.item.info.wp:hover{
background: rgb(80,222,10);
background: linear-gradient(180deg, rgba(80,222,10,1) 0%, rgba(118,229,64,1) 32%, rgba(170,241,134,1) 76%, rgba(240,255,233,1) 100%, rgba(255,255,255,1) 100%);}
.item.info.ara{
background: rgb(10,90,222);
background: linear-gradient(0deg, rgba(10,90,222,1) 0%, rgba(41,111,226,1) 32%, rgba(165,194,243,1) 84%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
}
.item.info.ara:hover{
background: rgb(10,90,222);
background: linear-gradient(180deg, rgba(10,90,222,1) 0%, rgba(10,90,222,1) 48%, rgba(165,194,243,1) 100%, rgba(165,194,243,1) 100%, rgba(255,255,255,1) 100%);}
.item.info.rehber{
background: rgb(158,93,15);
background: linear-gradient(0deg, rgba(158,93,15,1) 0%, rgba(161,99,23,1) 33%, rgba(218,193,163,1) 90%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
}
.item.info.rehber:hover{
background: rgb(158,93,15);
background: linear-gradient(180deg, rgba(158,93,15,1) 0%, rgba(160,98,21,1) 48%, rgba(167,100,17,1) 60%, rgba(218,193,163,1) 100%, rgba(218,193,163,1) 100%);}
.item.info.eposta{
  background: rgb(10,222,180);
background: linear-gradient(0deg, rgba(10,222,180,1) 0%, rgba(10,222,180,1) 33%, rgba(124,231,210,1) 89%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
}
.item.info.eposta:hover{
background: rgb(10,222,180);
background: linear-gradient(180deg, rgba(10,222,180,1) 0%, rgba(10,222,180,1) 54%, rgba(124,231,210,1) 85%, rgba(240,255,252,1) 100%);}
.item.info.telegram{
background: rgb(30,8,246);
background: linear-gradient(0deg, rgba(30,8,246,1) 0%, rgba(30,8,246,1) 0%, rgba(30,8,246,1) 50%, rgba(116,102,249,1) 85%, rgba(146,135,250,1) 100%, rgba(244,243,254,1) 100%, rgba(254,254,254,1) 100%);
}
.item.info.instagram{
    background: rgb(222,10,90);
background: linear-gradient(0deg, rgba(222,10,90,1) 0%, rgba(222,10,90,1) 33%, rgba(241,153,186,1) 98%, rgba(241,153,186,1) 100%, rgba(241,153,186,1) 100%);
}
.item.info.instagram:hover{
background: rgb(222,10,90);
background: linear-gradient(180deg, rgba(222,10,90,1) 0%, rgba(222,10,90,1) 48%, rgba(222,10,90,1) 60%, rgba(241,153,186,1) 100%, rgba(241,153,186,1) 100%);}
.item.info.facebook{
    background: rgb(8,70,246);
background: linear-gradient(0deg, rgba(8,70,246,1) 0%, rgba(15,75,246,1) 0%, rgba(15,75,246,1) 33%, rgba(146,173,251,1) 95%, rgba(146,173,251,1) 100%);
}
.item.info.facebook:hover{
background: rgb(8,70,246);
background: linear-gradient(180deg, rgba(8,70,246,1) 0%, rgba(8,70,246,1) 54%, rgba(146,173,251,1) 85%, rgba(146,173,251,1) 100%);}
.item.info.twitter{
    background: rgb(10,187,219);
background: linear-gradient(0deg, rgba(10,187,219,1) 0%, rgba(10,187,219,1) 0%, rgba(10,187,219,1) 33%, rgba(159,228,241,1) 95%, rgba(159,228,241,1) 100%);
}
.item.info.twitter:hover{
background: rgb(10,187,219);
background: linear-gradient(180deg, rgba(10,187,219,1) 0%, rgba(71,204,228,1) 54%, rgba(159,228,241,1) 85%, rgba(159,228,241,1) 100%);}
.item.info.linkedin{
background: rgb(30,8,246);
background: linear-gradient(0deg, rgba(30,8,246,1) 0%, rgba(30,8,246,1) 0%, rgba(30,8,246,1) 50%, rgba(116,102,249,1) 85%, rgba(146,135,250,1) 100%, rgba(244,243,254,1) 100%, rgba(254,254,254,1) 100%);
}
.item.info.linkedin:hover{
background: rgb(30,8,246);
background: linear-gradient(189deg, rgba(30,8,246,1) 0%, rgba(30,8,246,1) 0%, rgba(30,8,246,1) 50%, rgba(116,102,249,1) 85%, rgba(146,135,250,1) 100%, rgba(244,243,254,1) 100%, rgba(254,254,254,1) 100%);
}
.item.info.telegram:hover{
background: rgb(30,8,246);
background: linear-gradient(189deg, rgba(30,8,246,1) 0%, rgba(30,8,246,1) 0%, rgba(30,8,246,1) 50%, rgba(116,102,249,1) 85%, rgba(146,135,250,1) 100%, rgba(244,243,254,1) 100%, rgba(254,254,254,1) 100%);
}
.item.info img{
    filter: brightness(1);
}
.item.info h3{
    color:#fff;
}
.item h3{
        color: #151414;
        font-size: 20px;
        font-weight: 400;
        margin-top: 18px;
        text-align: center;

}
.item img{
    display: flex;
    margin: auto;
    justify-content: center;
    width: 65px;
    filter: brightness(0);
}
.item.sel:hover img {
   
    filter: brightness(0);}
    .item.sel:hover h3 {
   
    color:#000;}
.item.sel img {
    display: flex;
    margin: auto;
    justify-content: center;
    width: 65px;
    filter: brightness(1);
}
.item.sel h3 {
color:#fff;
}
.item:hover{
     transition: all 0.1s ease-out;
  
    background: rgb(255,255,255);
    background: linear-gradient(177deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 32%, rgba(221,221,221,1) 72%, rgba(41,41,41,0.9668242296918768) 100%);
}
.modal-body img{
        filter: brightness(1) !important;
}
.iletisim-formu{
    margin-top:70px;
}
.iletisim-formu h2{
    text-align: center;
    font-weight: 400;
    margin-top: 55px;
    font-size: 38px;
}
.iletisim-formu p{
    text-align: center;
    color: #fff;

}
.form-group{
    margin-top:25px;
}
.iletisim-formu input[type="text"]{
    width: 100%;
    border: none;
    background: #c9c9c9;
    height: 35px;
    border-radius: 5px;
}
.iletisim-formu input[type="email"]{
    width: 100%;
    border: none;
    background: #c9c9c9;
    height: 35px;
    border-radius: 5px;
}
.iletisim-formu input[type="submit"]{
    font-weight: 200;
    background: #969696;
    border: none;
    width: 100%;
    font-size: 21px;
    color: #fff;
    border-radius: 5px;
    height: 45px;
    text-transform: uppercase;
}
.iletisim-formu input[type="submit"]:hover{
    BACKGROUND: #d0d0d0;
    color: #111;
    transition: 300ms; }
.iletisim-formu label{
    display: block;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: 200;
}
.iletisim-formu textarea{
    width: 100%;
    background: #c9c9c9;
    border: none;
}
.btn-primary{
    background: none;
    border: none;
}
.btn-primary:hover{
    background: none;
    border: none;
}
.btn-primary:focus{
    background: none;
    border: none;
}
button.kopyala{
    border: none;
 background: none;
    width: 112%;
    height: 100%;
}
@media (max-width: 1366px) {
    .item {
        width: calc(100% / 5 - 10px);
        margin: 5px;
        height: 190px;}
}
@media (max-width: 991px) {
    .item.sel img {
    display: flex;
    margin: auto;
    justify-content: center;
    width: 30px;}
    header .logo {
        margin: auto;
        float: none;
    }

    header h2 {
        text-align: center;
    }
    header h1 {
        text-align: center;
    }
    .item {
        width: calc(100% / 4 - 10px);
        margin: 5px;
        height: 100px;}
    .item img {
        width: 30px;
    }
    .item .img {
        display: flex;
        height: 30px;}
    .item h3 {
        color: #000;
        font-size: 10px;}
}