.fs12{font-size:.75rem}
.fs14{font-size:.875rem}
.fs18{font-size:1.125rem}
.line_h_30{line-height:30px}
.line_h_33{line-height:33px}
.line_h_35{line-height:35px}
.line_h_40{line-height:40px}
.text-333{color:#333}
.text-eee{color:#eee}
.bg-333{background-color:#333}
.bg-eee{background-color:#eee}



.mavi{background-color:#0078BA!important;text-align:center!important;color:#fff!important}
.mavi:hover{background-color:#3186DE!important}
.bondoMavi{background-color:#448E97!important;text-align:center!important;color:#fff!important}
.bondoMavi:hover{background-color:#58B6C2!important}
.sari{background-color:#ECA200!important;text-align:center!important;color:#fff!important}
.sari:hover{background-color:#FFC246!important}
.yesil{background-color:#689A2C!important;text-align:center!important;color:#fff!important}
.yesil:hover{background-color:#7FBD36!important}
.kirmizi{background-color:#C4393B!important;text-align:center!important;color:#fff!important}
.kirmizi:hover{background-color:red!important}
.kahverengi{background-color:#835513!important;text-align:center!important;color:#fff!important}
.kahverengi:hover{background-color:#A35304!important}
.siyah{background-color:#333!important;text-align:center!important;color:#fff!important}
.siyah:hover{background-color:#555!important}
.mor{background-color:#7030A0!important;text-align:center!important;color:#fff!important}
.mor:hover{background-color:#8B3DC5!important}
.renk1{color:#F09}
.renk2{color:#36C}
.renk3{color:#390}
.renk4{color:#F60}
.renk5{color:#93F}
.DemoRenk1{padding:8px;background-color:#F1F1F1;border-radius:5px}
.DemoRenk2{padding:8px;background-color:#FFF;border-radius:5px}
.renkli-liste > div:nth-child(odd) {
    background-color: #FFFFFF;
    padding: 8px;
    border-radius: 5px;
}

.renkli-liste > div:nth-child(even) {
    background-color: #F1F1F1;
    padding: 8px;
    border-radius: 5px;
}
#BannerBg{background-image:url(/images/yapraklar.webp)!important;-moz-background-size:100% 100%;-o-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;background-position:center center}
#SeritCubuklarBg{background-image:url(/images/seritcubuklar.webp)!important;background-position:center center;-moz-background-size:100% 100%;-o-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%}


.ayrac1 {
    width: 100%;
    height: 3rem;
    background-color: rgba(0,0,0,.1);
    border: solid rgba(0,0,0,.15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0,0,0,.1),inset 0 .125em .5em rgba(0,0,0,.15)
}

.select-DomainUzantiUcgen {
position:relative;
display:inline-block;
width:100%
}

.select-DomainUzantiUcgen::after {
content:"\F229";
font-family:"bootstrap-icons";
position:absolute;
right:5px;
top:50%;
transform:translateY(-50%);
pointer-events:none;
color:#555
}


.bg1 {
background:#06687a;
background:linear-gradient(90deg,rgba(6,104,122,1) 0%,rgba(43,154,175,1) 53%,rgba(153,187,64,1) 100%)
}

.MenuBg1 {
background:#ebf4f5!important
}

.logo_img {
width:58px
}



.wprt-lines.custom-3 .line-1 {
height:3px;
width:90px;
background-color:#238C00;
margin-left:0;
margin-top:-1.5px
}

.wprt-lines.custom-3 .line-2 {
height:3px;
width:90px;
background-color:#ffbc13;
margin-left:0;
margin-top:-1.5px
}

.footer-text {
color:#979797
}

.footer-link {
color:#979797;
text-decoration:none
}

.footer-link:hover {
color:#ffbc13
}

.footer-link::before {
content:"\F27B";
justify-content:flex-end;
font-family:"bootstrap-icons";
position:relative;
top:2px
}

#scrollTopBtn {
position:fixed;
bottom:15px;
right:20px;
display:none;
z-index:99;
border:none;
outline:none;
background-color:#82B457;
color:#FFF;
cursor:pointer;
padding:15px;
border-radius:5px;
width:40px;
height:40px
}

#scrollTopBtn::before {
content:"\F115";
font-family:"bootstrap-icons";
font-size:24px;
position:absolute;
left:0;
top:0;
width:100%;
height:100%
}





 





/*--------------------START  media(max-width:767.98px) -----------------------*/
@media(max-width:767.98px) {
.mobile {
display:block;
bottom:0;
left:0
}

.mobilePhone {
display:block;
bottom:0;
right:0
}

.desktop {
display:none!important
}

#scrollTopBtn {
position:fixed;
bottom:50px;
right:5px;
display:none;
z-index:99;
border:none;
outline:none;
background-color:#82B457;
color:#FFF;
cursor:pointer;
padding:15px;
border-radius:5px;
width:40px;
height:40px
}

.SeritCubuk {
padding-top:45px;
padding-bottom:45px;
font-size:18px
}

.Referanslar {
width:240px;
height:155px;
background-color:#fff;
border:1px solid #CCC;
margin-right:30px;
margin-bottom:30px;
box-shadow:0 10px 36px 0 rgba(22,24,26,0.13)
}

.Referanslar:hover {
box-shadow:0 10px 36px 0 rgba(22,24,26,0.33)
}

}
/*--------------------END media(max-width:767.98px) -----------------------*/


/*-------------------- START media(min-width:768px) --------------------------*/
@media(min-width:768px) {
.mobile {
display:none!important
}

.mobilePhone {
display:none!important
}

.desktop {
display:block
}

.SeritCubuk {
padding-top:70px;
padding-bottom:70px;
font-size:28px
}

.Referanslar {
width:220px;
height:155px;
background-color:#fff;
border:1px solid #CCC;
margin-right:30px;
margin-bottom:30px;
box-shadow:0 10px 36px 0 rgba(22,24,26,0.13)
}

.Referanslar:hover {
box-shadow:0 10px 36px 0 rgba(22,24,26,0.33)
}

}

/*--------------------END media(min-width:768px) --------------------------*/


/*-------------------- START media(max-width:991.98px) --------------------------*/
@media(max-width:991.98px) {
#mainNavbar {
padding-top:1.5rem;
padding-bottom:1.5rem;
background-color:#fff;
background:#fff;
background:linear-gradient(180deg,rgba(255,255,255,1) 82%,rgba(228,226,32,1) 93%,rgba(18,209,204,1) 100%);
transition:padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;
-webkit-transition:padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;
-moz-transition:padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;
-ms-transition:padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;
-o-transition:padding-top .3s ease-in-out,padding-bottom .3s ease-in-out
}

#mainNavbar.navbar-mobile {
padding-top:0.8rem;
padding-bottom:0.8rem
}

.dropdown-toggle::after {
font-size:22px;
float:right;
margin-right:10px
}

.logo_img {
width:45px
}

#mainNavbar .navbar-nav .nav-item .nav-link {
font-family:"Montserrat",-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
font-size:1rem;
color:#212529;
letter-spacing:.06em;
padding-left:10px
}

#mainNavbar .navbar-nav .nav-item .nav-link.active,#mainNavbar .navbar-nav .nav-item .nav-link:hover {
color:#fff;
background-color:#157347
}

#mainNavbar .navbar-nav .nav-item li a {
text-align:center;
border:solid 1px #eee
}
}
/*-------------------- END media(max-width:991.98px) --------------------------*/


/*-------------------- START media(min-width:992px) --------------------------*/
@media(min-width:992px) {
#mainNavbar {
padding-top:1.7rem;
padding-bottom:1.7rem;
border:none;
background:#fff!important;
background:linear-gradient(180deg,rgba(255,255,255,1) 97%,rgba(228,228,228,1) 100%)!important;
transition:padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;
-webkit-transition:padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;
-moz-transition:padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;
-ms-transition:padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;
-o-transition:padding-top .3s ease-in-out,padding-bottom .3s ease-in-out
}

#mainNavbar .logotext1 {
transition:font-size .3s ease-in-out;
-webkit-transition:font-size .3s ease-in-out;
-moz-transition:font-size .3s ease-in-out;
-ms-transition:font-size .3s ease-in-out;
-o-transition:font-size .3s ease-in-out
}

#mainNavbar.navbar-mobile {
font-size:21px
}

#mainNavbar .navbar-nav .nav-item .nav-link {
background-color:#198754;
padding-left:.75rem;
padding-right:.75rem;
font-weight:400;
border-radius:.375rem;
box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
font-size:.95rem;
color:#fff;
letter-spacing:.06em
}

#mainNavbar .navbar-nav .nav-item .nav-link.active,#mainNavbar .navbar-nav .nav-item .nav-link:hover {
color:#fff;
background-color:#157347
}

#mainNavbar .navbar-nav .nav-item {
margin-right:.5rem
}

#mainNavbar .navbar-nav .nav-item:last-child {
margin-right:0
}

#mainNavbar.navbar-mobile {
padding-top:0.8rem;
padding-bottom:0.8rem;
background-color:#fff
}

.logotext1 {
font-size:28px;
margin-top:5px;
}

}
/*-------------------- END media(min-width:992px) --------------------------*/



@media only screen and (min-width: 575px) and (max-width:991px) {
    .logotext1 {
        font-size: 22px; 
        margin-top:5px;
    }
}

@media only screen and (min-width: 401px) and (max-width:574px) {
    .logotext1 {
        font-size: 20px;
        margin-top: 5px;
    }
}

@media only screen and (min-width: 380px) and (max-width:400px) {
    .logotext1 {
        font-size: 18px;
        margin-top: 5px;
    }
}
@media only screen and (min-width: 360px) and (max-width:379px) {
    .logotext1 {
        font-size: 16px;
        margin-top: 5px;
    }
}
@media(max-width:359px) {
.logotext1 {
font-size:14px
}
}