aside#leftColumn div#page-login .box.col-4.col-md-6.col-sm-12.p-top.p-left {
    width: 100%;
}
.outStock {
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: flex-end;
}

.outStock span.box.productFunction {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    display: none;
}

#userSection .Acc ul
{
display:    none;
position: absolute;
top: 100%;
background:    #fff;
flex-direction: column;
width:    150px;
padding: 10px;
box-sizing:    border-box;
border: solid 1px #939597;
border-radius:    4px;
z-index: 156651;
}

.LangCurrTop ul li
{
cursor:  pointer;
}

.LangCurrTop
{
height:  25px;
display: flex;
align-items:  center;
justify-content: flex-end;
}

.LangCurrTop > .pos-r:nth-child(1)
{
margin-right:  5px;
padding-right: 5px;
border-right:  solid 1px #939597;
}

.customBlog a
{
display:     flex;
align-items: center;
}

.customBlog a > img
{
max-height:     30px;
margin-right: 10px;
}

.customMenu > .col img
{
max-height:     35px;
margin-right: 10px;
}
nav#mainMenu > ul
{
display:     flex;
align-items: center;
justify-content:     space-between;
flex-direction: column;
}

.customMenu:hover #mainMenu
{
display: flex !important;
}
nav#mainMenu > ul > li:hover > span, nav#mainMenu > ul > li:hover a
{
color:     #000;
}

.orderTrack, #login-form, div#fastLoginCart, #registerSection
{
background:      #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing:      border-box;
border-radius: 6px;
padding:      25px;
box-sizing: border-box;
margin-top:      25px;
margin-bottom: 25px;
}
button#showBtn, a#member-login-btn, a#order-login-btn, a#uye-kayit-btn
{
width: 100%;
background:      #00BEA4;
border-radius: 6px;
height:      35px;
display: flex;
align-items:      center;
justify-content: center;
font-style:      normal;
font-weight: 600;
font-size:      14px;
line-height: 21px;
letter-spacing: 0.05em;
color:      #FFFFFF;
text-transform: uppercase;
}
#page-login .pageTitle.small-title
{
text-align:      center;
}
#registerSection .pageTitle
{
justify-content:      center;
}
#page-login .pageTitle.small-title i
{
display:     none;
}
a#member-register
{
width: 100%;
border-radius:      6px;
height: 35px;
display:      flex;
align-items: center;
justify-content:      center;
font-style: normal;
font-weight:      600;
font-size: 14px;
line-height:      21px;
letter-spacing: 0.05em;
color:      #FFFFFF;
text-transform: uppercase;
}
body
{
background:     #ffffff;
}
#Carosuel
{
margin-bottom:      30px;
}
#Carosuel ul.slick-dots
{
width: 100%;
position:       absolute;
display: flex;
bottom:       -25px;
justify-content: center;
align-items:       center;
}
#Carosuel ul.slick-dots li
{
margin:       0;
padding: 0;
display:       flex;
}
#Carosuel ul.slick-dots li button
{
width:       7px;
height: 7px;
font-size:       0;
padding: 0;
border-radius: 100%;
border:       solid 1px #e57416;
margin: 0 2.5px;
transition: all .4s;
}
#Carosuel ul.slick-dots li.slick-active button
{
background:       #e57416;
width: 20px;
border-radius:       20px;
}
#TopBannerDesktop
{
margin-bottom:      30px;
}
#TopBannerDesktop ul.slick-dots
{
width: 100%;
position:       absolute;
display: flex;
bottom:       -25px;
justify-content: center;
align-items:       center;
}
#TopBannerDesktop ul.slick-dots li
{
margin:       0;
padding: 0;
display:       flex;
}
#TopBannerDesktop ul.slick-dots li button
{
width:       7px;
height: 7px;
font-size:       0;
padding: 0;
border-radius: 100%;
border:       solid 1px #e57416;
margin: 0 2.5px;
transition: all .4s;
}
#TopBannerDesktop ul.slick-dots li.slick-active button
{
background:       #e57416;
width: 20px;
border-radius:       20px;
}

