.HappyCustomer
{
margin:   15px 0;
}
@keyframes whatsapp-animation
{
0%
{
opacity:  0;
transform: scale(0.5);
}
100%
{
opacity:  1;
transform: scale(1);
}
}
a.customerWP::before, a.customerWP::after
{
background-image: linear-gradient(180deg, rgba(7, 94, 84, 0.2) 0%, rgba(18, 140, 126, 0.2) 100%);
content: '';
border-radius: 50%;
position:  absolute;
top: 50%;
left: 50%;
width:  5rem;
height: 5rem;
z-index:  -1;
margin-left: -2.5rem;
margin-top: -2.5rem;
transform-origin: 50% 50%;
animation-duration: 1.2s;
animation-iteration-count:  infinite;
animation-direction: alternate-reverse;
animation-name:  whatsapp-animation;
animation-delay: .2s;
animation-timing-function:  ease-out;
}
a.customerWP::after
{
animation-delay: .6s;
animation-timing-function:  ease-in;
}

.HappyCustomer .Title
{
padding:   15px;
box-sizing: border-box;
text-align:   center;
font-weight: 600;
font-size:   25px;
border-bottom: solid 1px;
}

.HappyCustomer .Content
{
display:   flex;
flex-wrap: wrap;
}

.HappyCustomer .Content .Item
{
display:   flex;
margin-top: 20px;
}

.HappyCustomer .Content .Item a .Img
{
width:   100px;
background: white;
height:   100px;
display: flex;
align-items:   center;
border-radius: 100%;
overflow:   hidden;
border: solid 1px #000;
padding:   5px;
}

.HappyCustomer .Content .Item a .Txt
{
width: calc(100% - 130px);
margin-top:   15px;
}

.HappyCustomer .Content .Item .goProduct
{
background:   #c3eae4;
padding: 10px;
box-sizing:   border-box;
border-radius: 50px;
display:   flex;
justify-content: space-between;
}

.HappyCustomer .Content .Item .UrunAdi
{
font-weight:  600;
margin-bottom:5px;
}

.UrunYorum
{
font-weight:   400;
margin-bottom: 10px;
line-height: 1.5;
}

.UrunKullanici
{
font-style:   italic;
color: #e17db4;
}
a.customerWP
{
position:   fixed;
width: 60px
;height:   60px;
bottom: 100px
;right:   40px;
background-color: #25d366
;color:   #FFF;
border-radius: 50px
;text-align:   center;
font-size: 30px
;box-shadow:   2px 2px 3px #999;
z-index: 100
;display:   flex;
align-items: center
;justify-content:   center;
}
a.customerWP img
{
max-height:   35px;
}
ul#campaignList li
{
margin:    5px 0;
border: solid 1px #c3eae4 !important;
}
a.noRegisterOrder
{
background:    #e17db4;
font-style: normal;
font-weight:    500;
font-size: 16px;
color:    #FFFFFF;
height: 50px;
display:    flex;
align-items: center;
justify-content:    center;
letter-spacing: 1.7px;
}
#headerTop > div > ul > li:last-child
{
background:    #344d7a;
color: #fff;
}
#headerTop > div > ul > li:last-child i:before
{
font-size:    17px;
}
a.campaign-btn
{
background:    #c3eae4;
color: #000;
}
div#headerTop ul
{
float:     right;
display: flex;
height:     35px;
align-items: center;
}
div#headerTop ul li a
{
display:     flex;
align-items: center;
padding:     0px 10px;
font-weight: 500;
}
div#headerTop ul li a img
{
margin-right:     5px;
}
div#headerTop ul li
{
border-left:     solid 1px #0003;
display: flex
;align-items:     center;
height: 35px
;box-sizing:     border-box;
}
#headerTop ul > li:nth-child(1)
{
border:     none;
background: #e17db4;
padding:     0;
border: none;
}
#headerTop ul > li:nth-child(1) a
{
color:     #fff;
}
div#headerTop a.topWp
{
height:     35px;
display: flex;
align-items:     center;
color: #000;
}
div#headerTop a.topWp img
{
margin-right:     5px;
}
a#member-login-btn, a#uye-kayit-btn,a#without-membership
{
background:     #ea458f;
color: #fff;
text-align:     center;
}
a#member-register
{
background:     #000000;
}
a#member-forgot-password
{
margin-top:     15px;
text-align: right;
font-style:     italic;
color: #ea458f;
font-size:     15px;
}

