.clear, .kmMain, .sliderDet, .subtitle, .titleMain { clear: both }
.Hover, .ProHover, .fancybox-title, .fancybox-tmp, .megaMenu, .overlayer, .popupMain { visibility: hidden }
.fancybox-opened .fancybox-title, .popVisible { visibility: visible }
.proName, .selBox span, .select_box .spanOut, div.dropDown span, label.ChooseBox, label.ChooseBox span { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap }
@font-face { font-family: danielregular; src: url(../fonts/daniel-regular-webfont.woff2) format('woff2'), url(../fonts/daniel.ttf) format('ttf'), url(../fonts/daniel-regular-webfont.woff) format('woff'); font-weight: 400; font-style: normal }
.Menu, .logo { text-align: center }
#captcha, #fancybox-loading, .searchbox, input[type=submit], select { cursor: pointer }
.MenuList, .searchbox, img { vertical-align: middle }
.Animals a, .InputBox textarea, .categoryMenu { vertical-align: top }
.MainImg, .blueBtn, .catsearch-icon { vertical-align: middle }
.fancybox-error, .itmMain, .proName, .select_box .spanOut, div.dropDown span { white-space: nowrap }
.fancybox-nav, a { text-decoration: none }
html { -webkit-font-smoothing: antialiased }
* { outline: 0 }
a, abbr, acronym, address, b, bdo, big, blockquote, body, br, button, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, i, iframe, img, ins, kbd, legend, li, map, object, ol, p, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { margin: 0; padding: 0; border: none }
a, input, select, textarea { outline: 0; margin: 0; padding: 0 }
caption, h1, h2, h3, h4, h5, h6, td, th { font-weight: 400 }
a { color: #333 }
:focus, a:focus, input:focus { outline: 0 }
input::-moz-focus-inner {
border: 0
}
em { font-style: normal }
img { max-width: 100%; border: none; outline: 0; max-height: 100%; border-radius: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0 }
.Moblogo, .headerMain, .menu .menu-icon, label.error, span.ui-helper-hidden-accessible { display: none }
button, input, select, textarea { resize: none; border: 0; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none }
p { font-size: 14px; line-height: 20px }
table { border-collapse: separate; border-spacing: 0 }
label.error { position: absolute; right: 0; top: -20px; width: auto; height: auto; margin: 0; font-size: 11px!important; line-height: 11px!important; background: #fb0101; padding: 5px 5px 4px!important; color: #fff }
.star:after, body { font: 14px/18px Rubik, sans-serif }
label.error:after { border-color: #fb0101 transparent transparent; -moz-border-image: none; -o-border-image: none; border-image: none; border-right: 6px solid transparent; border-style: solid; border-width: 6px; content: " "; height: 0; left: 20px; margin-left: -10px; position: absolute; top: 100%; width: 0 }
.trans { -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s }
.star { position: relative }
.NewIag, .absoImg, .star:after { position: absolute }
.star:after { right: -9px; top: 1px; content: "*"; color: #ff0015 }
.AbtTitle:before, .CatTitle:after, .ConTitle:before, .footer:after { content: "" }
.imgMain{position:relative}
.absoImg { top: 0; right: 0; bottom: 0; left: 0; margin: auto }
.NewIag { top: 5px; right: 5px }
.Navigation, .catsearch, .searchbox { position: relative }
body { color: #000; background-color: #fff }
li, ul { list-style: none }
::-webkit-input-placeholder {
color: #7b7b7b
}
:-moz-placeholder {
color: #7b7b7b;
opacity: 1
}
::-moz-placeholder {
color: #7b7b7b;
opacity: 1
}
:-ms-input-placeholder {
color: #7b7b7b
}
.logo { padding: 18px 0 17px }
.sticky-wrapper.is-sticky .logo { padding: 9px 0 }
.Navigation { float: left; background: #fff; border-bottom: 1px solid #e6e6e6; width: 100%; z-index: 99 }
.searchbox { min-width: 40px; width: 0; margin-top: -5px; overflow: hidden; display: inline-block }
.BedSize, .popupMain { overflow: auto }
#product_list_id { position: absolute; top: 0; width: 100%; margin-left: 40px; z-index: 9999; margin-top: 21px; max-height: 300px; overflow: auto; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.16); -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.16); }
.Navigation.fixe_nav .catsearch-input { right: 0 }
#product_list_id li { background: rgba(235, 234, 232, .9); border-bottom: 1px solid #666; font: 700 14px/20px Rubik, sans-serif; padding: 7px 10px; display: block; float: left; width: 100%; color: #4e2782; text-align: left; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s; cursor: pointer }
#product_list_id li:last-child { border-bottom: none }
#product_list_id .headName { background: #603393; color: #fff; cursor: inherit; }
#product_list_id .proname { display: table; width: 100%; }
#product_list_id .proname .imgSearch { display: table-cell; vertical-align: top; width: 54px; height: 54px; }
#product_list_id .proname .searchContain { display: table-cell; vertical-align: top; padding-left: 10px; }
#product_list_id .proname .searchName, #product_list_id .proname .searchCode { font-size: 12px; font-weight: 400; line-height: 16px; }
#product_list_id .proname .nameTitle, #product_list_id .proname .nameTitle { font-weight: 500; }
.searchbox.searchbox-open { overflow: visible }
#banner-section, .Hover, .InputBox textarea, .ProTitle a, .birds, .fancybox-inner, .imgMain, .menu-icon a, .proName, div.dropDown span { overflow: hidden }
#detailSlider img { width: auto; margin: auto }
.searchbox-input { top: 0; right: 0; outline: 0; background: #fff; width: 245px; height: 36px; margin-right: 25px; margin-left: -260px; padding: 0 30px 0 20px; font-size: 14px; color: #333; font-family: Rubik, sans-serif; border: 1px solid #000; border-radius: 20px }
.searchbox-open .searchbox-input { margin-left: 0; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s }
.MenuList li a, .megaMenu { -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s }
.searchbox-input::-webkit-input-placeholder {
color: #7b7b7b
}
.searchbox-input:-moz-placeholder {
color: #7b7b7b
}
.searchbox-input::-moz-placeholder {
color: #7b7b7b
}
.searchbox-input:-ms-input-placeholder {
color: #7b7b7b
}
.Serclose { color: #603393; font: 14px/35px Rubik, sans-serif; float: right; position: relative; right: 60px; display: none; background: 0 0 }
.searchbox-submit, .searchbox.searchbox-open .Serclose { display: inline-block }
.searchbox-submit { position: absolute; top: 0; padding: 0; margin: 0; border: 0; outline: 0; right: 0; background: 0 0; text-align: center; cursor: pointer }
.searchbox-icon { background: url(../images/sprite.png) no-repeat; width: 25px; display: inline-block!important; position: absolute; top: 7px; right: 0; height: 25px; margin-right: 5px }
.MenuList, .MenuList li, .MenuList li a { display: inline-block }
.searchbox-open { width: 300px; margin-left: -260px }
.MenuList li { float: left; padding: 0 }
.MenuList>li { margin: 0 24px }
.MenuList li.LogoIcon { padding: 0 }
.MenuList li.LogoIcon a { padding: 0 20px }
.MenuList li a { position: relative; font: 16px/18px Rubik, sans-serif; font-weight: 400; color: #909090; padding: 16px 15px 0 }
.MenuList li span { display: block; margin-top: 0 }
.MegamenuTitle, .MenuList li .megaMenu .MegamenuTitle a { color: #fff; font: 400 16px/20px Rubik, sans-serif }
.megaMenu { opacity: 0; position: absolute; width: 100%; left: auto; background: #95989a; padding: 30px 20px 10px; right: 0; z-index: 99; top: 100% }
.categoryMenu { display: inline-block; width: auto; padding: 0 20px; margin: 0 0 20px }
.MegamenuTitle { margin-bottom: 20px; position: relative }
.MenuList li .megaMenu .MegamenuTitle a { background: 0 0; padding: 0 }
.SubMenu li { width: 100%; text-align: left }
.Hover, .birds, .catName, .menu-icon, .pluse { text-align: center }
.MenuList li.Dropdown .SubMenu a { font: 300 14px/18px Rubik, sans-serif; padding: 0; background: 0 0; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s }
.menu-icon { float: left; margin-left: 20px; display: block; position: absolute; top: -50px }
.Dropdown .droparrow:after, .open:after, .pluse:after { bottom: 0; margin: auto; content: "" }
.ItemList:after, .menu-icon span:before { content: '' }
.menu-icon a { width: 40px; height: 40px; position: relative; display: inline-block }
.menu-icon span { width: 15px; height: 2px; background-color: #909090; position: absolute; left: 16px; top: 5px; -o-transition: all .5s cubic-bezier(.68, -.55, .27, 1.55) 0s; transition: all .5s cubic-bezier(.68, -.55, .27, 1.55) 0s; -webkit-transition: all .5s cubic-bezier(.68, -.55, .27, 1.55) 0s; -moz-transition: all .5s cubic-bezier(.68, -.55, .27, 1.55) 0s; -ms-transition: all .5s cubic-bezier(.68, -.55, .27, 1.55) 0s }
.menu-icon span:before { position: absolute; width: 2px; height: 2px; background-color: #909090; display: block; left: -5px }
.menu-icon .menuText { margin-top: 20px; color: #909090; font-size: 12px; font-weight: 400 }
.Dropdown .droparrow:after, .pluse:after { background: url(../images/sprite.png) -151px -7px no-repeat }
.menu-icon span.line2 { top: 10px }
.menu-icon span.line3 { top: 15px }
.Dropdown .droparrow:after { position: absolute; right: 15px; top: 0; width: 18px; height: 18px; display: none }
.open:after, .pluse, .pluse:after { position: absolute; right: 5px; top: 5px }
.Hover .catView, .MegamenuTitle.Arrow, .site { display: block }
.pluse { width: 50px; height: 40px; z-index: 9 }
.open:after, .pluse:after { width: 18px; left: 0 }
.pluse:after { height: 18px; z-index: 99 }
.open:after { background: url(../images/sprite.png) -181px -59px no-repeat; height: 2px }
#homeSlider, .Titles { position: relative }
.Dropdown a.active, .Menu .MenuList li a.active, .MenuList li .megaMenu .MegamenuTitle a.active, .MenuList li.Dropdown .SubMenu li a.active { color: #603393 }
.MainTitle, .subTitle { text-align: center; color: #909090 }
.homeOneSlide .owl-stage { -webkit-transform: none!important; -moz-transform: none!important; -o-transform: none!important; transform: none!important }
#homeSlider .item img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; width:100%; }
.Ins, .LabelText, .fb, .gplus, .links li a, .pint, .rabbit, .turtleCF { display: inline-block }
.Gallery-section { float: left; width: 100%; padding: 50px 0 0 }
.rabbit, .turtleCF { position: absolute; right: 0; width: 140px; height: 175px }
.MainTitle { font: 500 40px/30px Rubik, sans-serif }
.subTitle { font: 400 24px/24px Rubik, sans-serif; margin-top: 10px }
.Titles.cat .subTitle { font: 300 25px/27px Rubik, sans-serif }
.catName, .catTitle { text-transform: uppercase; font: 500 21px/25px Rubik, sans-serif; color: #fff }
.LeftSubCat, .crewTitle { text-transform: capitalize }
.MainTitle.white { color: #fff }
/*.rabbit { top: -113px }*/
.rabbit { top: -60px }
.rabbit canvas, .turtleCF canvas { position: absolute; bottom: 0; margin: auto; left: 0; right: 0; top: 0 }
.turtleCF { bottom: 0 }
.Gallery { float: left; width: 100%; margin-top: 60px }
.Gallery li { float: left; width: 20% }
.birds { position: relative; float: left; width: 100% }
.Hover, .catName { position: absolute; -o-transition: all .6s ease 0s; transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s }
.catName { font: 500 28px/30px Rubik, sans-serif; bottom: 40px; left: 0; right: 0; z-index: 3 }
.Hover { top: 0; width: 100%; height: 100%;/*    padding: 25px 0 0;*/ opacity: 0; -o-transition: all .6s ease 0s; transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s; }
.MainHover { position: relative; top: 50%; transform: translateY(-50%); }
.AbtTitle:before, .ConTitle:before { height: 12px; bottom: -25px; right: 0 }
.Hover .catTitle { margin-top: 0 }
.Hover .catView { margin-top: 30px; color: #fff; font: 400 14px/14px Rubik, sans-serif }
.Purpule { background: rgba(128, 119, 183, .9) }
.green { background: rgba(60, 175, 39, .9) }
.pink { background: rgba(236, 0, 140, .9) }
.Dpink { background: rgba(215, 0, 53, .9) }
.lightred { background: rgba(252, 71, 91, .9) }
.Eat { background: rgba(0, 169, 167, .9) }
.Cont { background: rgba(129, 130, 133, .9) }
.Coll { background: rgba(237, 28, 36, .9) }
.Deco { background: rgba(55, 154, 219, .9) }
.App { background: rgba(255, 106, 0, .9) }
.About-section { background: #603393; padding: 70px 0; float: left; width: 100% }
.AboutContent { padding-top: 60px; float: left; width: 100% }
.LeftSide { text-align: right }
.RightSide { text-align: left }
.ConTitle, .contactForm, .site { text-align: center }
.AbtTitle { color: #fff; font: 300 25px/19px Rubik, sans-serif; position: relative; margin: 0 0 60px }
.AbtTitle:before { position: absolute; background: #af99c9; width: 160px }
.RightSide .AbtTitle:before { left: 0; width: 225px }
.AboutContent p { font: 300 16px/24px Rubik, sans-serif; color: #fff }
.contact-section { float: left; width: 100%; padding: 50px 0 40px }
.ConTitle { color: #909090; font: 400 25px/27px Rubik, sans-serif; margin: 60px 0 10px; position: relative }
.ConTitle:before { height: 6px; bottom: -16px; position: absolute; background: #603393; width: 210px; left: 0; margin: auto }
.InputBox, .contactForm, .cptbox, .detPaMain, .footer { position: relative }
.site { padding: 15px 0 }
.site a { color: #909090; font: 300 16px/20px Rubik, sans-serif }
.contactForm { float: left; width: 100% }
.ConField li { margin-bottom: 15px }
.FootBox .social, .Note { margin-bottom: 10px }
.Note { color: #909090; font: 400 13px/14px Rubik, sans-serif }
.InputBox input, .LabelText { font: 300 16px/40px Rubik, sans-serif; color: #909090 }
.LabelText { width: 165px; text-align: left }
.FootTxt, .copyTxt, .social { text-align: center }
.InputBox input { border: 1px solid #ccc; height: 40px; width: 445px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; padding: 0 15px }
.InputBox textarea { border: 1px solid #ccc; font: 400 16px/25px Rubik, sans-serif; height: 187px; width: 445px; padding: 10px 15px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; color: #909090 }
.InputBox input, ::i-block-chrome {
line-height: 20px
}
.Subscribe .Subtxt, ::i-block-chrome {
line-height: 16px;
float: left
}
.InputBox .serbtn { background: #603393; color: #fff; font: 400 20px/40px Rubik, sans-serif; padding: 0 50px; width: auto; border-radius: 0; border: none; margin-right: 265px; right: 0; float: right }
.FootBox, .FootLink, .capTxt, .cptbox, .footer, .links { float: left }
.contact-section .ConFields { float: left; margin: 0; width: 100%; position: relative }
.Ins, .fb, .pint { margin-right: 18px }
.capTxt { color: #000; font: 400 16px/30px Rubik, sans-serif; margin-left: 5px }
.FootLink, .FootTxt, .LastTxt, .copyTxt, .copyTxt a { color: #fff }
.cptbox { margin-top: 5px }
.cptbox #cptchaError { left: 0!important; right: inherit; white-space: nowrap }
.perDetail { margin-top: 20px }
.footer { background: #603393; width: 100%; padding: 28px 0 18px }
.detPaMain { background: #fff; margin: 0 0 240px; z-index: 12 }
.desFluidAlt { margin: 0 0 240px;/*    z-index: 12;*/ position: relative; }
.RightPanel, .innerbannercat { background: #fff; z-index: 2 }
.detPaMain+.footer, .container-fluid+.footer {/*    position: fixed;left: 0;right: 0;bottom: 0*/ position: absolute; right: 0; bottom: 0; left: 0; }/*.footer{position: absolute;right: 0;bottom: 0;left: 0;}.Contactsec{position: relative;margin: 0 0 240px;}*/
.RightPanel { position: relative; margin: 0 0 240px }
.detPaMain .RightPanel { margin-bottom: 0 }
#Rightsidebar .RightPanel { margin-bottom: 0 }
.RightPanel~.footer, .innerbannercat~.footer { position: fixed; left: 0; right: inherit; bottom: 0 }
#Rightsidebar .FootBox.Pleft { left: 16.66666667% }
.footer:after { display: none; position: absolute; top: -405px; background: url(../images/footer-bg.png) no-repeat; right: 0; width: 350px; height: 407px; z-index: -11 }
.contact-section~.footer:after, .copyTxt span { display: block }
.contact-section~.footer { position: relative; }
.CatTitle, .MailChip, .Subscribe { position: relative }
.FootBox { width: 33.33% }
.FootLink { font: 500 20px/22px Rubik, sans-serif; margin-bottom: 15px; width: 100% }
.Pleft { padding: 0 30px 0 30px }
.container .Pleft { padding: 0 15px 0 15px }
.links li a { color: #fff; font: 300 14px/22px Rubik, sans-serif; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s }
.links li a.active { opacity: .6 }
.fb, .pint { opacity: .7 }
.fb { background: url(../images/sprite.png) -41px -4px no-repeat; width: 15px; height: 28px }
.pint { background: url(../images/sprite.png) -69px -5px no-repeat; width: 23px; height: 29px }
.Ins, .gplus { width: 28px; opacity: .7 }
.CatTitle a.active, .Listfield li.active a { opacity: .6 }
.Ins { background: url(../images/sprite.png) -106px -4px no-repeat; height: 27px }
.gplus { background: url(../images/sprite.png) -111px -81px no-repeat; height: 28px }
.FootTxt { font: 500 40px/40px Rubik, sans-serif; padding: 0 0 15px }
.copyTxt { font: 300 14px/24px Rubik, sans-serif }
.LastTxt { text-align: right; font: 700 22px/30px Rubik, sans-serif; padding: 0 50px; margin: 0 0 15px }
.Pagination, .ProHover, .ProTitle, .ProTitle a { text-align: center }
.Ians, .deskTitle, .select_box, div.dropDown { text-align: left }
.SubmitBtn, .Subtxt { font: 400 16px/40px Rubik, sans-serif }
.Subscribe { float: right; padding-right: 50px }
.Subtxt { border: 1px solid #636462; height: 40px; width: 250px; color: #000; padding: 0 10px }
.CatTitle, .CatTitle a, .SubmitBtn, .SubmitBtn:focus { color: #fff }
.SubmitBtn { background: #636462; padding: 0 18px; float: right }
.links a br { display: none }
.MailChip { margin: auto }
.Fleft { padding: 0; position: fixed; top: 0 }
.Fleft.fixed { position: fixed; top: 159px }
.LeftPanel { float: left; width: 100%; padding: 10px 15px 50px 0; -moz-box-sizing: border-box; box-sizing: border-box }/*.LeftPanel{float: left;width: 100%;padding: 10px 0px 50px 0;-moz-box-sizing: border-box;box-sizing: border-box}*/
.LeftPanel .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .LeftPanel .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar .LeftPanel .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .LeftPanel .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .LeftPanel .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .LeftPanel .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .LeftPanel .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .LeftPanel .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { background: #f2f2f2 }
.LeftPanel .mCSB_outside+.mCSB_scrollTools { right: -10px }
.LeftPanel .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0 }
.LeftPanel .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px }
.CatLogo { margin-bottom: 125px }
.CatTitle { font: 400 20px/24px Rubik, sans-serif; padding-bottom: 8px; padding-top: 9px }
.ProMain.detailPro:after, .innerbannercat:after { content: ''; right: 0 }
.Listfield { margin: 30px 0 0; width: 100% }
.Listfield a { display: inline-block; color: #fff; font: 400 18px/26px Rubik, sans-serif }
.ItemList, .Page, .Page a { color: #909090 }
.col-md-10.Fright { padding: 0; width: calc(100% - 250px) }
.RightPanel { padding: 0 50px 30px 30px; float: left; width: 100% }
.bradcum.Inrbrad { padding: 20px 0; float: left; width: auto }
.bradcum .bread { float: left }
.bradcum.Inrbrad .titleMain { padding-top: 5px }
.bradcum .catDesc { font: 300 18px/24px Rubik, sans-serif; color: #909090; clear: both }
.Animals.mobi, .titleCat { display: none }
.AnimalList li, .Animals { float: right; margin: 10px 20px 5px 0 }
.ItemList, .ProMain { border-bottom: 1px solid #c9c9c9; float: left; width: 100% }
.Animals a { width: 95px; display: inline-block; float: left; vertical-align: bottom }
.BlankImg, .ProTitle a, .Prosmall, .Prosub { display: block }
.Animals a.active img { margin-top: -10px }
.BlankImg, .MainImg { margin: auto }
.innerbannercat { position: relative }
.ProHover, .ProList, .ProTitle { width: 100% }
.ProMain { position: absolute; top: 0; bottom: 0; left: 30px }
.BlankImg, .ProImg, .ProList li { position: relative }
.MainImg, .ProHover, .ProHover i { position: absolute; left: 0; right: 0 }
.ItemList { padding: 13px 0; font: 300 14px/16px Rubik, sans-serif; position: relative }
.ItemList:after { background: #c9c9c9; bottom: -1px; width: 800px; height: 1px; position: absolute; right: -50px }
.Page { float: right; padding-right: 20px }
.ProList, .ProList li, .ProTitle, .typeReset { float: left }
.Page a { font-weight: 400 }
.MainImg { top: 0; bottom: 0; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s }
.ProTitle { margin-top: 10px }
.ProTitle a { font: 500 18px/22px Rubik, sans-serif; }
.Prosub { font: 400 18px/24px Rubik, sans-serif }
.Prosmall { font-size: 16px; line-height: 22px }
.ProHover { height: 100%; background: rgba(220, 212, 233, .5); top: 0; opacity: 0; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s }
.ProHover i { background: url(../images/sprite.png) -3px -57px no-repeat; display: inline-block; height: 86px; -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s; width: 87px; top: -100px; margin: auto; bottom: 0 }
.UplodeF, .mainResetH { position: relative }
.Pagination { width: 100%; float: left; margin: 30px 0 0 }
.Pagination li { display: inline-block; margin-right: 15px }
.Pagination li a { color: #909090; font: 700 16px/38px Rubik, sans-serif; display: inline-block }
.Pagination li a.active { color: #fff; background: #31007d; width: 38px; border-top-right-radius: 13px; border-bottom-left-radius: 13px }
.typeReset { width: 100%; background: #beaae3; padding: 10px; margin-bottom: 15px }
.ProClose { background: url(../images/sprite.png) -8px -168px no-repeat; width: 24px; height: 24px; float: right; text-indent: -9999px }
.ProLTitle { color: #fff; font: 700 20px/20px Rubik, sans-serif }
#atstbx { display: none!important }
.mainResetH { display: inline-block }
.Ians, .kazRet, .kazRet a { display: block }
.resetRed { font-size: 0; position: absolute; height: 20px; width: 20px; background-color: #603393; border-radius: 50%; right: 0; top: -33px; margin: auto }
.resetRed:before { position: absolute; content: 'x'; color: #fff; font-size: 16px; left: 5.5px; top: 0; font-weight: 600; line-height: 16px }
.Contxt:after, .select_box .spanOut:after { content: "" }
.ConFields { width: 100%; margin: 40px 0 30px; float: left }
.ConFields .contactForm { width: 610px; margin: auto; float: none }
.Contxt { color: #909090; font: 500 26px/25px Rubik, sans-serif; margin-bottom: 50px; position: relative }
.ConFields .Note { text-align: left; margin-bottom: 10px }
.cateName, .commonPage, .kazRet a, .mapAdd ul, .proName { text-align: center }
.Ians { color: red; font: 12px/12px Rubik, sans-serif; margin-bottom: 5px }
.Contxt:after { position: absolute; left: 0; right: 0; margin: auto; background: #603393; bottom: -20px; height: 10px; width: 145px }
#Stockist .Contxt:after { width: 230px }
.ConFields li { float: left; width: 100% }
.ConFields .LabelText { float: left }
.ConFields .contactForm::after { display: none }
.ConFields .InputBox .serbtn { margin-right: 0; float: right }
.select_box .spanOut { background-color: #fff; border: 1px solid #ccc; border-radius: 25px; color: #909090; font: 400 16px/40px Rubik, sans-serif; position: absolute; left: 0; width: 445px; height: 40px; padding: 0 15px; overflow: hidden }
.select_box .spanOut:after { background: url(../images/sprite.png) -6px -36px no-repeat; width: 12px; height: 7px; right: 10px; top: 0; bottom: 0; margin: auto; position: absolute }
.select_box select { float: left; height: 40px; line-height: 40px; opacity: 0; padding: 0 15px; position: relative; width: 100%; background: 0 0 }
.select_box { float: left; position: relative; width: 445px }
.bradcum, .titleMain { width: 100%; float: left }
.select_box select option { font: 400 14px/18px Rubik, sans-serif }
.MenuList li.Dropdown .ThirdMenu li a, .bread li { font-size: 13px }
.crewTitle, .titleMain { font-family: Rubik, sans-serif }
#banner-section { border-bottom: 1px solid rgba(0, 0, 0, .1) }
#banner-section img { max-width: inherit; left: 50%; position: relative; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%) }
.bradcum { padding: 26px 0 21px }
.bread li { display: inline-block; float: left; padding-right: 20px; line-height: 18px; position: relative; font-weight: 400; margin-right: 9px }
.bread li:last-child:before, .mobCall { display: none }
.bread li:before { position: absolute; content: '>'; color: #909090; right: 0; top: 0; bottom: 0; margin: auto 0 }
.crewTitle:before, div.dropDown span:after { content: ''; bottom: 0 }
.locMain:before, div.dropDown span:after { content: "" }
.Bcome, .blueBtn, .comLi, .contCrew, .kmMain, div.dropDown { display: inline-block }
.titleMain { font-weight: 500; font-size: 50px; line-height: 70px }
.detailPro .titleMain { font-size: 40px; line-height: 42px; }
.imgMain { position: relative; float: left; margin-right: 23px; box-shadow: 0 4px 8px rgba(0, 0, 0, .1); border-top-right-radius: 25px; border-bottom-left-radius: 25px; width: 38%; height: auto }
.imgMain img { width: 100% }
.contCrew { float: left }
.crewTitle { position: relative; font-size: 20px; line-height: 24px; color: #636462; font-weight: 500; padding-bottom: 10px; margin-bottom: 8px }
.crewTitle:before { position: absolute; width: 160px; height: 3px; background-color: #977fbd }
.crewMain { padding: 50px 0 45px; margin-bottom: -22px }
.mainBox { margin-bottom: 22px; z-index: 99 }
.coCrew, .coCrewD, .coCrewE, .coCrewE a, .coCrewM, .coCrewM a { font-size: 15px; color: #909090; line-height: 20px; font-weight: 400 }
.coSig { color: #4a2f92; font: 400 20px/24px danielregular, sans-serif; padding-top: 5px; padding-bottom: 5px }
.findMap { position: relative }
.subtitle { float: left; font-size: 20px; line-height: 22px; color: #909090; margin-top: 5px }
#map_canvas, .mapMain iframe { width: 100%; height: 530px }
#map_canvas img { max-height: inherit!important; max-width: inherit!important }
.ipBox { background-color: #fff; width: 310px; line-height: 35px; height: 35px; border-radius: 15px; font-size: 14px; color: #909090; padding: 0 15px }
.mapAdd { background-color: rgba(126, 127, 126, .5); height: 70px; padding: 17px 0; position: absolute; left: 0; right: 0; top: 0 }
.comLi>span { font-size: 14px; color: #fff; line-height: 34px; margin-right: 10px; font-weight: 600 }
.comLi { margin-right: 50px }
.comLi:last-child { margin-right: 0 }
div.dropDown { width: 108px; position: relative; background-color: #fff; border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -webkit-border-radius: 15px }
div.dropDown span { position: absolute; left: 0; top: 0; width: 100%; height: 35px; line-height: 35px; padding: 0 25px 0 15px; color: #909090 }
div.dropDown span:after { position: absolute; right: 12px; top: 1px; background: url(../images/sprite.png) -6px -36px no-repeat; width: 12px; height: 7px; margin: auto 0 }
div.dropDown select { opacity: 0; width: 99.7%; height: 35px; padding: 0 10px }
select option { padding: 0 10px; width: 99.98% }
.blueBtn { background-color: #603393; height: 35px; line-height: 35px; font-weight: 700; color: #fff; font-size: 18px; padding: 0 38px }
.mapAdd ul { float: left; width: 100% }
.titleDet { float: left; font-size: 20px; line-height: 40px; color: #909090; font-weight: 500; font-family: Rubik, sans-serif }
.Bcome { background: #603393; color: #fff; font: 400 20px/40px Rubik, sans-serif; padding: 0 20px }
.darkSpan, .kmMain, .locTitle { color: #909090 }
.locTitle, .mobileSubTitle, .riRightMain, .tiSoc { font-family: Rubik, sans-serif }
.detLink { float: right }
.storeLocDet { float: left; width: 100%; padding: 28px 0; border-bottom: 1px solid #cacccd; margin-bottom: 31px }
.locTitle { font-size: 22px; line-height: 25px; font-weight: 500; word-break: break-word }
.kmMain { font-size: 15px; line-height: 18px; font-weight: 400; margin-top: 9px }
.addLoc, .callMe a, .callMe span, .comCon, .comCon a { font-size: 15px; line-height: 20px; color: #909090 }
.tiSoc, priceDet { font-weight: 500 }
.darkSpan { font-weight: 700; margin-right: 7px }
.addLoc { margin-top: 7px }
.storeMain { padding-bottom: 53px; margin-bottom: -40px }
.callMe { margin-top: 6px }
.openHr { margin-top: 7px }
.comCon { margin-top: 5px }
.locMain { display: inline-table; padding-bottom: 15px; margin-bottom: 40px; position: relative }
#sku, .choSelect li, .priceDet, .simProDetail li, .socIconMain a, .socIconMain li { display: inline-block }
.locMain:before { left: 15px; right: 15px; position: absolute; bottom: 0; border-bottom: 3px solid #977fbd }
.detPage { margin-bottom: 35px }
.cateName { color: #fff; font-size: 25px; line-height: 30px }
.detailMain { float: left; width: 100%; padding: 20px 0 0 }
.riRightMain { float: right; width: 60%; padding-left: 20px; padding-right: 20px; font-weight: 300; position: relative }
#detailSlider .owl-stage-outer { width: 100% }
.priceDet { font-size: 15px; color: #707070; font-weight: 300; line-height: 18px; display: block }
#detailSlider { position: relative; border: 1px solid #f1f1f1 }
#detailSlider.owl-carousel .owl-controls { top: 0; bottom: 0; margin: auto; }
#detailSlider.owl-carousel .owl-controls .owl-nav div { position: absolute; top: 50%; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 0; height: 38px; width: 38px; background: url(../images/sprite.png) -210px -8px no-repeat; opacity: .75; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s; z-index: 999 }
#detailSlider.owl-carousel .owl-controls .owl-nav div.owl-prev { left: 10px }
#detailSlider.owl-carousel .owl-controls .owl-nav div.owl-next { right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); background-position: -210px -53px }
.tiSoc { font-size: 20px; color: #909090; line-height: 24px; margin-bottom: 9px; margin-top: 9px; display: inline-block;margin-right: 10px; }
.addthis_sharing_toolbox { float: right!important }
.contMainL p, .detProUl li { line-height: 20px; color: #909090; font-weight: 400 }
.socIconMain li { float: left }
.socIconMain a { font-size: 0; position: relative; height: 41px; width: 42px; background: url(../images/sprite.png) no-repeat; margin-right: 6px; opacity: .75 }
.socIconMain a.fbMain { background-position: -258px -7px }
.socIconMain a.piMain { background-position: -305px -7px }
.socIconMain a.igMain { background-position: -353px -7px }
.socIconMain a.twMain { background-position: -400px -7px }
.socIconMain a.gMain { background-position: -449px -7px }
.riLeftMain { float: left; width: 40%; padding-right: 20px }
.contMainL p { font-size: 15px; margin-bottom: 13px }
.detProUl li { position: relative; padding-left: 54px; margin-bottom: 10px }
.detProUl li:before { position: absolute; content: ''; left: 0; top: 0; background: url(../images/sprite.png) -101px -41px no-repeat; width: 38px; height: 22px }
.deskTitle, .imgSim { position: relative }
.detProUl li:last-child { margin-bottom: 0 }
.detProUl { margin-bottom: 25px }
.choSelect .dropDown { width: 100%; background-color: #603393; color: #fff; border-radius: 0; margin: 0 }
.choSelect .dropDown span { color: #fff; font-size: 18px; line-height: 35px; font-weight: 700 }
.choSelect .dropDown span:after { background-position: -23px -36px }
.choSelect li { width: 50%; padding: 0 7px 15px; margin: 0 -2px; float: left }
.dropDown.disable, .selBox.disable .DropArrows { background: #7d55c7 }
.itmMain { font-size: 15px; line-height: 18px; font-weight: 500; color: #909090 }
.itmNo { font-weight: 400 }
.choSelect { margin: 5px -5px -15px; }
.detPaMain .choSelect { margin: 5px 0px -15px; float: left; width: 100%; }
.detPaMain .choSelect > li { padding-left: 0; padding-right: 0; margin: 0; }
.detPaMain .choSelect > li:first-child { padding-right: 15px; }
.selectMe { float: left; width: 100%; margin-bottom: 0 }
.selectMe .tiSoc { display: block; border-bottom: 1px solid #c9c9c9; padding-bottom: 5px }
.simProDetail li { float: left; width: 33.33% }
.kazRet, .simProMain { width: 100%; float: left }
.kazRet { margin-top: 15px; margin-left: 0 }
.proName { font-size: 16px; line-height: 22px; font-weight: 600; color: #909090; margin: 0 5px }
.simProMain { margin-bottom: 0; margin-top: 15px }
.kazRet a { color: #fff; background-color: #603393; font-size: 20px; line-height: 56px; font-weight: 400; padding: 0 20px }
.detProUl li { font-size: 15px }
.simProDetail li { padding: 0 2.5px 5px; background-color: #fff }
.simProDetail li .imgSim { border: 1px solid #f1f1f1 }
.sliderDet { padding-right: 0; margin-bottom: 15px; margin-top: 15px; padding-top: 5px }
.bg { background: url(../images/sprite-steps.png) #fff; width: 32px; height: 30px; border: 2px solid #b2b2b2; float: left }
.deskTitle { color: #fff; float: left; font: 700 28px/34px Rubik, sans-serif; padding-bottom: 30px }
.fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object { padding: 0; margin: 0; border: 0; outline: 0; vertical-align: top }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020 }
.fancybox-opened, .topSMenu { z-index: 999999 }
.fancybox-inner, .fancybox-outer, .fancybox-skin { position: relative }
.fancybox-skin { background: #f9f9f9; color: #444; text-shadow: none; border-radius: 4px }
.fancybox-opened .fancybox-skin { box-shadow: 0 10px 25px rgba(0, 0, 0, .5) }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch }
.fancybox-error { color: #444; font: 14px/20px Rubik, sans-serif; margin: 0; padding: 15px }
.fancybox-iframe, .fancybox-image { display: block; width: 100%; height: 100% }
.fancybox-image { max-width: 100%; max-height: 100% }
.fancybox-close, .fancybox-next span, .fancybox-prev span { background-image: url(../images/sprite-2.png) }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -32px; margin-left: -32px; opacity: 1; z-index: 8060 }
.fancybox-close, .fancybox-nav, .fancybox-nav span { z-index: 8040; position: absolute; cursor: pointer }
#fancybox-loading div { width: 64px; height: 64px; background: url(../images/loading.gif) center center no-repeat }
.fancybox-close { top: -18px; right: -18px; width: 36px; height: 36px; background-position: -47px 0 }
.fancybox-nav { display: none; top: 0; width: 40%; height: 100%; background: url(blank.gif); -webkit-tap-highlight-color: transparent }
.fancybox-prev { left: 0 }
.fancybox-next { right: 0 }
.fancybox-nav span { top: 50%; width: 36px; height: 34px; margin-top: -18px }
.fancybox-prev span { left: 10px; background-position: -149px -110px }
.fancybox-next span { right: 10px; background-position: -189px -68px }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible!important }
.fancybox-lock body, div.fancybox-lock { overflow: hidden!important }
div.fancybox-lock { width: auto; height: 100% }
.fancybox-lock-test { overflow-y: hidden!important }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(../images/popup-bg.png) }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; z-index: 999 }
.fancybox-lock .fancybox-overlay { overflow: hidden; overflow-y: scroll }
.InputBox input.inputfile, .ProImg, .bodyFixed, .selBox span, .verGuidBtn, .wrapper { overflow: hidden }
.wrapper { position: relative;width: 100%;overflow: hidden;/*max-width: 3000px;*/margin: auto; }
.shareSocial { float: left; margin-top: 5px; margin-bottom: 5px; /*width: 320px;*/ /*margin-top: -10px; position: absolute; top: 0; right: 20px*/ }
.fancybox-title { position: relative; text-shadow: none; z-index: 8050; display: none }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; display: none }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: 0 0; background: rgba(0, 0, 0, .8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: 700; line-height: 24px; white-space: nowrap }
label.ChooseBox, label.ChooseBox span { font: 400 16px/40px Rubik, sans-serif; display: inline-block; overflow: hidden }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff }
.fancybox-title-inside-wrap { padding-top: 10px }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8) }
.commonPage { padding: 50px 0 80px }
.InputBox input.inputfile { height: .1px; opacity: 0; position: absolute; width: .1px; z-index: -1 }
.ChooseBox { width: 445px }
.ChooseBox span, .ChooseBox strong { float: left; text-align: left; padding-left: 5px }
label.ChooseBox { color: #909090; background-color: #fff; padding: 0 }
label.ChooseBox span { width: 200px; min-height: 40px; vertical-align: top }
label.ChooseBox strong { height: 100%; color: #fff; background-color: #603393; border-top-left-radius: 25px; border-bottom-left-radius: 25px; display: inline-block; padding: 0 15px }
label.ChooseBox { max-width: 80%; font-weight: 700; cursor: pointer; border-radius: 25px; border: 1px solid #ccc }
.file-note { font: 400 14px/16px Rubik, sans-serif; color: red; display: block; width: 445px; text-align: left; float: right }
.CatLogo, .notFound { text-align: center }
.RightPanel .notFound { padding: 100px 0; margin: 0; float: left; width: 100% }
.Store .notFound { padding: 180px 0; margin: 0; float: left; width: 100% }
.notFound { font-size: 22px; line-height: 50px; font-weight: 700; color: #909090; margin-bottom: 30px }
.cmsCon a { color: #909090; font-weight: 600; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s }
.carrer, .stockist { margin-top: -40px; float: left; width: 100% }
.sameHgt { min-height: 400px }
.detailHgt { max-height: 310px; margin-bottom: 20px; padding-right: 20px }
.subscription_ident { color: #15f709; position: absolute; bottom: -18px; left: 0 }
.comTitle, form#mailchimp { position: relative }
.Setbox li .secondSetbox li a::after, .Setbox li a:after, .comTitle:after { content: ""; left: 0; bottom: 0 }
.sitemap { float: left; width: 100%; margin-bottom: 50px }
.quickSite, .serSite { float: left; width: 100%; background: #fcfafb; border: 1px solid #d7d7d7; padding: 20px 30px 30px; margin-bottom: 15px }
.comTitle { color: #603393; font: 500 20px/40px Rubik, sans-serif; text-transform: uppercase; margin-bottom: 10px }
.comTitle:after { position: absolute; background: #603393; height: 5px; width: 125px }
.quickMain .serSite:first-child .Setbox li, .quickSite .Setbox { width: 50%; float: left }
.Setbox { width: 100% }
.Setbox li { position: relative; width: 50%; float: left }
.serSite .Setbox li { position: relative; width: 25%; float: left }
.Setbox li a:after { position: absolute; background: #666; height: 6px; width: 6px; top: 0; margin: auto; border-radius: 50%; -o-transition: all .6s ease 0s; transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s }
.quickMain, .quickMain .serSite:first-child .Setbox li ul li { width: 100% }
.Setbox li a { padding-left: 15px; position: relative; color: #666; font: 400 15px/23px Rubik, sans-serif; -o-transition: all .6s ease 0s; transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s }
.Setbox li .secondSetbox li a, .Setbox li ul { padding-left: 20px }
.quickMain { float: left }
.Setbox li .secondSetbox li a::after { position: absolute; border-left: 1px solid #666; border-bottom: 1px solid #666; height: 8px; width: 8px; top: 0; -o-transform: rotate(-135deg); transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -o-transition: all .6s ease 0s; transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s; background: 0 0; border-radius: 0 }
.Setbox li .secondSetbox li ul li a::after { content: ""; height: 1px; width: 8px; left: 6px; background: #333; -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); border: none }
.data-loader { width: 100%; height: 31px; background: url(../images/loader.gif) center no-repeat; margin: 0 0 20px; float: left }
.BigAnimals, .Bigscreen, .Ipad, .Pagination { display: none }
.Navigation.fixe_nav { position: fixed; top: 0; z-index: 999; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s }
.DropArrows, .Leftsublist ul li, .selBox { position: relative }
.Leftsublist ul li { color: #fff; font: 300 16px/22px Rubik, sans-serif }
.Navigation.fixe_nav .Menu .logo { display: inline-block; float: none }
.topSMenu .searchform { display: inline-block; float: right; margin-top: 4px; margin-left: 0; position: relative }
.catsearch-input { background: #fff; width: 153px; height: 17px; padding: 0 10px; font-size: 12px; color: #909090; border: 1px solid #fff; font-family: Rubik, sans-serif; border-radius: 20px; display: none; float: left }
.choSelect .toc-odd, .choSelect .toc-odd li:first-child a.current { border-top-right-radius: 20px }
.choSelect .toc-odd, .choSelect .toc-odd li:last-child a.current { border-bottom-left-radius: 20px }
.catsearch-icon { background: url(../images/sprite.png) -10px -265px no-repeat; width: 14px; height: 13px; display: inline-block; float: left; margin: 2px 10px }
.catsearch-icon.mob { display: none }
.catsearch-input.open { display: block }
.Navigation.fixe_nav #product_list_id { width: 23% }
.MegamenuTitle { font-size: 19px; color: #717171; text-align: left }
.MenuList li.Dropdown .SubMenu a { font-size: 14px; color: #fff; display: block }
.bread li, .bread li a, .titleMain { color: #909090 }
.ProList li:hover .Prosmall, .ProList li:hover .Prosub { color: #603393 }
.ProTitle a, .Prosmall, .Prosub { color: #909090 }
.ProTitle a { height: 48px; overflow: hidden; }
.ProList { margin: 20px -5px 0; padding-right: 2% }
.ProList li { width: 20%; padding: 0 5px 30px; }
.ProList li .ProCont { float: left; overflow: hidden; }
.ProImg { float: left; width: 100% }
.FootBox:first-child { width: 66.66% }
.links { margin-right: 30px }
.links.PagesList { width: 40%; float: left; margin-right: 0 }
.links.PagesList li { width: 50%; float: left }
#Rightsidebar .footer .links.PagesList { width: 60% }
.innerbanner { background: url(../images/innerbanner.jpg); height: 227px; width: 100%; margin-top: -1px }
.ViewMore { text-align: center; margin: 0px 0 0; float: left; width: 100% }
.ViewMore a { background: #603393; color: #fff; font: 400 21px/40px Rubik, sans-serif; padding: 0 30px; display: inline-block }
.CatTitle, .Listfield { float: right; text-align: right }
.CatTitle:after { right: 0; left: inherit }
.CatLogo { height: 130px; width: 130px; margin: auto }
.xMasSp .CatLogo { width: auto; height: auto; }
.App .CatLogo, .Fleft.App { background: rgba(255, 106, 0, 1) }
.Deco .CatLogo, .Fleft.Deco { background: rgba(55, 154, 219, 1) }
.Coll .CatLogo, .Fleft.Coll { background: rgba(237, 28, 36, 1) }
.Cont .CatLogo, .Fleft.Cont { background: rgba(129, 130, 133, 1) }
.Fleft.lightred, .lightred .CatLogo { background: rgba(252, 71, 91, 1) }
.Eat .CatLogo, .Fleft.Eat { background: rgba(0, 169, 167, 1) }
.Fleft.green, .green .CatLogo { background: rgba(60, 175, 39, 1) }
.Dpink .CatLogo, .Fleft.Dpink { background: rgba(215, 0, 53, 1) }
.Fleft.pink, .pink .CatLogo { background: rgba(236, 0, 140, 1) }
.Fleft, .Fleft.Purpule { background: #7d55c7 }
.Leftsublist ul li a.CrossIcon, .Listfield a.CrossIcon { background: url(../images/sprite.png) -8px -168px no-repeat; width: 24px; height: 24px; vertical-align: bottom }
.Leftsublist ul li a.CrossIcon { font-size: 0 }
.ProtypesList { float: left; width: 100%; margin: 30px 0 50px }
.TypeFilter .Listfield { margin-top: 20px }
.birds .HomeImg { width: 100%; -o-transition: all .6s ease 0s; transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s }
.Leftsublist li a, .menuIcnImg { -o-transition: all .6s ease 0s }
.selBox span { padding-right: 25px }
.selBox .singleCombo { font: 12px/16px Rubik, sans-serif; color: #909090; font-weight: 400; cursor: initial; }
.DropArrows { display: block; width: 100%; background-color: #603393; color: #fff; font-size: 15px; padding: 0 10px; line-height: 35px; font-weight: 700 }
.DropArrows:after { position: absolute; right: 12px; top: 0; bottom: 0; background: url(../images/sprite.png) -23px -36px no-repeat; width: 12px; height: 7px; margin: auto 0; content: "" }
.detailMain .DropArrows { background: #9C9C9C; font-weight: 300 }
.LeftSubCat:after, .LeftsubTitle:after, .singleName:after { content: ""; right: 0; border-bottom: 1px solid #fff }
.LeftSubCat, .MainDropBox { border-bottom: 1px solid rgba(255, 255, 255, .4) }
.ThirdMenu li:before, .closePopup:after, .closePopup:before, .closecart:after, .closecart:before, .megaMenu:before, .popupMain:before { content: '' }
.choSelect .toc-odd { position: absolute; z-index: 9; box-shadow: 2px 3px 9px rgba(0, 0, 0, .2); background: #f4f4f4; width: 100%; display: none }
.choSelect .toc-odd li { width: 100%; padding: 0; margin: 0 }
.choSelect .toc-odd li a { font: 15px/18px Rubik, sans-serif; color: #909090; padding: 10px 10px 10px 15px; display: block }
.selDDTitle { font: 20px/24px Rubik, sans-serif; color: #909090; font-weight: 400; margin-bottom: 5px }
.choSelect .toc-odd li a.current { background: rgba(149, 152, 154, .6); color: #fff }
.showTypeMob { display: none }
.Leftsublist li a, .Prolistbtn a { display: inline-block; color: #fff }
.LeftMain { float: left; width: 100%; text-align: right; margin: 0 0 50px; margin-top: -10px; }
.LeftSubCat { margin: 40px 0 0; font: 400 20px/24px Rubik, sans-serif; float: left; width: 100%; color: #fff; position: relative; padding-bottom: 8px }
.LeftsubTitle:after { position: absolute; bottom: -10px; width: 92%; opacity: .4 }
.LeftsubTitle, .singleName { position: relative; color: #fff }
.LeftsubToggle, .Leftsublist, .Leftsublist ul { float: left; width: 100% }
.Prolistbtn, .topMenuList { float: right }
.Leftsublist { margin-top: 10px }
.Leftsublist li a { font: 400 14px/20px Rubik, sans-serif; transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s }
#LeftSide, .topSMenu { transition: all .6s ease }
.LeftsubTitle { font: 400 22px/26px Rubik, sans-serif; margin: 0 0 10px }
.LeftsubTitle a, .singleName a { color: #fff }
.Prolistbtn { text-align: center; margin-top: 30px; margin-right: 10px }
.Prolistbtn a { font: 400 21px/24px Rubik, sans-serif; padding: 10px; border-top-left-radius: 15px; border-bottom-right-radius: 15px }
.Leftsublist .singleName:after, .onlyMobTitle, .singlemainCat { display: none }
.singleName { font: 400 14px/22px Rubik, sans-serif; margin: 7px 0 0 0; }
.MainDropBox { margin-top: 15px }
.detPaMain .MainDropBox { margin-top: 14px }
.extraClass .Leftsublist.accDiv>ul { margin-top: 0 }
.singleName:after { position: absolute; bottom: -5px; width: 90% }
.singleName { opacity: .6 }
.singleName.active { opacity: 1 }
.singleName.active a { opacity: 1; }
.MainDropBox { float: right; width: 100%; border-top: 2px solid rgba(255, 255, 255, .4) }
.moveingFish canvas { width: 100%; height: auto; max-height: 100%; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%) }
.moveingCat, .moveingFish { display: inline-block; position: absolute; width: 120px; height: 130px }
.moveingFish { right: -2px; top: -61px; z-index: 1 }
.moveingCat { right: -30px; top: -43px }
.innerbannercat img { max-width: inherit; max-height: inherit; position: relative; left: 100%; -moz-transform: translate(-100%, 0); -webkit-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0) }
.ThirdMenu { display: block }
.ThirdMenu li:before, .topMenuList li, .topMenuList li a { display: inline-block }
.ThirdMenu li { position: relative; padding-left: 15px; margin-left: 5px }
.ThirdMenu li:before { position: absolute; top: 0; bottom: 0; margin: auto; width: 6px; height: 6px; border: 1px solid #603393; border-left: 0; border-bottom: 0; left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.MenuList li.Dropdown a.bottom-arrow, .topSMenu { position: relative }
.topSMenu { width: 100%; height: 25px; background: #603393; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease }
.sliderThumb, .topMenuList li { float: left }
.sliderThumb{width: 100%;}
.topMenuList li a { font: 300 13px/16px Rubik, sans-serif; letter-spacing: 0; color: #fff; padding: 4px 10px; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s }
.topMenuList li a.active { opacity: .6 }
li.MobMenuList { display: none }
.MenuList li.Dropdown:hover a.bottom-arrow:after { content: ''; display: block; border-top: 10px solid #fff; border-right: 7px solid transparent; border-left: 8px solid transparent; position: absolute; left: 42px; bottom: -19px; margin: auto; z-index: 999 }
.backBtn, .cat_Filter, .closedGuide { display: none }
.megaMenu:before { position: absolute; left: -1000%; right: -1000%; top: 0; bottom: 0; background: #95989a; z-index: -1; box-shadow: 5px 2px 6px rgba(0, 0, 0, .3) }
.menuIcnImg { width: 70px; height: 82px; position: relative; transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s }
.smAnmlImg { width: auto }
.menuIcnImg img { position: absolute; top: 10px; right: 0; bottom: 0; left: 50%; margin: auto; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.popBody, .popupMain:before { display: inline-block; vertical-align: middle }
.sticky-wrapper.is-sticky .menuIcnImg { width: 60px; height: 71px; -o-transition: all .6s ease 0s; transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s }
.sticky-wrapper.is-sticky .menuIcnImg.smAnmlImg { width: auto }
.sticky-wrapper.is-sticky li.Dropdown span { font-size: 12px }
.sticky-wrapper.is-sticky .MenuList li.Dropdown:hover a.bottom-arrow:after { left: 35px; bottom: -10px }
.sticky-wrapper.is-sticky .megaMenu { padding-left: 8px }
.sticky-wrapper.is-sticky .MegamenuTitle { margin-bottom: 14px }
.sticky-wrapper.is-sticky .MegamenuTitle, .sticky-wrapper.is-sticky .MenuList li .megaMenu .MegamenuTitle a { font-size: 18px }
.sticky-wrapper.is-sticky .MenuList li.Dropdown .SubMenu a { font-size: 13px }
.logo>a img.Desklogo { max-width: 90px }
.guidChart { width: 275px; position: fixed; right: 15px; bottom: 0; z-index: 2; cursor: context-menu }
.overlayer, .popupMain { position: fixed; left: 0; right: 0; top: 0; bottom: 0 }
.guidChart a.popclick { cursor: zoom-in; -webkit-cursor: zoom-in; -moz-cursor: zoom-in; -ms-cursor: zoom-in; -o-cursor: zoom-in }
.popupMain { z-index: 999999; text-align: center; opacity: 0; transition: .3s all; -webkit-transition: .3s all; padding: 15px }
.popupMain:before { margin-left: -5px; height: 100% }
.popVisible { opacity: 1 }
.overlayer { background-color: rgba(0, 0, 0, .8); opacity: 0; transition: .3s all; -webkit-transition: .3s all }
.popVisible .overlayer { opacity: 1; visibility: visible }
.popBody { text-align: left; position: relative; z-index: 99; transition: .6s all; -webkit-transition: .6s all; background: #fff; max-width: 750px; width: 100%; height: auto; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 7px }
.closePopup, .closecart { transition: all .4s ease-in-out; box-shadow: -1px 2px 2px rgba(0, 0, 0, .2) }
.popVisible .popBody { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0) }
.closePopup { position: absolute; top: -11px; width: 30px; height: 30px; z-index: 12; right: -14px; background: #bebebe; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50% }
.closePopup:after, .closePopup:before { right: 0; bottom: 0; margin: auto; height: 2px; background: #fff; left: 0; top: 0; position: absolute }
.closePopup:before { width: 60%; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 15 }
.closePopup:after { width: 64%; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.bodyFixed { position: fixed; left: 0; top: 0; width: 100%; height: 100% }
.closecart { position: absolute; right: -12px; top: -12px; width: 23px; height: 23px; background: #bebebe; border-radius: 50%; z-index: 12 }
.closecart:after, .closecart:before { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; height: 2px; background: #fff; left: 0 }
.closecart:before { width: 54%; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.closecart:after { width: 58%; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.guidChart { margin-right: -280px; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all }
.verGuidBtn a { color: #fff; font-weight: 600; padding: 8px 11px }
.popInVisible { opacity: 0 }
.verGuidBtn { bottom: -32px; transform-origin: 0 0; border-radius: 6px 6px 0 0; margin-top: 10px; position: fixed; z-index: 12; transform: rotate(-90deg); background: #603393; padding: 9px 6px; right: -115px; box-shadow: -1px -1px 9px rgba(0, 0, 0, .44) }
.verGuidBtn.popVisible.popInVisible { transition-delay: 0s }
.verGuidBtn.popVisible { transition-delay: .4s }
.guidChartShow { margin-right: 0 }
.red { color: red }
#captcha:before { position: absolute; right: -135px; top: 1px; content: "*"; color: #ff0015; z-index: 0; height: 5px }
.sliderThumb .thumbImage li { float: left; padding: 0 2.5px 5px }
.sliderThumb .thumbImage li a { border: 1px solid #dedede; display: block }
.FeatureUl li { display: block; padding-left: 40px; font-size: 15px; line-height: 18px; margin-bottom: 10px; position: relative; color: #707070 }
.BedSize table tbody td, .BedSize table thead th {/*    padding: 5px;*/ padding: 5px 10px; ; font-family: Rubik, sans-serif; line-height: 20px; font-weight: 400 }
.FeatureUl li:after, .FeatureUl li:before { content: ''; display: inline-block; position: absolute; margin: auto }
.FeatureUl li:after { width: 30px; height: 18px; background: #9c9c9c; border-top-right-radius: 10px; border-bottom-left-radius: 10px; left: 0; top: 0 }
.FeatureUl li:before { width: 14px; height: 14px; background: url(../images/checkmark.png) no-repeat; left: 7px; top: 2px; z-index: 1 }
.BedSize table { width: 100% }
.BedSize table thead { color: #fff }
.BedSize table thead th {/*    font-size: 18px;*/ font-size: 16px; background: #9c9c9c; text-align: left; }
.BedSize table thead tr th:first-child { border-bottom-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-bottom-left-radius: 15px; -ms-border-bottom-left-radius: 15px; -o-border-bottom-left-radius: 15px; width: 45% }
.BedSize table thead tr th:last-child { border-left: 1px solid #fff; border-top-right-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-top-right-radius: 15px; -ms-border-top-right-radius: 15px; -o-border-top-right-radius: 15px; width: 55% }
.BedSize table tbody tr td { border-bottom: 1px solid #9c9c9c }
.BedSize table tbody tr:last-child td { border-bottom: none }
.BedSize table tbody td { color: #707070; font-size: 15px; display: table-cell; vertical-align: top }
.BedSize table tbody td .sizTitle { font-weight: 500; margin-right: 5px; min-width: 100px;/*    display: inline-block;*/ display: block; }
.BedSize table tbody td .bedDim { float: right }
.BedSize table tbody td:last-child { padding-left: 15px }/*.BedSize table thead tr th.thBedSize, .BedSize table thead tr td.tdBedSize{min-width: 320px;}*/
.noCatHeading { display: none }
.detPaMain .Fleft { width: 16.66666667%!important }
.proLeftsubListing { margin-top: 38px }
.breedImg { margin-bottom: 15px }/*New Filter Code 08 June 2017 Start*/
.displayMobType { display: none; }/*New Filter Code End*/
.bradcum .catDesc { display: none; }
.FeatureUl { max-height: 220px; overflow: hidden; }
.xmasSpecial .proLeftsubListing { margin-top: 22px; }
.xmasSpecial a { opacity: 0.7; }
.xmasSpecial a.active { opacity: 1; }
.xmasSpecial .Leftsublist .firstLevelLi { float: right; width: 100%; }
.xmasSpecial .Leftsublist .firstLevelLi ~ .firstLevelLi { margin-top: 14px; }
.xmasSpecial .Leftsublist .firstLevelLi:first-of-type > a { border-top: 2px solid rgba(255, 255, 255, .4); padding-top: 9px; padding-bottom: 9px; }
.xmasSpecial .Leftsublist .firstLevelLi > a { border-bottom: 2px solid rgba(255, 255, 255, .4); font: 400 20px/24px Rubik, sans-serif; width: 100%; padding-bottom: 5px; }
.secLevelUL .lastLevelSingleLi { margin-top: 10px; }
.secLevelUL .secLevelLi > a { font: 400 14px/18px Rubik, sans-serif; color: #fff; position: relative; }
.secLevelUL { margin-top: 0px; }
.secLevelUL .thirdLevelLi > a { font: 400 14px/18px Rubik, sans-serif; color: #fff; position: relative; }
.secLevelUL { margin-top: 5px; margin-bottom: 20px; }
.secLevelUL .secLevelLi.lastLevelLi { float: right; width: 100%; margin-bottom: 20px; }
.secLevelUL .secLevelLi.lastLevelLi > a { font: 400 18px/20px Rubik, sans-serif; float: right; width: 100%; color: #fff; position: relative; border-bottom: 1px solid rgba(255, 255, 255, .4); padding-bottom: 4px; padding-top: 4px; }
.secLevelLi.lastLevelLi .thirdLevelLi { margin-top: 5px; }
.secLevelUL .secLevelLi.lastLevelSingleLi { float: right; width: 100%; }
.secLevelUL .secLevelLi.lastLevelSingleLi > a { font: 400 18px/20px Rubik, sans-serif; float: right; width: 100%; color: #fff; position: relative; border-bottom: 1px solid rgba(255, 255, 255, .4); padding-bottom: 4px; padding-top: 4px; }
.CatTitle a { opacity: 0.7; }
.CatTitle a.active { opacity: 1; }
.Leftsublist li a { opacity: 0.7; }
.Leftsublist li a.active { opacity: 1; }
.singleName a.active { opacity: 1; }
.owl-controls { position: absolute; left: 0; right: 0; left: 0; bottom: 5px; ; margin: auto; }
.owl-dots { width: 100%; text-align: center; }
.owl-dot { display: inline-block; width: 13px; height: 13px; background: rgba(144, 144, 144, 0.56); border-radius: 50%; margin: 0 4px; }
.owl-dot.active {/*background: rgba(96, 51, 147,1);*/ background: rgba(144, 144, 144 ,1); }
.ulSize { padding-bottom: 20px; border-bottom: 1px solid #c9c9c9; }
.ulSize li { font: 15px/20px Rubik, sans-serif; color: #909090; font-weight: 400; display: inline-block; }
.ulSize li ~ li:before { content: '-'; color: #909090; display: inline-block; margin-right: 5px; margin-left: 2px; }
.selDD_Title { font: 20px/24px Rubik, sans-serif; color: #909090; font-weight: 500; margin-bottom: 15px; margin-top: 15px; }
.colorMain { width: 40px; height: 40px; display: inline-block; vertical-align: middle; }
.colorBox { display: inline-table; vertical-align: middle; width: 40px; height: 40px; position: relative; overflow: hidden; border: 1px solid #e2e2e2;/* float: left; */ }
.colorBox span { display: table-cell }
.colorName { font: 15px/20px Rubik, sans-serif; color: #909090; font-weight: 400; display: inline-block; vertical-align: middle; margin-left: 5px; width: calc(100% - 50px);}
.ulColour { padding-bottom: 20px; border-bottom: 1px solid #c9c9c9; }
.innerhalfCS .ulColour,.innerhalfCS  .ulSize{border-bottom: none;}
.ulColour li ~ li { margin-top: 15px; }
.halfCS{width: 50%; float: left;}
.halfCS ~ .halfCS .innerhalfCS{padding-left:10px}
.innerhalfCS{float: left;width: 100%; height: 100%;}
.halfCS + .clearfix + .selDD_Title{padding-top: 15px; border-top: 1px solid #c9c9c9;}
.innerhalfCS .ulSize li{width: 100%;}
/*.innerhalfCS .ulSize li:before{    content: '\f00c';
    color: #603393;
    display: inline-block;
    margin-right: 5px;
    margin-left: 2px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}*/
.innerhalfCS .ulSize li:before{content: ''; background: url(../images/tick.png) no-repeat; width: 14px;height:16px;display: inline-block;    margin-right: 5px;
    margin-left: 2px;}
.innerhalfCS .ulSize li ~ li{margin-top: 5px;}



.findMap, .bradcum{background: #fff; z-index: 2;}
.cmsMain, .Contactsec, .carrer, .sitemap, .storeMain, .storeDiv{z-index: 2;position: relative;margin-bottom:240px;background: #fff;}
.footer{position: fixed;left: 0;right: inherit;bottom: 0;}

/* Added On 08-05-2018 */

.sidebar-toggler:before {content: "\f104";display: inline-block;font-size: 30px;font-family: FontAwesome;height: auto;font-weight: 300;text-shadow: none;text-align: center;line-height: 40px;margin-left: 0px;color: #fff;margin-left: -2px;}
.sidebar-toggler.activeToggler:before {content: "\f105";}
 .sidebar-toggler {    -webkit-border-radius: 0 5px 5px 0;
 
     left: 100%;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0px 0 0 5px;
    cursor: pointer;
    display: block;
    float: right;
    margin-top: -8px;
    margin-bottom: 15px;
    width: 30px;
    height: 40px;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    position: absolute;
    right: 0;
    z-index: 9;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	    transform: translateX(-100%);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
span.sidebar-toggler.activeToggler {
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	-ms-transition-delay: 0.8s;
    transition-delay: 0.8s;
    left: 100%;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
    transform: translateX(0);
	-webkit-border-radius:0 5px 5px 0px;
	-moz-border-radius:0 5px 5px 0px;
	border-radius:0 5px 5px 0px;
	background:#7d55c7;
	
    /* transition: all 0.4s ease-in-out; */
}
.is-sticky span.sidebar-toggler.activeToggler {    margin-top: -6px;}
.expandList#Rightsidebar .FootBox.Pleft { left: 0; }
.col-md-10.Fright.expandList { width: 100%;}

.Fright.expandList .sidebar-toggler { display: block; left: 0;}
.Fright .sidebar-toggler { display:none; }
.expandList .RightPanel {padding: 0 5px 30px 30px;}
.expandList .ProMain { left:30px;}
.expandList .ProList { padding-right:0px;}
.green .sidebar-toggler.activeToggler { background-color: #3caf27;}
.Eat .sidebar-toggler.activeToggler { background-color:#00a9a7;}
.Cont .sidebar-toggler.activeToggler { background-color:#818285;}
.Deco .sidebar-toggler.activeToggler { background-color:#379adb;}
.Dpink .sidebar-toggler.activeToggler { background-color:#d70035;}
.App .sidebar-toggler.activeToggler { background-color:rgba(255, 106, 0, 1);}
.Coll .sidebar-toggler.activeToggler { background-color:rgba(237, 28, 36, 1);}
.pink .sidebar-toggler.activeToggler { background-color: rgb(236, 0, 140);}
.lightred .sidebar-toggler.activeToggler { background-color: rgba(252, 71, 91, 1);} 

#LeftSide.FleftClose { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);}
#LeftSide { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
.col-md-10.Fright {  -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s  ease-in-out;transition: all 0.4s ease-in-out;}

.stickyLeft .sidebar-toggler.activeToggler { margin-top: -6px;}


/*instagram page css start*/
.instaBox{width: 33.33%;position: relative;overflow: hidden;vertical-align: top}
.instaBox .absoText{position: absolute;left :0;bottom: -100%;width: 100%;height: 100%;padding: 25px;z-index: 1;-moz-transition: 0.5s ease-in-out all;-webkit-transition: 0.5s ease-in-out all;transition: 0.5s ease-in-out all;}
.instaBox a:after{position: absolute;top: 0;bottom: 0;left: 0;right: 0;content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.48);z-index: 0;opacity: 0;visibility: hidden;transition: 0.5s ease all;}
.instaBox .absoText .date{color: #fff;font-size: 16px;line-height: 24px;padding: 10px;padding-left: 30px;position: relative;font-weight: 400;margin-bottom: 0}
.instaBox .absoText .date:before{position: absolute;content: '\f073';font-family: FontAwesome;left: 10px;top:9px;}
.instaBox .absoText .desc{color: #fff;font-size: 16px;line-height: 24px;padding: 10px;text-align: left;font-weight: 400;}
.instaBox img{text-align: center;}
.viewBtn .data-loader{float: none;position: absolute;right: -110px;top: 3px;}
.viewBtn{float: left;width: 100%;display: block;position: relative;	}
.instaBox.instaVideo:before{    position: absolute;
    content: '\f04b';
    font-size: 32px;
    font-family: FontAwesome;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
    visibility: visible;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    text-align: center;
    line-height: 60px;
    height: 60px;
    width: 60px;
    padding-left: 6px;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);}

/*.masongram-container .masongram-image-container .masongram-image-caption-container .masongram-image-caption{
	text-align: center;
}
.masongram-image-caption a{color: #fff;}*/
.bradcum .titleMain span a{float: right;position: relative;font-size: 16px;color: #000;-moz-transition: 0.2s ease-in-out all;-webkit-transition: 0.2s ease-in-out all;transition: 0.2s ease-in-out all;}
.bradcum .titleMain span a:after{position: absolute;content: '\f16d';font-family: FontAwesome;left: -20px;top: 0;-moz-transition: 0.2s ease-in-out all;-webkit-transition: 0.2s ease-in-out all;transition: 0.2s ease-in-out all;}
/*instagram page css start*/

/*Home Page instagram Css Start*/
.instagram-section{padding: 70px 0 20px;float: left;width: 100%;}
.followIntsaLink{display: block;text-align: center;    margin-bottom: 47px;}
.followIntsaLink.ConTitle{margin-top: 20px;}
.followIntsaLink.ConTitle:before{display: none;}
.followIntsaLink.ConTitle > a{    color: #909090;position: relative;padding-left: 40px;line-height: 28px;    -moz-transition: 0.2s ease-in-out all;-webkit-transition: 0.2s ease-in-out all;transition: 0.2s ease-in-out all;}
.followIntsaLink.ConTitle > a:after {position: absolute;color:#5f3395;content: '\f16d';font-family: FontAwesome;left: 0;top: 0;-moz-transition: 0.2s ease-in-out all;-webkit-transition: 0.2s ease-in-out all;transition: 0.2s ease-in-out all;font-size: 35px;bottom: 0;margin: auto;}
.instagram-content .instaBox{width: 25%;}
/*.instagram-content .ProList1 {overflow: hidden;max-height: 690px;}*/


.instaimgMain{position:relative; overflow:hidden; float:left; width:100%;}
.instagram-content .home_instaBox{float:left; width:25%;}
.instagram-content .home_instaBox .imgMain{width:100%;}
.instagram-content .home_instaBox .instaabsoImg{min-width:100%; max-height:inherit; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
/*Home Page instagram Css End*/

@media only screen and (min-width:1500px) {
#Rightsidebar .FootBox.Pleft { left: 205px; }
.instaBox{width: 25%;}
/*.instagram-content .ProList1{    max-height: 806px;}*/
}


@media only screen and (min-width:1200px) {
	.bradcum .titleMain span:hover:after{color:#8a3ab9; }
	.bradcum .titleMain span:hover a{color: #8a3ab9	;}
	.instaBox:hover .absoText{bottom: 0px;padding-right: 25px;}
	.instaBox:hover a:after{opacity: 1;visibility: visible;}
.xmasSpecial a:hover { opacity: 0.8; }
.CatTitle a.active:hover { opacity: 0.8; }
.Leftsublist li a.active:hover { opacity: 0.8; }
.singleName.active:hover { opacity: 0.8; }
.menuIcnImg img { max-height: 126px; min-width: 90px }
.Bcome:hover, .InputBox .serbtn:hover { background: #4e2782 }
.Dropdown:hover .megaMenu { opacity: 1; visibility: visible; text-align: left; }
.birds:hover .Hover { opacity: 1; visibility: visible; text-align: center; }
.topMenuList li a:hover { opacity: .6 }
.MenuList li .megaMenu .MegamenuTitle a:hover, .MenuList li.Dropdown .SubMenu li a:hover { color: #5e3291 }
.Page a:hover, .ProList li:hover .ProTitle a, .bread li a:hover, .cmsCon a:hover, .comCon a:hover, .site a:hover { color: #4e2782 }
.birds:hover .Hover img { -o-transition: all .6s ease 0s; transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s }
.birds:hover .HomeImg { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); overflow: hidden }
.birds:hover .Hover .catTitle { margin-left: 0; -o-transition: all .6s ease 0s; transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s }
.birds:hover .Hover .catView { margin-right: 0; -o-transition: all .6s ease 0s; transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s }
.Ins:hover, .fb:hover, .gplus:hover, .pint:hover { opacity: 1 }
.LeftsubToggle ul li a:hover, .Leftsublist ul li a:hover, .Listfield a:hover, .copyTxt a:hover, .links li a:hover { opacity: 1 }
.SubmitBtn:hover { background: #95989a }
.blueBtn:hover, .kazRet a:hover { background-color: #4e2782 }/*    .ProList li:hover .Prosmall,.ProList li:hover .Prosub{color: #603393}.ProList li:hover .ProImg .ProHover{opacity: 1;visibility: visible}.ProList li:hover .ProImg .ProHover i{top: 0}*//*    .ProList li:hover .ProCont{-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);;-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);;}*/
.ProList li:hover .ProCont { -webkit-box-shadow: 2px 3px 9px rgba(0, 0, 0, .2); -moz-box-shadow: 2px 3px 9px rgba(0, 0, 0, .2); box-shadow: 2px 3px 9px rgba(0, 0, 0, .2);/*border-top-left-radius: 20px;border-bottom-right-radius: 20px;*/ }
#detailSlider.owl-carousel .owl-controls .owl-nav div:hover, .socIconMain a:hover { opacity: 1 }
.simProDetail li a:hover .proName { color: #4e2782 }
#product_list_id li:hover { background: rgba(235, 234, 232, 1) }
#product_list_id .headName:hover { background: #4e2782; }
.FootBox { min-height: 190px; position: relative }
.FootBox:last-child { vertical-align: middle; display: table-cell }
.copyTxt span.mobileHide, .searchform { display: inline-block }
.Setbox li a:hover { color: #603393 }
.Setbox li a:hover:after { background: #603393 }/*    .ProList li:hover .ProImg .MainImg{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);overflow: hidden}*/
.container-fluid .Fleft.fixe_nav { position: fixed; top: 110px; z-index: 99; width: 16.6667% }
.container-fluid .Fright { float: right; position: relative; height: 100%!important }
.searchform { margin-left: 80px }
.catsearch-input { width: 200px }
.coCrewE a:hover { color: #5e3291; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease }
.mobileShow { display: none }

.followIntsaLink.ConTitle > a:hover{color:#5f3395;}
}

@media only screen and (max-width:767px) {
.Fright.green { background:none;}	
 .sidebar-toggler { display:none;}
#LeftSide.FleftClose { -webkit-transform: translateX(0);  -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
/*instagram page css start*/
	.instaBox{width: 50%;}
        .instagram-section{padding: 0;}
        .bradcum{margin-top: 80px;}
        .followIntsaLink.ConTitle {margin-top: 0;margin-bottom: 20px;}
        
        .instagram-content .instaBox {width: 50%;}
        /*.instagram-content .ProList1 {max-height: 800px;}*/
}

@media only screen and (max-width:480px) {
	.instaBox{width: 100%;}
}

@media only screen and (max-width:350px) {
/*.instagram-content .ProList1 {
    max-height: 700px;
}
*/}

@media only screen and (max-width:1300px) {
.ProTitle a { font-size: 14px }
}


@media only screen and (min-width:480px) and (max-width:767px) {
/*.instagram-content .ProList1 {max-height: 1195px;}*/
}

@media only screen and (min-width:600px) and (max-width:767px) {
    /*.instagram-content .ProList1 {max-height: 1335px;}*/
}


/* common css for screen size between 768 to 1023 */
@media only screen and (min-width: 992px) and (max-width: 1024px) { 
.col-md-10.Fright.expandList { width: 100% !important;}
/*.instagram-content .ProList1 {max-height: 525px;}*/
}

/* common css for screen size between 768 to 1023 */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
.sidebar-toggler { margin-top: -18px;}
.col-md-10.Fright.expandList { width: 100% !important;}
.stickyLeft .sidebar-toggler.activeToggler {  margin-top: 0;}
/*.instagram-content .ProList1 {max-height: 398px;}*/
}

#LeftSide { position: fixed; left: 0; top: 0; z-index: 3; bottom: 0; height: auto; padding-top: 160px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease }
.stickyLeft#LeftSide { padding-top: 115px; }/*#LeftSide{z-index: 3;bottom: 0;height: auto;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-o-transition: all .6s ease;-ms-transition: all .6s ease}*/
#LeftSide.fixe_nav { top: 0; padding-top: 100px; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease }
#LeftSide .LeftPanel { height: 100%; padding-bottom: 0 }
#LeftSide .mCSB_scrollTools { top: 5px; bottom: 5px }
.mobileSubTitle { display: none; color: #909090; font-weight: 400 }
.AnimalsMains { float: right; display: none; vertical-align: top }
.CatLogo + .MainDropBox { margin-top: 7px }