.renklerim {
    color:
        #75D701 #F8F8FF #56A902 #3B4E32 #cff09e #a8dba8 #79bd9a #3b8686 #cff0da #88dba3 #dadbdb #3ac569;
}

@font-face {
    font-family: serenity;
    src: url(fonts/Shohibul.ttf);
}

.navbar-brand{
    
    font-family: serenity !important;
    font-size: 42px;
    line-height: 32px;
}
.bg1 {
    background-color: #a8dba8;
    color: #3B4E32 !important;
}

.bg1 a {
    color: #3B4E32 !important;
}

.bg1 a:hover {
    color: #3b8686 !important;
}

.bg2 {
    background-color: #c7eed4 !important;
    color: #3B4E32 !important;
}

.bg2 .btn {
    background-color: #3B4E32;
    color: #a8dba8 !important;
}

.coll {
    margin-top: 40px;
    margin-bottom: 40px;
}

.coll .circle {
    position: relative;
    height: 180px;
    width: 180px;
    background-color: #88dba3;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}

.coll .circle i {
    line-height: 180px;
    font-size: 55px;
    text-align: center;
}

.coll .circle .circletooltip {
    position: absolute;
    height: 45px;
    width: 45px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 2px solid #3B4E32;
    display: inline-block;
    line-height: 45px;
    font-size: 30px;
    text-align: center;
}

.coll .circle .circletooltip p {
    font-family: 'Courier New', Courier, monospace;
}

.coll .arrowright {
    position: absolute;
    width: 60px;
    height: 60px;
    right: 0;
    line-height: 60px;
    top: 30%;
}

.coll .arrowright i {
    font-size: 60px;
    color: #3B4E32;
}

.colcontent h3 {
    font-size: 22px;
}

.footerwrp {
    background-color: #3B4E32 !important;
color: #cff09e !important;
}

.footerwrp i.fab {
    color: #88dba3 !important;
}

.footerwrp i.fab:hover {
    color: #fff !important;
}

.footerwrp a {
    color: #88dba3;
    text-decoration: none;
}

.footerwrp a:hover {
    color: #fff;
}

.footerwrp i.fas {
    color: #4a8b08;
    margin-right: 7px;
}

.sliderbtn {
    background-color: #3B4E32;
    color: #cff09e !important;
    border: 1px solid #4a8b08 !important;
}

.sliderbtn:hover {
    background-color: #c7eed4;
    color: #4a8b08 !important;
}
.kisikarti{
    display: inline-block;
    width: 100% !important;
    text-align: right;
}
.imgpp{
    width: 40px;
    border-radius: 50%;
    display: inline-block;
}
p.kisiadi{
    display: inline;
}
.icontop i{
    margin: 0 !important;
}
.icontop i:first-child{
    left: -10px;
}
.icontop a{
    margin: 0 !important;
    padding: 3px;
}
.icontop{
    margin-right: 10px;
}
.icontop i:hover{
    color: #fff !important;
}
.navbar .nav-link{
    transition: background-color .7s ease;
    padding-left: 5px;
}
.navbar .nav-link:hover{
    background-color: #a8dba8;
} 
.navbar .active {
    background-color: #a8dba8;
}
.btnvid{
    margin-top: 5px;
}

.tab-pane{
    padding: 10px;
}
.anasayfa{
    color: #3B4E32 !important;
}



@media only screen and (max-width: 360px) {

    #logoserenity{
        display: none !important;
    }
}

@media only screen and (min-width: 992px) {

    .anasayfa{
        display: none !important;

    }
}
@media only screen and (max-width: 992px) {

    .anasayfa1{
        display: none !important;
    }
}