body{font-family:Open Sans,Arial,sans-serif;font-size:13px;background-color:#eee;color:#2B2E6A}
a{transition:all 0.4s}
a:hover{text-decoration:none}
.page-wrapper{height:100vh}
.profile-nav{width:250px;position:fixed;top:0;left:0;bottom:0;background-color:#fff;overflow:auto}
.profile-nav #logo{text-align:center;padding:30px 0 20px}
.profile-nav #logo a{}
.profile-nav #logo img{}
.profile-nav #profile{text-align:center;padding:10px}
.profile-nav #profile .dp{margin-bottom:10px}
.profile-nav #profile .dp img{}
.profile-nav #profile .name{color:#2B2E6A;font-size:18px;font-weight:600}
.profile-nav #create-list{padding:15px 20px}
.profile-nav #create-list a{position:relative;display:block;text-align:center;margin:0 -20px 15px}
.profile-nav #create-list a:before{content:'';top:23px;display:block;background-color:#eee;position:absolute;left:0;right:0;height:1px}
.profile-nav #create-list a span.icon{width:48px;height:48px;background:url(../img/plus.svg) no-repeat 50% 50% #713AFB;display:inline-block;border-radius:50%;box-shadow:0 0 9px #b394ff;position:relative;z-index:2;transition:all 0.4s}
.profile-nav #create-list a:hover span.icon{box-shadow:0 0 18px #9776e8}
.profile-nav #create-list a span.text{display:block;color:#713AFB;font-size:14px;font-weight:600}
.profile-nav #create-list p{font-weight:100;margin:0}
.profile-nav #navs{padding-top: 5px !important;}
.profile-nav #navs ul.primary{margin:0 0 15px;padding:0}
.profile-nav #navs ul.primary li{display:block}
.profile-nav #navs ul.primary li a{display:block;padding:15px 55px;font-size:14px;font-weight:600;color:#713AFB;border-left:5px solid transparent;background-repeat:no-repeat;background-position:16px 50%}
.profile-nav #navs ul.primary li a:hover{background-color:rgba(113,58,251,0.05)}
/*.profile-nav #navs ul.primary li img:hover{filter: grayscale(0) !important;}*/
.profile-nav #navs ul.primary li.active a{background-color:rgba(113,58,251,0.13);border-left:5px solid #713AFB}
.profile-nav #navs ul.primary li.active img{filter: grayscale(0) !important;}
/*.profile-nav #navs ul.primary li.home a{background-image:url(../img/Home.svg)}*/
/*.profile-nav #navs ul.primary li.discover a{background-image:url(../img/discover.svg)}*/
/*.profile-nav #navs ul.primary li.search a{background-image:url(../img/Search.svg)}*/
.profile-nav #navs ul.secondary{margin:0;padding:0}
.profile-nav #navs ul.secondary li{display:block}
.profile-nav #navs ul.secondary li h4{color:#2B2E6A;font-size:13px;font-weight:700;display:block;padding:5px 25px;margin:0}
.profile-nav #navs ul.secondary li a{color:#616494;font-size:14px;font-weight:600;padding:5px 20px;display:block;border-left:5px solid transparent}
.profile-nav #navs ul.secondary li.active a{background-color:rgba(113,58,251,0.13);border-left:5px solid #713AFB;color:#713AFB}
.profile-nav #navs ul.secondary li a:hover{background-color:rgba(113,58,251,0.05)}
.profile-nav #controls{bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:0}
.profile-nav #controls a{display:inline-block;padding:25px}
.profile-nav #controls a img{}
.notify-panel{width:350px;position:fixed;right:0;top:0;bottom:0;background-color:#fff;overflow:auto}
#notifications{}
#notifications .notification-title{padding:50px 20px 5px}
#notifications .notification-title h3{color:#2B2E6A;font-size:24px;font-weight:700;margin:0}
#notifications .notification-list{}
.notification{padding:20px 30px;border-bottom:1px solid #eee;display:flex}
.notification .dp{width:50px;padding-top:10px}
.notification .dp img.photo{}
.notification .summary{flex:1}
.notification .summary .type{font-size:14px;font-weight:bold;text-transform:uppercase}
.notification .summary .type.type-watching{color:#616494}
.notification .summary .type.type-on-sale{color:#FB3A3A}
.notification .summary .type.type-stock{color:#713AFB}
.notification .summary .type.type-great-news{color:#616494}
.notification .summary .what-happened{font-size:14px;font-weight:600;color:#616494}
.notification .summary .what-happened .dark{color:#2B2E6A}
.notification .summary .what-happened .light{color:#713AFB}
.notification .summary .timestamp{font-size:12px;color:rgba(126,127,154,0.65);font-weight:600}
.chat-pop{padding:20px;position:fixed;right:0;bottom:0;width:350px}
.chat-pop .chat-summary-panel{border-radius:10px;overflow:hidden;margin-right:20px}
.chat-pop .chat-summary-panel h4{background:#2B2E6A;margin:0;color:#fff;font-size:10px;font-weight:600;padding:10px 20px}
.chat-pop .chat-summary-panel .chat-convo-summary{font-weight:600;padding:10px 20px;background:#713AFB;color:#fff}
.chat-pop .chat-summary-panel .chat-convo-summary h5{font-size:10px;font-weight:600;margin:0}
.chat-pop .chat-summary-panel .chat-convo-summary p{font-size:14px;font-weight:600;margin-bottom:5px}
.chat-pop .chat-trigger{text-align:right}
/*.chat-pop .chat-trigger:before{
	content:'';
	background:url(../img/chat-lining.png) no-repeat 100% 50%;
	display:block;height:51px;
	margin-right:40px}*/
.chat-pop .chat-trigger a{background:url(../img/chat_button.svg) no-repeat 50% 50%;width:54px;height:54px;display:inline-block;position:relative;margin-top:-10px}
.chat-pop .chat-trigger a span.count{background:#2B2E6A;width:24px;height:24px;display:inline-block;border-radius:50%;color:#fff;font-weight:700;line-height:24px;text-align:center;position:absolute;right:-5px;top:-5px}
.maincontents{position:fixed;top:0;left:250px;right:350px;bottom:0;overflow:auto}
.maincontents #mylilos-wrap{padding:50px 80px}
.maincontents .mylilos h2{color:#2B2E6A;font-size:24px;font-weight:700;margin:0 0 30px;border-bottom:2px solid rgba(97,100,148,0.5);padding:0 0 10px;font-size:30px}
.lilo-slider{}
.lilo-slider .slick-arrow{border:0;background-position:50% 50%;background-repeat:no-repeat;width:20px;height:35px;background-color:transparent;color:transparent;font-size:0;position:absolute;top:-59px;outline:0}
/*.lilo-slider .slick-arrow{border:0;background-position:50% 50%;background-repeat:no-repeat;width:20px;height:35px;background-color:transparent;color:transparent;font-size:0;position:absolute;top:-107px;outline:0}*/
.lilo-slider .slick-prev.slick-arrow{background-image:url(../img/arrow-left.svg);right:40px;height: 22px;}
.lilo-slider .slick-next.slick-arrow{background-image:url(../img/arrow-right.svg);right:0;height: 22px;}
/*.lilo-slider .slick-prev.slick-arrow{background-image:url(../img/arrow-left.png);right:40px;}
.lilo-slider .slick-next.slick-arrow{background-image:url(../img/arrow-right.png);right:0;}*/
.lilo-slider .single-slide{text-align:center;width:205px;margin-right:25px;outline:0;padding-top: 14px;padding-left: 12px;}
.lilo-slider .single-slide .thumb{position:relative;display: block;color: #aaa;}
.lilo-slider .single-slide .thumb .whom{position:absolute;left:15px;bottom:15px}
.lilo-slider .single-slide .thumb.fav{}
/*background:url(../img/fav-post.png) no-repeat 50% 50%;*/
.icon_image:before{content:'';background:url(../img/fav-post.png) no-repeat 50% 50%;width:38px;height:44px;display:block;position:absolute;left:50%;top:50%;margin:-19px 0 0 -22px}
/*.lilo-slider .single-slide .thumb.fav:before{content:'';background:url(../img/fav-post.png) no-repeat 50% 50%;width:38px;height:44px;display:block;position:absolute;left:50%;top:50%;margin:-19px 0 0 -22px}*/
.lilo-slider .single-slide .thumb img{border-radius:10px;width:100%}
.lilo-slider .single-slide .slide-title{padding:10px}
.lilo-slider .single-slide .likes-favs{}
.lilo-slider .single-slide .likes-favs .likes,.lilo-slider .single-slide .likes-favs .favs{display:inline-block;background-repeat:no-repeat;background-position:0 50%;padding:2px 15px 2px 20px}

/*.lilo-slider .single-slide .likes-favs .likes{background-image:url(../img/like.png);color: #0045ff;}
.lilo-slider .single-slide .likes-favs .favs{background-image:url(../img/fav.png);color: #fc167c;}*/

.lilo-slider .single-slide .likes-favs .likes{background-image:url(../img/like.svg);color: #0045ff;height: 18px;}
.lilo-slider .single-slide .likes-favs .favs{background-image:url(../img/fav.svg);color: #fc167c;height: 18px;}

.lilo-slider .single-slide .slide-title h3{font-size:19px;font-weight:700}
.lilo-slider .single-slide .slide-title h3:after{content:'';display:block;height:3px;width:40px;background:#713AFB;margin:10px auto}
.lilo-slider .single-slide .slide-title h4{color:#2B2E6A;font-size:16px;font-weight:700;margin:0}
.lilo-slider .single-slide .slide-title h6{color:#2B2E6A;font-size:12px;font-weight:600;margin:0}
.lilo-slider .single-slide .additional-note{font-size:11px}
.lilo-slider .single-slide .additional-note.blue{color:#0045FF}
.lilo-slider .single-slide .additional-note.pink{color:#FC167C}
/*#lilo-timeline{background-color:#fff;margin:0 20px;border-radius:40px 40px 0 0}*/
#lilo-timeline{background-color: rgba(255,255,255,0.5);margin:0 20px;border-radius:40px 40px 0 0}
#lilo-timeline .mylilos{padding:40px 60px}
#lilo-timeline .mylilos .slick-list{margin-right:-20px}
#lilo-timeline .lilo-slider .single-slide .slide-title h4{font-size:14px;margin-top:5px}
.private-dashboard{padding:50px 60px 50px 80px}
.private-dashboard:after{content:'';display:block;clear:both}
.maincontents  .private-dashboard h2{border:0;margin:0}
.private-dashboard .sub-title{font-size:20px;font-weight:700;color:#713AFB;margin-bottom:30px}
.private-dashboard .sub-title span{color:#2B2E6A}
.private-dashboard .lilo-slider{}
.private-dashboard .lilo-slider .single-slide{float:left;min-height:420px;width:20%;margin:0;padding-right:20px;}
.private-dashboard .lilo-slider .single-slide .slide-title{}
.private-dashboard .lilo-slider .single-slide .slide-title h3{font-size:14px;font-weight:600;white-space:pre;overflow:hidden;text-overflow:ellipsis;margin:0}
.private-dashboard .lilo-slider .single-slide .slide-title h3:after{content:'';display:block;height:3px;width:40px;background:#713AFB;margin:10px auto}
.private-dashboard .lilo-slider .single-slide .slide-title h4{font-size:14px;font-weight:600;white-space:pre;overflow:hidden;text-overflow:ellipsis}
.private-dashboard .lilo-slider .single-slide .slide-title h4.price{font-weight:700;color:#616494}
.private-dashboard .lilo-slider .single-slide .slide-title h4.price span{color:#FC1616;text-decoration:line-through;display:inline-block}
.private-dashboard .lilo-slider .single-slide .slide-title h5{font-size:18px;font-weight:700;margin:8px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#chats{}
#chats .chats-title{padding:50px 20px 10px}
#chats .chats-title h3{color:#2B2E6A;font-size:24px;font-weight:700;margin:0 0 5px}
#chats .chats-title h4{color:#2B2E6A;font-size:14px;font-weight:600;margin:0}
.chats-list{}
.chats-list .chat{padding:20px 30px;border-bottom:1px solid #f5f5f5;display:flex}
.chats-list .chat:nth-child(2n){background-color:#FAFAFA}
.chats-list .chat .dp{width:50px;padding-top:10px}
.chats-list .chat .dp img.photo{}
.chats-list .chat .summary{flex:1}
.chats-list .chat .summary h4{color:#616494;font-size:14px;margin:0;font-weight:700}
.chats-list .chat .summary p{font-size:14px;color:#616494;margin:0}
.chat-send{background:#FAFAFA;height:80px;position:absolute;left:0;right:0;bottom:0}
.chat-send input.input{position:absolute;width:290px;height:36px;background:#fff;border:1px solid #eee;border-radius:30px;left:30px;top:30px;padding:0 0 0 20px}
.chat-send .send-btn{background:#713AFB;color:#fff;border:0;position:absolute;height:36px;border-radius:0 30px 30px 0;width:90px;right:30px;top:30px}
.modal.lilo-modal{/* width:650px; *//* position:fixed; *//* top:50%; *//* left:50%; *//* margin:-250px 0 0 -325px; *//* height: auto; */z-index: 99999999;}
.modal .lilo-popup.modal-dialog{overflow:auto;font-family:Open Sans,Arial,sans-serif;font-size:13px;color:#2B2E6A;background-color:#fff;border-radius:40px;display:flex;box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);max-width: none;width: 850px;/* position: fixed; */top: 50%;left: 50%;margin: -250px 0 0 -425px;height: auto;z-index: 99999999;pointer-events: auto;}
.modal .lilo-popup .preview-slider{width:45%;padding: 30px;}
.modal .lilo-popup .preview-slider .carousel-inner{}
.modal .lilo-popup .preview-slider .carousel-item{}
.modal .lilo-popup .preview-slider .carousel-item img{width:100%}
.modal .lilo-popup .preview-slider .carousel-control{position:absolute;top:50%;width:50px;height:50px;background-position:50% 50%;background-repeat:no-repeat;margin-top:-25px}
.modal .lilo-popup .preview-slider .carousel-control.prev{background-image:url(../img/arrow-left.png);left:0}
.modal .lilo-popup .preview-slider .carousel-control.next{background-image:url(../img/arrow-right.png);right:0}
.modal .lilo-popup .preview-details{flex:1;padding: 30px 20px 20px 0;}
.modal .lilo-popup .preview-details .product-title{}
.modal .lilo-popup .preview-details .product-title h2{font-size:24px;color:#2B2E6A;font-weight:700}
.modal .lilo-popup .preview-details .product-title h3{font-size:18px;font-weight:300}
.modal .lilo-popup .preview-details .product-pricing{}
.modal .lilo-popup .preview-details .product-pricing .price{color:#713AFB;font-size:26px;font-weight:700}
.modal .lilo-popup .preview-details .product-pricing p{font-size:15px}
.modal .lilo-popup .preview-details .btn-buy{background:#713AFB;color:#fff;padding:8px 15px;display:inline-block;border-radius:6px;font-weight:600;transition:all 0.5s}
.modal .lilo-popup .preview-details .btn-buy:hover{background:#351090;text-decoration:none}
.modal .lilo-popup .preview-details .product-content{padding:15px 0}
.modal .lilo-popup .preview-details .product-content p{margin-bottom:8px;font-size:15px}
.modal .lilo-popup .preview-details .product-content a{color:#2B2E6A;text-decoration:underline}
.modal .lilo-popup .preview-details .product-content strong{}
.modal .lilo-popup .preview-details .likes-favs{}
.modal .lilo-popup .preview-details .likes-favs h3{color:#FC167C;font-size:18px;font-weight:600}
.modal .lilo-popup .likes-favs .likes,.likes-favs .favs{display:inline-block;background-repeat:no-repeat;background-position:0 50%;padding:2px 15px 2px 20px;font-weight:600}
.modal .lilo-popup .likes-favs .likes{background-image:url(../img/like.png);color:#0045ff}
.modal .lilo-popup .likes-favs .favs{background-image:url(../img/fav.png);color:#fc167c}
.lilo-popup .popup-close{background:url(../img/close.png) no-repeat 50% 50%;position:absolute;top:0;right:0;width:70px;height:70px;display:block;z-index: 99;filter: brightness();}

/* settings page */
.full-covered-page{position:fixed;top:0;left:250px;bottom:0;right:0;overflow:auto}
.full-covered-page h2{color:#2B2E6A;font-weight:700;margin:0 0 30px;padding:0 0 10px;font-size:30px}
.full-covered-page .settings-page{padding:40px 80px}
.settings-page p{font-size:14px}
.settings-page .row{margin-bottom:50px}
.settings-page .form-fields{width:340px}
.settings-page-row{max-width:700px}
h2.main-head{font-size:16px;text-align:center;color:#713AFB;font-weight:700}
h3.sub-head{font-size:14px;text-align:left;color:#713AFB;font-weight:700;margin:0 0 20px}
.fieldset{padding:0}
.fieldset .field-row{position:relative;padding-bottom:18px}
.fieldset .field-row label.field-label{position:absolute;left:0;color:#616494;margin:0;font-size:14px;bottom:25px}
.fieldset .field-row label.error{position:absolute;color:red;font-size:11px;bottom:0;left:0;margin:0}
.fieldset .field-row input.field-value{width:100%;border:0;text-align:left;padding:0 0 0 130px;outline:0;height:37px;font-size:14px;border-bottom:1px solid #616494;background:transparent}
.fieldset .field-row input.field-value.error{border-bottom:1px solid red}
.fieldset .field-row input.field-value.date{letter-spacing:4px}
.fieldset .btn-row{padding:10px 0 0}
.btn-row .btn{height:44px;color:#fff;font-size:14px;font-weight:bold;margin-bottom:15px;transition:all 0.3s;background:#713AFB;padding:0 25px}
.account-privacy{}
.radio-field{}
.radio-field input.custom-radio{position:absolute;opacity:0.01;width:1px;height:1px;overflow:hidden}
.radio-field label.custom-radio{background:url(../img/radio-unchecked.png) no-repeat 0 1px;display:block;margin:0 0 10px 0;padding:0 0 0 25px;transition:all 0.3s}
.radio-field input.custom-radio:checked + label{background-image:url(../img/radio-checked.png)}
.profile-picture{}
.profile-picture .change-dp{width:168px}
.profile-picture .change-dp img {height: 168px;width: 168px;}
.profile-picture .change-dp a.uploadpic{text-align:center;display:block;color:#616494;text-decoration:underline;padding:2px}
#upload.modal{background:rgba(255,255,255,0.9)}
#upload.modal .modal-dialog{width:90%;max-width:400px;border:0}
#upload.modal .modal-content{border:0;box-shadow:0 0 16px rgba(0,0,0,0.12)}
#upload.modal .modal-header{border:0;text-align:center;display:block;padding:30px 0 20px}
#upload.modal .modal-header .modal-title{display:block;text-align:center;font-size:18px;color:#713AFB;font-weight:700}
#upload.modal .modal-header .close-modal{position:absolute;top:15px;right:15px}
#upload.modal .modal-body{text-align:center}
#upload.modal .modal-body input{margin-bottom:20px}
#upload.modal .modal-footer{border:0;flex-direction:column}
#upload.modal .modal-footer .btn{width:90%;height:44px;color:#fff;border:0;font-size:14px;font-weight:normal;margin-bottom:5px;transition:all 0.3s;background:#713AFB;padding:0 25px}
#upload.modal .modal-footer .btn.btn-primary{}
#upload.modal .modal-footer .btn.btn-secondary{background:transparent;color:#713afb}