.header-wrapper
{
z-index:        10;
}
#header-wrap.sticky
{
position:       fixed;
top:0;
left:       0;
z-index:999;
}
#headerTop
{
background:  #A12128;
}
#headerTop .Content
{
height:        55px;
display: flex;
align-items:        center;
justify-content: center;
font-style:        normal;
font-weight: 500;
font-size:        18px;
color: #FFFFFF;
}
#headerTop .Content a
{
display:  flex;
align-items:       center
;justify-content:  center;
}
#headerTop .Content a:hover
{
background:        #fff;
color: #00BEA4;
transition:all .4s;
}
#basketList
{
display:       none;
position:absolute;
top:100%;
left:       0;
background:#fff;
z-index:       3333;
}
#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;
}

.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
{
height:       50px;
z-index:999
;background:        #FFFFFF;
border: 1px solid #b3b3b3
;box-sizing:        border-box;
display:  flex
;align-items:       center;
justify-content:  center
;border-radius:     3px;
overflow: hidden;
}

.forDesktop #FormAra.focus
{
width:100%;
}
#FormAra input[type="text"]
{
display:       flex;
width: calc(100% - 88px)
;height:        44px;
color:#a8a8a8
;font-size:       14px;
border:0
;box-sizing:       border-box;
border-radius: 45px 0 0 45px
;padding-left:       40px;
background: url(/Data/EditorFiles/SmugAgency/searchBg.svg) 10px center no-repeat;
}
#FormAra input[type="text"]:focus
{
box-shadow:       none;
}
#FormAra button[type="submit"]
{
display:       flex;
position:relative
;width:        90px;
height: 48px
;font-size:     16px;
border:0
;cursor:       pointer;
align-items: center
;justify-content:        center;
background: #b3b3b3
;color:        #fff;
border: none
;outline:        none;
}
#mainMenu a
{
height:  30px;
line-height: 30px
;font-size:  12px;
color: #939597
;font-weight:     600;
font-weight: 400
;color:     #333e48;
}

.menu li.parentLink > a
{
background-color:       transparent;
}
#mainMenu .parentLink li a
{
height:       auto;
line-height: 1.3
;font-size:     12px;
color:#545454
;border-right:       0;
padding-right:0
;padding-left:       0;
font-weight: 600
;padding:     5px 0;
}
#mainMenu .menu > li.parentLink:hover > span > a
{
width: 100%;
}
#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:'Open Sans', sans-serif;
box-sizing:       border-box;
}

.LangCurrTop
{
padding: 0 !important;
}