.orderRightLogin > div,.registerPage
{
background:     #f2f2f2;
padding: 2em;
box-sizing:     border-box;
margin-top: 15px;
margin-bottom:     15px;
}
a#order-login-btn
{
background:     #000;
}
div#login-form > div
{
background:     #f2f2f2;
padding: 2em;
box-sizing:     border-box;
margin: 15px 0;
}

.noLoginRegister
{
width: 100%;
display:     flex;
align-items: center;
justify-content:     center;
background: #c3eae4;
color:     #000;
height: 40px;
}
#basketList
{
display:        none;
position: absolute;top: 100%
;right:      0;
box-sizing: border-box
;width:        300px;
background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,.1)
;z-index:        999;
border: solid 3px #39a5c7;
}
#basketList .CartAllPrice .row
{
font-style:        normal;
font-weight: 600
;font-size:        14px;
line-height: 21px;letter-spacing: 0.07em
;color:      #ee6a65;
width: 100%
;margin:        0;
text-align: center;
}
#basketList .GoCartBtn
{
width:        175px;
height: 36px
;left:        1318px;
top: 272px
;background:        #4caf50;
border-radius: 5px
;text-align:        center;
padding: 0
;line-height:        1;
display: flex
;align-items:        center;
justify-content: center
;font-style:        normal;
font-weight: 600
;font-size:        14px;
letter-spacing: 0.07em
;color:        #FFFFFF;
}
#basketList .cartProductName
{
font-style:        normal;
font-weight: normal
;font-size:        13px;
line-height: 16px
;color:        #424242;
}
#basketList .F1
{
font-style:        normal;
font-weight: 600;
font-size:        11px;
line-height: 16px;
letter-spacing: 0.07em;
text-decoration-line:        line-through;
color: #C4C4C4;
}
#basketList .F2
{
font-style:        normal;
font-weight: 600
;font-size:        14px;
line-height: 21px;letter-spacing: 0.07em
;color:      #000000;
}
ul.middleItem
{
max-height:      350px;
overflow-y:auto;
}

.DesktopSlider
{
position:        relative;
}

.DesktopSlider .slick-arrow
{
height:        50px;
width: 50px;
background:        #e5535c;
display: flex;
align-items:        center;
justify-content: center;
font-size:        0;
outline: none;
border:        none;
position: absolute;
z-index:        1;
cursor: pointer;
top: calc(50% - 25px);
}

.DesktopSlider .slick-arrow.slick-prev
{
left:       -50px;
background: url(/Data/EditorFiles/SmugAgency/Image/left-arrow.svg);
}

.DesktopSlider .slick-arrow.slick-next
{
right:       -50px;
background: url('/Data/EditorFiles/SmugAgency/Image/right-arrow.svg');
}

.userSection
{
display:        flex;
align-items: center
;justify-content:        flex-end;
padding: 10px 0
;position:      relative;
}
div#headerBottom
{
border-top:        1px solid #bfbfbf;
background: #fff;
box-shadow: 0 3px 3px rgba(0,0,0,.1);
}

.userSection .Item
{
margin-left:        15px;
display: flex
;flex-direction:        column;
position: relative
;padding:        0 10px;
font-weight: 500
;font-size:     13px;
}

.userSection .Item img
{
margin-bottom: 2.5px
;height:     22px;
}
nav#mainMenu > ul
{display:        flex;justify-content: space-between;}
span.cart-soft-count
{
position:        absolute;
background: #e5535c;
width:        15px;
height: 15px;
display:        flex;
align-items: center;
justify-content:        center;
border-radius: 100%;
right:        0;
color: #fff;
top:        10px;
font-size: 12px;
left: calc(50% - 7.5px);
}
div#headerMain
{
padding:     10px;
}
div#headerTop
{
height:        35px;
background: #c3eae4;
}

