.fTopBanner {float: left;width: 100%;}
.fTopBanner li:hover {padding-left: 5px;}
.fTopBanner ul li {float: left;    width: 25%;    height: 130px;    display: flex;    justify-content: center;    align-items: center;    position: relative;    padding-top: 15px;background-image:url(../images/rightBow.png);background-repeat:no-repeat;background-position:calc(100% - 10px) calc(100% - 10px);}
.fTopBanner ul li span {color: #faccbe;font-weight: 900;position: absolute;top: -20px;font-size: 24px;left: -20px;}
.fTopBanner ul li a {position: relative;font-size: 36px;font-weight: 900;color: #fff;}
.fLi01 {background: #f86b4c;}
.fLi02 {background: #f48861;}
.fLi03 {background: #f19f71;}
.fLi04 {background: #efae7c;}
.divFooterBottom {padding-top:10px;float: left;width: 100%;}
ul.footerNav.footerNav01 {padding-left: 2%;}
ul.footerNav span:before {content: '';width: 40px;height: 3px;position: absolute;background:#fec864;top: 30px;}
ul.footerNav li a:hover {color:#ef594a}
.iletTex01 span:before {content: '';width: 50px;height: 2px;position: absolute;background:#fec864;top: 25px;}
.fBultenWrp {float: left;width: 98%;padding-bottom: 20px;padding-left: 2%;}
.fBulten {float: left;width: 100%;margin-top: 15px;}
footer#footer {float: left;width: 100%;background:#f7f7f7;}
.fBulten>span {font-size: 16px;color: rgb(51,51,51);font-weight: 700;}
.fDivTitle {float: left;width: 20%;color: rgb(68,68,68);font-size: 14px;margin-top: 15px;line-height: 25px;font-weight: 600;padding-top:5px;}
.e-bulten {width: 80%;float: left;background: #fff;border:1px solid#dadada;margin-top: 10px;}
.textbox input {background: none;border: 0;color: #747d8c;font-size: 13px;height: 65px;float: left;width: 100%;text-indent: 20px;}
.textbox {float: left;width: calc(100% - 130px);}
.button {float: right;width: 130px;padding-right: 5px;}
.button input {width: 100%;background: #04538b;border-radius: 4px;height: 55px;border: 0;color: #fff;font-size: 15px;font-weight: 600;text-align: center;margin-top: 5px;}
.fCenterLeft {float: left;width: 75%;padding-right: 10px;border-left: 1px solid#ebebeb;}
.fCenterRight {float: left;width: 33%;padding-left: 100px;}
.footerNav {float: left;width: 25%;position:relative;margin:30px 0px;}
.fNavTitle {color: rgb(51,51,51);font-size: 16px;font-weight: 700;display: block;margin-bottom: 25px;}
span.fNavTitle-1.hidden-xs {color: #484848;font-size: 16px;font-weight:700;display: block;margin-bottom: 20px; margin-top: -36px;}
.footerNav cite {color: #747d8c;font-size: 13px;font-style: normal;}
.fSocials>span:before {content: '';width: 40px;height: 3px;position: absolute;background:#fec864;top: 30px;}
.footerNav li {float: left;width: 100%;}
.footerNav li a {color: #666;font-size: 14px;line-height: 28px;font-weight: 500;}
footerNav02 li:last-child {background: #fff;padding: 5px;}
.footerNav02 li:last-child a span { padding-left: 7px;border-left: 1px solid #222;font-weight: 700;font-size: 11px;}
.footerNav02 li:last-child a:hover {color: #000;}
.footerNav02 li:last-child img {display: inline-block;vertical-align: middle; padding-right: 7px;}
.fCenter {border-top: 1px solid#ebebeb;border-bottom: 1px solid#ebebeb;float: left;width: 100%;}
.fCenterLeftBottom {float: left;width: 25%;}
.fIletisim {float: left;width: 100%;margin-right: 2%;/* border: 1px solid #dadada; */text-align: left;position: relative;padding-top:30px;}
.fIletisim cite {background: #fff;/* margin-top: -62px; */display: inline-block;padding: 0 10px;}
.fIletisim p {color: #666;font-size: 14px;line-height: 20px;font-weight: 500;}
.fIletisim span {color: rgb(41,41,41);font-size: 16px;width: 100%;font-weight: 700;}
.iletText03 {float: left;margin-top: 15px;width: 100%;}
.iletTex01 {float: left;margin-top: 10px;width: 100%;position: relative;}
.fIletisim li {float: left;width: 100%;}
.fIletisim li a {color:rgb(148,148,148);font-size: 13px;line-height: 28px;}
.iletText02 {float: left;width: 100%;margin-top: 15px;}
.percentWidht.fBottom {background:#fff;float: left;width: 100%;}
.fBottomBanner {width:  100%;}
span.iletcagri {font-weight: 700;color: rgb(51,51,51);font-size: 16px;margin-bottom: 25px;display: inline-block;}
a.footerBtn {font-size:  13px;color: #747d8c;line-height:  28px;}
ul.fBot li a {color: #747d8c;font-size:  13px;line-height:  28px;}
ul.fBot {display:  none;}
.iletTex01 span:before {content: '';width: 40px;height: 3px;position: absolute;background:#fec864;top: 25px;}
.iletText04 {float: left;width: 100%;margin-top: 15px;}
.fSocials>p {/*display: inline-block;*/text-align: left;margin: 50px 0px 20px 0px;color:#666;font-weight:500;}
.iletText04 p {background: url(../images/adres.png)no-repeat left center;padding-left: 25px;}
.iletText02 p {background: url(../images/phoneFoot.png)no-repeat left center;padding-left: 25px;}
.iletText03 p {background: url(../images/mailFooter.png)no-repeat left center;padding-left: 25px;}
.iletTex01 p {margin-top: 20px;}
.siteImza {height: 55px;line-height: 55px;}
.percentWidth.fBottomImza {float: left;width: 100%;text-align: right;height: 55px;background: #ec5a4a;color: #fff;line-height: 45px;margin-top: 3px;}
a.footerBtn:hover ul {display:block;}
.dDisCount {display:  block;float:right;background: url(../images/indiirim.png)no-repeat;}
.fBottomBanner ul li {width: 20%;float:left;text-align:center;}
.fBottomBanner ul li b {color: rgb(51,51,51);font-weight:  700;font-size:  16px;}
.fBottomBanner ul li p {margin-top:20px;line-height: 20px;font-size:15px;color: #666;font-weight:600;}
li.fBt01 i {background:  url(../images/f1.png)no-repeat top center;width:100%;height:80px;display:block;}
li.fBt02 i{background:  url(../images/f2.png)no-repeat top center;width:100%;height:80px;display:block;}
li.fBt03 i{background:  url(../images/f3.png)no-repeat top center;width:100%;height:80px;display:block;}
li.fBt04 i{background:  url(../images/f4.png)no-repeat top center;width:100%;height:80px;display:block;}
li.fBt05 i{background:  url(../images/f5.png)no-repeat top center;width:100%;height:80px;display:block;}
.fSocials {float: left;width: 100%;text-align: center;position: relative;margin-top: 20px;}
.fSocials a {float:left;display: inline-block;width: 46px;height:46px;background-position: top left;margin-right:10px;}
.fSocials div {float: left;width: 100%;text-align: center;}
.fFace {background: url(../images/fFace.png) no-repeat;}
.fTwit {background: url(../images/fTwit.png) no-repeat;}
.fGoogle {background: url(../images/fGoogle.png) no-repeat;}
.fPinterest {background: url(../images/fPinterest.png) no-repeat;}
.fYoutube {background: url(https://www.yagmurkirtasiye.com.tr/resman/uploads/assets/themes/temmuz/images/youtubeicon1.png) no-repeat;background-size: 42px;}
.fInstagram {background: url(../images/fTagram.png) no-repeat;}
/*.fYoutube {background: url(../images/fYoutube.png) no-repeat;}*/
.fbankakart {background: url(../images/masterkart.png) no-repeat 10px;width:100px;height:30px;display:inline-block;float:right;}
.fSocials>span {float: left;font-size:16px;color:rgb(68,68,68);font-weight:700;}
.fBottomBanner ul li i {margin-top: 10px;}
.fBottomBanner ul li p {margin-bottom: 30px;}
.footerBankaLeft {
    float: left;
    width: 70%;
    padding-top: 20px;
}

.footerKurumsalRight {
    float: left;
    width: 30%;
    text-align: right;
}
.footerbottombottom {
    float: left;
    width: 100%;
    padding: 10px 0px;
}

.footerAllRight {
    float: left;
    width: 50%;
    padding-top: 20px;
}

.footerProjesoft {
    float: left;
    width: 50%;
}

.footerProjesoft>div {text-align: right!important;}


.footerAllRight span {
    font-size: 13px;
}
.detayWhatsupp a {
    background: url(../images/whatsapp.png)no-repeat;
    width: 70px;
    height: 70px;
    right: 0px;
    position: fixed;
    bottom: 200px;z-index:999999;
}
@media (max-width:1199px) {
footer#footer {padding: 0px 10px;}
}
@media (min-width:992px) and (max-width:1199px) {
.fNavTitle {font-size: 11px;}
.footerNav li a {font-size: 11px;}
.fCenterLeft { width: 70%;}
.fCenterLeftBottom { width: 30%;}
.fIletisim p {font-size: 11px;}
.fSocials>p {font-size: 11px;}
.fSocials>span {font-size: 11px;}
.fIletisim span {font-size: 11px;}
.fDivTitle {font-size: 11px;width: 30%;}
.e-bulten {width: 70%;}
}
@media (min-width:768px) and (max-width:991px) {
.footerNav02 {padding-left: 0px;}
.footerNav03 span {margin-bottom:20px;}
.footerNav03 {padding-left: 10px;width: 25%;}
.button {width: 100px;}
.textbox {width: calc(100% - 100px);}
.fDivTitle {font-size:14px;}
.fNavTitle {font-size: 12px;margin-bottom: 20px;}
.fSocials a {margin-right:5px;}
.fCenterLeftBottom {width: 100%;}
.fCenterLeft {width: 100%;}
.fSocials>p {width: 100%;}
.footerNav li a {font-size: 12px;}
}
@media (max-width:767px){
.fBottomBanner ul li {width:  50%;border-bottom:1px solid#dadada;}
.fTopBanner ul li {width:  100%!important;}
ul.nav-tabs.tablivitrinm li {float:  left;width:  33%;padding:  0px 0px 17px 0px;}
ul.nav-tabs.tablivitrinm li a {font-size: 8px;}
.fCenterLeft>a {position:relative;text-align:center;color: #fff;background:#04538b;line-height: 50px;text-decoration:  none;margin-bottom:2px;float:left;width:100%;}
.fCenterRight>a {position:relative;text-align:center;color: #fff;background:#04538b;line-height: 50px;text-decoration:  none;margin-bottom:2px;}
.fCenterLeft{width:100%!important;padding-right:0px;border-left: none;}
ul.footerNav {display:  none; width: 100%;padding-left:0px;margin:5px 0px;}
.fCenterRight{width:100%!important;padding-left:0px;}
.button {width: 100px;padding-right:0px;}
.fCenterLeft>a>i {padding-left: 10px;}
.percentWidth.fBottomImza {text-align:center;}
.percentWidht.fBottom {margin: 10px 0px;}
.fBultenWrp {padding-bottom: 5px;}
.footerProjesoft {
    width: 100%;
}

.footerAllRight {
    width: 100%;
}
.fBottomBanner ul li p {height: 50px;margin-top: 10px;font-size: 12px;margin-bottom: 10px;}
.fBottomBanner ul li b {height: 40px;display: inline-block;}
.fDivTitle {margin-top: 10px;width: 100%;}
.e-bulten {margin: 10px 0px;border: none;padding: 0px 10px;width: 100%;}
.textbox input {padding-left: 0px;text-indent: 10px;font-size: 11px;}
.textbox {width: calc(100% - 100px);}
.fIletisim cite {display: none;}
span.iletText03 {margin-bottom: 10px;}
.percentWidth.fCenter {padding: 0px;border-top: none;}
.fBulten{width: 100%;text-align: center;/* border-top: 1px solid#dadada; */margin-top: 0px;}
.fIletisim{text-align:center;}
.percentWidth.fCenter .row {margin-left: 0px;margin-right:  0px;}
.percentWidht.fBottom .row {margin-left:  0px;margin-right:  0px;}
ul.footerNav li {padding-left: 20px;}
ul.footerNav li {padding-left: 20px;}
}
@media (max-width:320px) {
.fBottomBanner ul li b {font-size: 12px;}
}