.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;
}
#headerBottom
{
display:        flex;
background: #939597;
}
#headerMain > div > div > div
{
padding:  5px 0 25px 0;
}
#userSection > div
{
display:        flex;
justify-content:    flex-end;
}
#userSection > div > a, #userSection > div > div
{
border-radius:        10px;
width: calc(50% - 10px);
}
#userSection a.Cart
{
margin-left:        10px;
display: flex
;flex-wrap:     wrap;
justify-content: center;
}
#userSection a.Cart img
{
max-height:     25px;
}
#userSection a.Acc
{
display:        flex;
align-items: center;
justify-content:        center;
flex-direction: column;
}
#userSection .Acc
{
display:     flex;
align-items: center
;flex-wrap:     wrap;
justify-content: center
;position:    relative;
}
#userSection .Acc > a
{
display:     flex;
align-items: center;
justify-content:     center;
min-height: 40px;
width:     35px;
}
#userSection .Acc > a img
{
max-height:     25px;
}
#userSection .Acc span, #userSection a.Cart > span
{
text-align:        center;
border-top: 1px solid #F28F10
;padding:        5px;
box-sizing: border-box
;font-style:        normal;
font-weight: 600
;font-size:       12px;
letter-spacing: 0.07em
;color:        #F28F10;
width: auto;min-width: 50%;
}
#userSection a.Acc .Images
{
padding:        10px;
box-sizing: border-box;
width: 100%;
display:        flex;
justify-content: center;
align-items:        center;
height: 40px;
}
#userSection a.Cart .Txt
{
display:        flex;
align-items: center
;height:        40px;
justify-content: center;width: 100%;
}
#userSection a.Cart .Txt .Cont .Item
{
font-style:        normal;
font-weight: 600
;font-size:       12px;
line-height: 13px
;color:        #939597;
width: auto;
}
#userSection a.Cart .Txt .Cont
{
display:       flex;
flex-direction: column
;padding:        0 10px;
box-sizing: border-box;
}
#TopCarouselDesktop #Carosuel .slick-arrow
{
height:        50px;
width: 50px
;display:        flex;
align-items: center
;justify-content:        center;
border: none
;outline:        none;
font-size: 0
;position:        absolute;
top: calc(50% - 25px)
;z-index:       5;
cursor:pointer;
}
#TopCarouselDesktop #Carosuel .slick-arrow.slick-prev
{
left:        10px;
background: url('/Data/EditorFiles/SmugAgency/rightArrowBasic.svg') center center no-repeat
;background-size:       20px;
}
#TopCarouselDesktop #Carosuel .slick-arrow.slick-next
{
right:        10px;
background: url('/Data/EditorFiles/SmugAgency/rightArrowBasic.svg') center center no-repeat
;background-size:       20px;
transform: rotate(180deg);
}
#TopLinkDesktop ul
{
margin:        0;
display: flex;
align-items:        center;
justify-content: space-between;
}
#TopLinkDesktop ul li a
{
font-style:        normal;
font-weight: 500
;font-size:        13px;
line-height: 19px;letter-spacing: 0.07em
;color:       #999999;
border-right: 1px solid #999999
;display:        flex;
align-items: center
;justify-content:        center;
padding: 0 10px
;box-sizing:        border-box;
}
#TopLinkDesktop ul li {
    d: red;
    width: 100%;
    white-space: nowrap;
}
#TopLinkDesktop ul li:last-child a
{
border:       none;
}
#TopBrandDesktop > .row
{
display:        flex;
}
@media screen and (min-width: 769px)
{
.col-2-5
{
width:20%;
}
#userSection .Acc:hover ul
{
display:    flex;
}
header.col.col-12
{
padding:   0;
}
#BigTopLinkDesktop > ul > li:last-child::after
{
display:   none;
}
#BigTopLinkDesktop ul.main li .bottomMenu > ul.sub
{
display:   flex;
flex-wrap: wrap;
}
#BigTopLinkDesktop ul.main li .bottomMenu .Title
{
font-size:   14px;
color: #e87400;
font-weight:   600;
margin-bottom: 10px;
margin-top:   10px;
}
#BigTopLinkDesktop ul.main li .bottomMenu .subTitle
{
color:   #000;
font-weight: 600;
margin-bottom:   5px;
}
#BigTopLinkDesktop ul.main li .bottomMenu ul.subSub
{
display:   flex;
flex-wrap: wrap;/*
margin-bottom:   20px;
*/
}
#BigTopLinkDesktop ul.main li .bottomMenu ul.subSub li
{
margin-right:   5px;
margin-bottom: 5px;
}
#BigTopLinkDesktop ul.main li .bottomMenu ul.subSub a
{
color:   #000;
}
#BigTopLinkDesktop ul.main li .bottomMenu ul.subSub a::after
{
content: ',';
}
#BigTopLinkDesktop ul.main li .bottomMenu ul.subSub li:last-child a::after
{
display:   none;
}
#BigTopLinkDesktop ul.main
{
display:   flex;
justify-content: space-around;
}
#BigTopLinkDesktop ul.main > li
{width:  auto;display:  flex;align-items:  center;width: 100%;}
#BigTopLinkDesktop ul.main li .bottomMenu
{
position:   absolute;
display: none;
background:   #f1f2f2;
width: 100%;
left:   0;
top: 50px;
z-index:   545646;
padding: 15px 25px;
box-sizing:   border-box;
}
#BigTopLinkDesktop ul.main > li.main:hover .bottomMenu
{
display:   flex;
}
#BigTopLinkDesktop ul.main li.main:hover
{
background:   #f1f2f2;
}
#BigTopLinkDesktop ul.main li.main:hover > a
{
color:   #e87400;
}
#userSection .Acc ul li ,#userSection .Acc ul li  a
{
width: 100%;
background:    #939597;
display: flex;
align-items:    center;
justify-content: center;
margin:    5px 0;
color: #fff;
}
nav#mainMenu > ul > li.parentLink::after
{
width:  15px;
height: 15px;background:  url("/Data/EditorFiles/SmugAgency/arrow-point-to-right.svg") center center no-repeat
;display:    flex;
content: ''
;background-size:  9px;
opacity: .4;
}
nav#mainMenu > ul > li > span, nav#mainMenu > ul > li > a
{
width: 100%;
}
nav#mainMenu > ul > li:hover
{
background-color: #f5f5f5!important;
font-weight:     700;
}
nav#mainMenu > ul > li:hover > span > a
{
font-weight:     600;
}

.subMenu
{
top: 1px !important;
left: calc(100% - 19px) !important;
width:     900px;
min-width: 900px;
max-width:     900px;
border-left: none !important;
background:     #f5f5f5;
}
#BigTopLinkDesktop > ul > li:first-child
{
margin-left:     0;
}
#BigTopLinkDesktop > ul > li:last-child
{
padding-right:     0;
}
#BigTopLinkDesktop
{
padding:   10px 0;
box-sizing: border-box
;position:   relative;
}
#BigTopLinkDesktop > ul > li > a::after
{
height:   15px;
width: 1px
;background:   #b3b3b3;
content: ''
;display:   flex;
position: absolute
;right:  -10px;
top: calc(50% - 7.5px);
}
#BigTopLinkDesktop > ul > li:last-child
{
border:     none;
}
#BigTopLinkDesktop > ul > li:last-child > a::after
{
display:  none;
}
#BigTopLinkDesktop > ul > li > a
{font-weight:     700;letter-spacing: 1px;font-size:     12px;color: #939597;text-transform:     uppercase;height: 40px;display:    flex;align-items: center;width: 100%;justify-content:   center;position: relative;padding:  0 10px;margin: 0 10px;white-space: nowrap;}
#mainMenu
{
position:     absolute;
top: 100%;
width:     300px;
display: none;
background:     #fff;
border-radius: 2px;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 28%);
padding:     20px;
box-sizing: border-box;
}
nav#mainMenu > ul > li
{
width: 100%;
padding:     0 5px;
line-height: 1.5;
white-space:     normal;
border-bottom: 1px solid #ddd;
box-sizing:     border-box;
display: flex;
align-items:     center;
justify-content: space-between;
padding:     0;
}
#headerBottom > .inner
{
position:     relative;
}

.customMenu > .col
{
height:     40px;
display: flex;
align-items:     center;
color: #fff;
font-weight:     600;
text-transform: uppercase;
font-size:     15px;
cursor: pointer;
width:     220px;
}

.customBlog
{
display:     flex;
align-items: center;
justify-content:     flex-end;
height: 40px;
}

.customBlog a
{
color:     #fff;
font-weight: 600;
letter-spacing:     1px;
font-size: 15px;
display:     flex;
width: 100%;
justify-content:     flex-end;
padding-right: 10px;
}
#CarosuelRight .mb
{
margin-bottom: 7.5px !important;
}
#CarosuelRight .mt
{
margin-top: 7.5px !important;
}
#CarosuelRight
{
padding-left:       0;
}
#header-wrap:not(.sticky) *
{
transition: none !important;
}

.menu li.parentLink:hover > ul
{
display:       block;
}
}
@media screen and (max-width: 768px)
{
#header-wrap.sticky #search,     #BigTopLinkDesktop
{
display:       none;
}
div#TopLinkDesktop
{
display:  flex;
align-items: center;
justify-content:  center;
}

.CatalogShow .tabBtns
{
padding-bottom:  10px;
}

.CatalogShow .tabBtns .col.p-left
{
width: 25%;
}

.LnagCurrItem label
{
display:  flex;
align-items: center;
}
#userSection > div
{
align-items:   center;
}
div#mobileMenuMain
{
padding:   0;
margin: 25px 0;
}

.mainTop
{
display:   flex;
align-items: center;
justify-content:   center;
padding: 0;
}

.mainTop a
{
width: 50%;
display:   flex;
align-items: center;
justify-content:   center;
height: 40px;
border:   solid 1px #F28F10;
font-weight: 600;
text-transform:   uppercase;
font-size: 15px;
}

.mainTop a:first-child
{
background:   #F28F10;
color: #fff;
}

.mainTop a:last-child
{
color:   #F28F10;
}
div#mobileMenuMain > ul > li > span, div#mobileMenuMain > ul > li > a
{
font-style:   normal;
font-weight: 700;
font-size:   13px;
line-height: 19px;
letter-spacing: 0.07em;
color:   #464646;
height: 50px;
display:   flex;
align-items: center;
justify-content:   space-between;
}
div#mobileMenuMain > ul > li > span.active, div#mobileMenuMain > ul > li > ul > li > span.active
{
color:   #F28F10;
}
div#mobileMenuMain > ul > li > ul > li > a, div#mobileMenuMain > ul > li > ul > li > span
{
height:   40px;
display: flex;
align-items:   center;
justify-content: space-between;
font-size:   13px;
font-weight: 600;
}
div#mobileMenuMain > ul > li > ul > li > ul > li a, div#mobileMenuMain > ul > li > ul > li > ul > li span
{
height:   35px;
display: flex;
align-items:   center;
}
#userSection .Acc span, #userSection a.Cart > span
{
display:   none;
}
#userSection .Acc
{
flex-wrap:   nowrap;
width: 66.66%;
padding:   2px;
justify-content: space-around;
}
div#userSection
{
padding:       10px;
box-sizing: border-box;
}
#headerMain > div > div > div
{
padding:       0;
}
div#headerBottom
{
display:       none;
}
#userSection .Cart > div > div > div:nth-child(2)
{
display:       none;
}
#userSection .Cart  .Item
{
font-size:       0;
}
#userSection > div > a.col.col-6.Cart > div > div > div:nth-child(1)
{
font-size:       0;
}
span.cart-soft-count
{
font-size:       10px;
color: #ffffff
;font-weight:       600;
}
#userSection a.Acc > span, #userSection a.Cart > span
{
font-size:       8px;
display: none;
}
#userSection a
{
margin:       0;
}
#userSection a.Acc .Images
{
padding:       0;
}
#userSection a.Cart .Txt .Cont
{
position:       absolute;
right: 0
;width:   15px;
height: 15px
;padding:       0;
display: flex
;justify-content:   center;
border-radius: 100%
;line-height:       1;
align-items: center
;top:   0;
background: #e97706;
}
#userSection a.Cart
{
position:       relative;
margin: 0;padding: 2px !important;width: 33.33%;
}
div#TopBrandDesktop ul.slick-dots, div#TopBannerDesktop ul.slick-dots
{
width: 100%;
position:       absolute;
display: flex;
bottom:       -25px;
justify-content: center;
align-items:       center;
}
#TopBrandDesktop, #TopBannerDesktop
{
padding:   10px 0;
}
div#TopBrandDesktop ul.slick-dots li, #TopBannerDesktop ul.slick-dots li
{
margin:       0;
padding: 0;
display:       flex;
}
div#TopBrandDesktop ul.slick-dots li button, #TopBannerDesktop ul.slick-dots li button
{
width:       7px;
height: 7px;
font-size:       0;
padding: 0;
border-radius: 100%;
border:       solid 1px #e57416;
margin: 0 2.5px;
transition: all .4s;
}
div#TopBrandDesktop ul.slick-dots li.slick-active button, #TopBannerDesktop ul.slick-dots li.slick-active button
{
background:       #e57416;
width: 20px;
border-radius:       20px;
}
#CarosuelRight .Item
{
margin:       10px 0;
}
#Carosuel
{
padding:       0;
margin-bottom:30px;
}
#CarosuelRight
{
padding:       0;
}
#CarosuelRight .Item:first-child
{
padding-right:       5px;
box-sizing: border-box;
}
#CarosuelRight .Item:last-child
{
padding-left:       5px;
box-sizing: border-box;
}
#TopLinkDesktop ul
{
flex-wrap:       wrap;
margin: 0 -10px;
}
#TopLinkDesktop ul li
{
width: 50%;
padding:       0 10px;
box-sizing: border-box;
}
#TopLinkDesktop ul li a
{
background:       #FFFFFF;
box-sizing: border-box;
box-shadow: 0px 0px 35px rgba(181, 181, 195, 0.25);
border-radius:       6px;
border: 0.5px solid rgba(181, 194, 207, 0.5);
height:       40px;
display: flex;
align-items:       center;
margin: 5px 0;
}
#TopCarouselDesktop
{
margin-top:       20px;
margin-bottom: 0;
}
#mobileAppNotify
{
background-color:       #e0e0e0;
}
#appNotify
{
position:       relative;
z-index:9999;
}
#appNotifyClose
{
background-color:        #000;
color: #FFF;
font-size:        14px;
line-height: 18px;
text-align:        center;
width: 18px;
min-width:        18px;
height: 18px;
padding:        0;
margin-right: 10px;
border-radius: 100%;
}
#appLogo
{
background-color:        #FFF;
width: 56px;
min-width:        56px;
height: 56px;
border-radius:        4px;
overflow: hidden;
display:        flex;
align-items: center;
justify-content:        center;
text-align: center;
}
#applogo *
{
margin:       0px;
padding:0px;
}
#appText
{
color:        #000;
font-size: 13px;
font-weight:        500;
line-height: 18px;
width: calc(100% - 176px);
}

.menu-list, .menu-list li, .menu-list a
{
width:100%;
}

.menu-list.show, .menu li.parentLink ul.show
{
display:       block;
}

.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
;color:       #f28f10;
}
@-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%;
}
}
@keyframes mobileMenuDefault
{
from
{
left:       0;
}
to
{
left:-100%;
}
}
#mobileMenu
{
position:       fixed;
left:-100%
;top:       0;
bottom:0;width: 90%
;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;
}
}
@keyframes mobileMenu
{
from
{
left:-100%;
}
to
{
left:       0;
}
}

.menuShow #mobileMenu
{
-webkit-animation-name:       mobileMenu;
animation-name:mobileMenu;
}
#mobileMenu .text-title
{
line-height:       45px;
font-size:20px;
}
#mobileMenu li ul
{
display:       none;
}
#mobileMenu select
{
border:  solid 1px #46464c;
height: 25px
;border-radius:  4px;
padding: 0 10px;background: #fff url(/Data/EditorFiles/SmugAgency/arrow-drop-down-line.png) right 10px center no-repeat;
}
#headerMain
{
font-size:       16px;
}
#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
;position:       fixed;
top: 74px
;left:       0;
z-index: 999;
}
#FormAra
{
position:       relative;
height:50px
;border-radius:       0;
}
}
@media screen and (max-width: 540px)
{
#header
{
padding-top:   130px;
}
#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;
}

.menuOverflow
{
position:       relative;
}
div#mobileMenuMain .icon-arrow-simple-down:before
{
background: #fff url(/Data/EditorFiles/SmugAgency/arrow-drop-down-line.png) center no-repeat;
content:'';
width: 20px;
height:20px;
display: flex;
}
div#mobileMenuMain span.active span .icon-arrow-simple-down:before
{
transform: rotate(180deg);
}
}