/*
/theme/v4-modamerve/sub_theme/alt/v4/user_ka/alt.css
*/
#footer h3
{
text-transform:  uppercase;
word-break: break-all;
font-size: 16px;
}
#footerTop
{
padding-top:  44px;
background: #d297bc1f;
border-top:  1px solid #d297bc;
position: relative;
margin-top:  75px;
padding-bottom: 13px
}
#footerTop:before
{
content: '';
position:  absolute;
top: -65px;
width:  187px;
height: 105px;
background: url(https://cdn1.modamerve.com/Data/EditorFiles/svg/01moda01.svg);
background-position:  1px 1px;
background-size: 115%;
left: 50%;
margin-left: -106px
}
#footerTop h3
{
color: #fff
}
#footerTop p
{
display:  block;
font-size: 12px;
color:  #fff;
line-height: 20px
}

.MobilUygulamaIndir
{
font-family:  serif;
font-size: 23px;
text-align:  center;
padding: inherit
}

.BankaTitle
{
font-family:  serif;
font-size: 23px;
text-align:  center;
padding: inherit
}

.newsletter
{
margin-bottom: 20px
}
[dir=rtl] .newsletter
{
margin-right: 0
}
#footer .newsletterMain
{
background:  #fff;
border: 1px solid #ccc;
position: relative
}
#footer .newsletterMain input[type=text]
{
width: 100%;
height:  48px;
line-height: 48px;
border:  0;
text-indent: 10px
}
#footer .newsletterMain .placeholder
{
right:  50px;
line-height: 48px;
padding-left: 10px
}
#footer .newsletterMain input[type=button]
{
position:  absolute;
top: 10px;
right:  10px;
z-index: 33;
width:  28px;
height: 28px;
background: url(newsletterIcon.png) no-repeat;
border:  0;
cursor: pointer
}
[dir=rtl] #footer .newsletterMain input[type=button]
{
right:  auto;
left: 10px
}
[dir=rtl] #social
{
float: left
}
#social ul
{
display:  flex;
justify-content: center
}
#social li,
#social li a,
#social li a img
{
float: left
}
[dir=rtl] #social li,
[dir=rtl] #social li a,
[dir=rtl] #social li a img
{
float: right
}
#social li
{
padding-right:  10px;
padding-bottom: 0;
padding-left: 10px
}
[dir=rtl] #social li
{
padding-right:  0;
padding-left: 10px
}
#footerMiddle
{
background-color: #faf2f7
}

.fmb
{
padding:  20px 0;
;
background-color:  #faf2f7;
border-top: 1px solid #d298bd;
}
#footerMiddle ul li
{
display: block
}
#footerMiddle p,
#footerMiddle ul li a
{
display:  block;
padding-top: 7px;
padding-bottom:  7px;
line-height: 14px;
font-size:  13px;
color: #656565
}
#footerMiddle p,
#footerMiddle:hover ul li a:hover
{
display:  block;
color: #c3417c
}
#footerBottom
{
background:  #ebebeb;
padding-top: 11px
}
#footerBottom .col
{
min-height:  50px;
line-height: 47px;
display:  list-item;
list-style: none
}
#footerBottom .col img
{
vertical-align:  middle;
max-height: 26px
}
#footerSecurity img
{
padding-right: 10px
}
#footerCards
{
text-align:  center;
background-image: none
}
#footerCards img
{
padding-left:  10px;
max-width: 120px;
width: 100%;
margin-top:  9px;
background-image: none !important
}
a.altFacebook:hover
{
background-position: -1310px -82px
}
a.altTwitter:hover
{
background-position: -1410px -82px
}
a.altInstagram:hover
{
background-position: -1510px -82px
}
a.altGoogle:hover
{
background-position: -1610px -82px
}
a.altYoutube:hover
{
background-position: -1710px -82px
}
a.altPinterest:hover
{
background-position: -1810px -82px
}
div#social h3
{
color:  #000;
font-size: 15px;
text-align:  center;
margin-bottom: 20px;
margin-top: 10px
}

.appStore
{
width:  179px;
height: 55px;
background: url(https://cdn1.modamerve.com/Data/EditorFiles/svg/appstore.png);
display: inline-grid
}

.googlePlay
{
width:  179px;
height: 54px;
background: url(https://cdn1.modamerve.com/Data/EditorFiles/svg/googleplay.png);
display:  inline-grid;
margin-top: 17px
}
#footer .mobilApp h3
{
margin-bottom: 8px
}

.altBanner
{
width:  1180px;
height: 56px;
display:  block;
background: url(https://cdn1.modamerve.com/Data/EditorFiles/mm_summer_sprite.png);
background-position: -18px -254px
}

.copyRight
{
font-size:  12px;
color: #000
}

.gImg div
{
width:  97px;
height: 26px;
float:  left;
background: url(https://cdn1.modamerve.com/Data/EditorFiles/mm_summer_sprite.png);
margin-left: 5px
}

.gImg .guvenlik1
{
background-position: -1210px -251px
}

.gImg .guvenlik2
{
background-position: -1307px -251px
}

.gImg .guvenlik3
{
background-position: -1404px -251px
}

.gImg .guvenlik4
{
background-position: -1507px -251px
}

.gImg .guvenlik5
{
background-position: -1622px -251px
}
@media screen and (max-width:1000px)
{
#footerMiddle
{
padding-top:  25px;
padding-bottom: 25px
}
#footerMiddle .col-2
{
padding-top:  15px;
padding-bottom: 15px
}
#footerMiddle .col-2:nth-child(3n+1)
{
clear: both
}
}
@media screen and (min-width:769px)
{
#footerMiddle ul li div
{
display: block !important;
height: auto !important
}
}
@media screen and (max-width:768px)
{
#footerTop p
{
font-size: 13px
}
#newsletter
{
margin-right: 0
}
#newsletterMain input[type=text]
{
font-size: 15px
}
#footerMiddle
{
padding-top:  15px;
padding-bottom: 14px;
border-bottom:  1px solid #d297bc;
}
#footerMiddle .col-2
{
padding-top:  0;
padding-left: 0;
padding-bottom:  0;
padding-right: 0
}
#footerMiddle ul li
{
display:  flex;
justify-content: center;
flex-direction:  column;
}
#footerMiddle ul ul li
{
padding:  0 20px;
border-bottom: 1px solid #d7b5d3;
}
#footerMiddle ul ul
{
padding-bottom:  20px;
}
#footerMiddle h3
{
background: #faf2f7 url(https://cdn1.modamerve.com/Data/EditorFiles/plusIcon2.png) no-repeat right center;
cursor:  pointer;
padding: 15px 20px;
margin:  0;
width: 100%;
font-size:  12px;
}
[dir=rtl] #footerMiddle h3
{
background: #dadada url(plusIcon.png) no-repeat 20px center
}
#footerMiddle h3.active
{
color:  #fff;
background: #794b7d url(minusIcon.png) no-repeat right center
}
[dir=rtl] #footerMiddle h3.active
{
background: #6c6c6c url(minusIcon.png) no-repeat 20px center
}
#footerMiddle h3+div
{
background:  #faf2f7;
display: none
}
#footerMiddle p,
#footerMiddle ul li a
{
line-height:  35px;
font-size: 17px
}
#footerMiddle p
{
padding-left:  20px;
padding-right: 20px
}
#footerBottom .col
{
text-align:  center;
display: none
}
#footerBottom .col img
{
padding-right:  5px;
padding-left: 5px
}
}
@media screen and (max-width:540px)
{
#social ul
{
display:  block;
justify-content: center
}
#social li
{
padding-right:  5px;
padding-bottom: 0;
padding-left: 5px
}
a.altFacebook
{
width:  40px;
height: 40px;
background: url(https://cdn1.modamerve.com/Data/EditorFiles/mm_summer_sprite.png);
background-position: -1743px -183px
}
a.altFacebook:hover
{
background-position: -1743px -183px
}
a.altTwitter
{
width:  40px;
height: 40px;
background: url(https://cdn1.modamerve.com/Data/EditorFiles/mm_summer_sprite.png);
background-position: -1793px -183px
}
a.altTwitter:hover
{
background-position: -1793px -183px
}
a.altInstagram
{
width:  40px;
height: 40px;
background: url(https://cdn1.modamerve.com/Data/EditorFiles/mm_summer_sprite.png);
background-position: -1842px -183px
}
a.altInstagram:hover
{
background-position: -1842px -183px
}
a.altGoogle
{
width:  40px;
height: 40px;
background: url(https://cdn1.modamerve.com/Data/EditorFiles/mm_summer_sprite.png);
background-position: -1742px -235px
}
a.altGoogle:hover
{
background-position: -1742px -235px
}
a.altYoutube
{
width:  40px;
height: 40px;
background: url(https://cdn1.modamerve.com/Data/EditorFiles/mm_summer_sprite.png);
background-position: -1791px -235px
}
a.altYoutube:hover
{
background-position: -1791px -235px
}
a.altPinterest
{
width:  40px;
height: 40px;
background: url(https://cdn1.modamerve.com/Data/EditorFiles/mm_summer_sprite.png);
background-position: -1840px -235px
}
a.altPinterest:hover
{
background-position: -1840px -235px
}
#footerMiddle p,
#footerMiddle ul li a
{
font-size: 13px
}
}