.menu a
{float:        left;padding-left: 5px;padding-right: 5px;box-sizing:border-box;}

.menu li.parentLink > ul
{
position:        absolute;
top:100%;
left:        0;
width:200px;
display:        none;
}

.menu li.parentLink li a
{
width:100%;
}

.menu li.parentLink li.parentLink ul
{
float:        left;
position:relative;
box-sizing:        border-box;
border-left:10px solid #dedede;
}

.header-wrapper
{
z-index:         10;
}
#header-wrap
{
}
#header-wrap.sticky
{
position:        fixed;
top:0;
left:        0;
z-index:999;
}

.locationLinkWrap
{
padding:         7px 10px;
box-sizing: border-box;
}
#logo a
{
float:        left;
width:100%;
height:        60px;
}

.sticky #logo a
{
height:        50px;
}
#logo p,
#logo img
{
-webkit-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-moz-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-ms-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-o-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
-ms-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.5s;
}
#logo p
{
float:        left;
width:100%
;height:        60px;
display:flex
;align-items:        center;
padding-bottom:0
;justify-content:        center;
}

.sticky #logo p
{
height:        50px;
}
#logo img
{
display:        inherit;
max-height:100%;
max-width:100%;
width:        auto;
}
#searchListWrap
{
position:        relative;
}
#live-search
{
height:        36px;
line-height:14px;
}
#live-search-box
{
top:100%;
left:        -1px;
z-index:999;
}
#FormAra
{
background:       #fff;
z-index:    999
;font-weight:        400;
font-style: normal;width: 100%
;height:        40px;
font-size: 1.2rem;letter-spacing: .5px
;border:        #000 solid 1px;
box-sizing: border-box;
}
#FormAra input[type="text"]
{
display:        block;
width:calc(100% - 48px)
;height:    37px;
color:#a8a8a8
;font-size:        12px;
border:0
;box-sizing:        border-box;
}
#FormAra input[type="text"]:focus
{
box-shadow:        none;
}
#FormAra button[type="submit"]
{
display:        block;
position:relative
;width:        48px;
height: 40px
;font-size:        16px;
border:0
;cursor:        pointer;
background:none
;color:        #000;
}
#live-search
{
height:        36px;
line-height:14px;
}
#live-search-box
{
position:        absolute;
top: 50px;width: 100%
;background:        #fff;
z-index:     999;
}
#live-search-box ul
{
float:        left;
border-top:     1px solid #ececec;
}
#live-search-box li
{
float:        left;
width:100%
;box-sizing:        border-box;
border-bottom:     1px solid #ececec
;margin-bottom:    10px;
}
#live-search-box a
{
float:        left;
width:100%
;font-weight:        600;
display: flex
;align-items:    center;
}
#live-search-box:not([data-callback]) span,
#live-search-box div.search-image
{
width:5%;
height:        0;
padding-bottom:5%;
margin-top:        5px;
margin-right:15px;
margin-bottom:        5px;
margin-left:5px;
overflow:        hidden;
}
#live-search-box[data-callback] span
{
padding:         0 10px;
box-sizing: border-box
;height:    50px;
display: flex
;align-items:    center;
}
#live-search-box img
{
float:    left;
display: flex;
height:    50px;
width: auto;
}
#live-search-box a .IMG
{
height:    50px;
width: 50px;
float:    left;
display: flex;
align-items:    center;
margin-right: 15px;
justify-content:    center;
}
div#headerMain > .row > .inner
{
position:    relative;
}
#mainMenu a
{height:        40px;line-height:40px;font-size: 13px;color: #000000;font-weight:     500;text-transform: uppercase;}

#mainMenu a:hover
{
background:     #e17db4;
color: #fff;transition: all .4s;
}

.menu li.parentLink > a
{
background-color:        transparent;
}
#mainMenu .parentLink li a
{
height:        auto;
line-height:25px;
font-size:        12px;
color:#545454;
border-right:        0;
padding-right:0;
padding-left:        0;
}
#mainMenu .menu > li.parentLink:hover > span > a
{
color:         inherit;
}

.menu li:hover > a
{
color:        #e35252;
}
#mainMenu .parentLink .sublink-wrap li a
{
line-height:        17px;
color:#797979;
}

.subMenu
{
max-width:        1200px;
box-shadow:0 2px 2px 0px rgba(0,0,0,.1);
}

.subMenu *:not(.dynamicMenu)
{
background-color:        transparent;
}

.menuTitle
{
font-size:        20px;
padding-bottom:10px;
}

.subMenu a
{
padding-right:        10px;
padding-left:10px;
font-size:        12px;
font-family: 'Avenir Next LT Pro';
box-sizing:        border-box;
}

.subMenu li li a
{
font-size:        11px;
background-repeat:no-repeat;
background-position:        0 center;
}

.subMenu a:hover
{
background-color:        #fff;
padding-right:10px;
padding-left:        10px;
}
#mainMenu .subMenu a:hover,
#mainMenu .parentLink .sublink-wrap li a:hover
{
color:        #e35252;
}

.subMenu .dynamicMenu
{
background:        #fff;
}
@media screen and (max-width: 1230px)
{
#header-info
{
border-left:        0;
}
#headerMain
{
padding-right:        20px;
padding-left:20px;
}
#mainMenu .menu > li
{
padding-right:        5px;
}

.menu a
{
padding-right:        5px;
padding-left:5px;
}
}
@media screen and (min-width: 769px)
{
    aside#leftColumn div#page-login .box.col-4.col-md-6.col-sm-12.p-top.p-left {
    width: 100%;
}
.sticky div#headerTop, .sticky div#headerMain {display:none;}
div#headerTop .fw600
{
height:   36px;
display: flex;
align-items:   center;
justify-content: center;
font-weight:   600;
}
div#mobileSearch
{
display:     none;
}

.menu li.parentLink:hover > ul
{
display:        block;
}
}
@media screen and (max-width: 768px)
{
a.customerWP
{
width:   40px;
height: 40px;
bottom:   65px;
left: 10px;
}
a.customerWP img
{
max-height:   20px;
}
#mobileMenu ul li a
{
display:     flex;
align-items: center;
height:     50px;
font-weight: 600;
}
#mobileMenu ul
{
margin-top:     100px;
}
ul#membershipTabs
{
margin-top:     15px;
}
ul#membershipTabs li
{
background:     white;
width: 50%;
}
div#login-form > div
{
background:     transparent;
}

.orderRightLogin > div, .registerPage
{
background:     transparent;
}
#header
{
padding-top:     135px;
}
div#mobileSearch.sticky
{
display:    none;
}
div#mobileSearch
{
display:     flex;
position: fixed;
left:     0;
padding: 10px;
box-sizing:     border-box;
top: 74px;
background:     #fff;
box-shadow: 0 3px 3px rgba(0,0,0,.1);
z-index:     999;
}

.userSection > a > span
{
display:     none;
}

.userSection .Item
{
margin:     0;
}
#headerMain > div > div > div
{
display:     flex;
justify-content: space-between;
}

.DesktopSlider .slick-arrow.slick-next
{
right:    0;
background:  #FFF url(/Data/EditorFiles/SmugAgency/Image/right-arrow.svg) center center no-repeat;
background-size:    20px;
}

.DesktopSlider .slick-arrow.slick-prev
{
left:    0;
background:  #FFF url(/Data/EditorFiles/SmugAgency/Image/left-arrow.svg) center center no-repeat;
background-size:    20px;
}

.animate
{
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode:         both;
animation-fill-mode: both;
}
#menuBtn
{
font-size:        31px;
cursor:pointer;
}
@-webkit-keyframes pageOverlayDefault
{
from
{
opacity:        1;
}
to
{
opacity:        0;
}
}
@keyframes pageOverlayDefault
{
from
{
opacity:        1;
}
to
{
opacity:        0;
}
}
#pageOverlay
{
position:        fixed;
top:0;
right:        0;
bottom:0;
left:        0;
background:rgba(0,0,0,.7);
z-index:        3333;
opacity:0;
display:        none;
-webkit-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-name:        pageOverlayDefault;
animation-name:pageOverlayDefault;
}
@-webkit-keyframes pageOverlay
{
from
{
opacity:        0;
}
to
{
opacity:        1;
}
}
@keyframes pageOverlay
{
from
{
opacity:        0;
}
to
{
opacity:        1;
}
}

.menuShow #pageOverlay
{
display:        block;
-webkit-animation-name:pageOverlay;
animation-name:        pageOverlay;
}
@-webkit-keyframes mobileMenuDefault
{
from
{
left:        0;
}
to
{
left:-100%;
}
}
@-webkit-keyframes mobileMenuDefaultRtl
{
from
{
right:        0;
}
to
{
right:-100%;
}
}
@keyframes mobileMenuDefault
{
from
{
left:        0;
}
to
{
left:-100%;
}
}
@keyframes mobileMenuDefaultRtl
{
from
{
right:        0;
}
to
{
right:-100%;
}
}
#mobileMenu
{
position:        fixed;
left:-100%
;top:        0;
bottom:0;width: 85%
;background:        #fff;
overflow-y:scroll
;-webkit-overflow-scrolling:         touch;
z-index:4444
;-webkit-animation-name:        mobileMenuDefault;
animation-name:mobileMenuDefault;
}
@-webkit-keyframes mobileMenu
{
from
{
left:-100%;
}
to
{
left:        0;
}
}
@-webkit-keyframes mobileMenuRtl
{
from
{
right:-100%;
}
to
{
right:        0;
}
}
@keyframes mobileMenu
{
from
{
left:-100%;
}
to
{
left:        0;
}
}
@keyframes mobileMenuRtl
{
from
{
right:-100%;
}
to
{
right:        0;
}
}

.menuShow #mobileMenu
{
-webkit-animation-name:        mobileMenu;
animation-name:mobileMenu;
}
#logo a
{
height:        74px;
line-height:74px;
}
#logo p
{
height:        74px;
line-height:74px;
}
#logo a img
{
width:        auto;
display:inline;
vertical-align:        middle;
}
#search
{
padding-left:        0;
padding-right:0;
margin-top:        0;
margin-bottom:0;
}
#FormAra
{
position:        relative;
height:50px;
}
#FormAra:before
{
content:'';
}
#FormAra input[type="text"]
{
display:        block;
font-size:15px;
padding-top:        0;
padding-bottom:0;
}
#FormAra input[type="text"]::-webkit-input-placeholder
{
line-height:        25px;
font-size:15px;
color:        #a8a8a8;
}
#FormAra input[type="text"]::-moz-placeholder
{
line-height:        25px;
font-size:15px;
color:        #a8a8a8;
}
#FormAra input[type="text"]:-ms-input-placeholder
{
line-height:        25px;
font-size:15px;
color:        #a8a8a8;
}
#FormAra input[type="text"]:-moz-placeholder
{
line-height:        25px;
font-size:15px;
color:        #a8a8a8;
}
#FormAra button[type="submit"]
{
display:        block;
}
#header-wrap .cart-soft-count
{
width:     15px;
height: 15px
;line-height:     15px;
display: flex
;font-size:     10px;
}
}
@media screen and (max-width: 540px)
{
#headerMain
{
position:        fixed;
top:0
;left:        0;
background:#fff;box-shadow:0 3px 3px rgba(0,0,0,.1)
;z-index:        999;
}
#menuBtn
{
font-size:        25px;
}
#mainMenu
{
border-radius:        0;
}
#closeMobileMenu
{
font-size:        14px;
height: 40px;
}
#FormAra
{
height:        40px;
}
#FormAra input[type="text"]
{
height:        38px;
font-size:13px;
}
#FormAra input[type="text"]::-webkit-input-placeholder
{
font-size:        13px;
}
#FormAra input[type="text"]::-moz-placeholder
{
font-size:        13px;
}
#FormAra input[type="text"]:-ms-input-placeholder
{
font-size:        13px;
}
#FormAra input[type="text"]:-moz-placeholder
{
font-size:        13px;
}
#FormAra button[type="submit"]
{
height:        38px;
height:38px;
line-height:        38px;
}

.menuOverflow
{
position:        relative;
}
}