html {

	scroll-behavior: smooth;

	scrollbar-width: thin;

  	scrollbar-color: #c3c1bc #eee;

}



body {

	direction: rtl;

	overflow-y: scroll;

	overflow-x: hidden;

	color: #000;

	font-size: 15px;

	font-weight: 300;

	font-family: 'dana', 'tahoma';

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	background: #fafafa;

}



body[data-dscroll=true] {

	height: 100% !important;

	overflow: hidden;

}



html, body {

	height: 100%;

	width: 100%;

}



button, input, select, textarea {

	font-family: inherit;

	font-size: inherit;

	line-height: inherit;

}



a:link, a:visited, a:hover, a:active {

	text-decoration: none;

	color:inherit;

}



* {

	position: relative;

	margin: 0px;

	padding: 0px;

}



*, ::after, ::before {

	box-sizing: border-box;

}

*::-webkit-scrollbar {

	width: 7px;

}



*::-webkit-scrollbar-track {

	background: #eee;

}



*::-webkit-scrollbar-thumb {

	background-color: #c3c1bc;

}



@font-face {

	font-family: dana;

	font-style: normal;

	font-weight: 300;

	src: url('https://cp.moon-stone.ir/fonts/dana/eot/dana-light.eot');

	src: url('https://cp.moon-stone.ir/fonts/dana/eot/dana-light.eot?#iefix') format('embedded-opentype'), url('https://cp.moon-stone.ir/fonts/dana/woff2/dana-light.woff2') format('woff2'), url('https://cp.moon-stone.ir/fonts/dana/woff/dana-light.woff') format('woff');

	font-display: swap;

}



@font-face {

	font-family: dana;

	font-style: normal;

	font-weight: 500;

	src: url('https://cp.moon-stone.ir/fonts/dana/eot/dana-medium.eot');

	src: url('https://cp.moon-stone.ir/fonts/dana/eot/dana-medium.eot?#iefix') format('embedded-opentype'), url('https://cp.moon-stone.ir/fonts/dana/woff2/dana-medium.woff2') format('woff2'), url('https://cp.moon-stone.ir/fonts/dana/woff/dana-medium.woff') format('woff');

	font-display: swap;

}



@font-face {

	font-family: dana;

	font-style: normal;

	font-weight: 600;

	src: url('https://cp.moon-stone.ir/fonts/dana/eot/dana-demibold.eot');

	src: url('https://cp.moon-stone.ir/fonts/dana/eot/dana-demibold.eot?#iefix') format('embedded-opentype'), url('https://cp.moon-stone.ir/fonts/dana/woff2/dana-demibold.woff2') format('woff2'), url('https://cp.moon-stone.ir/fonts/dana/woff/dana-demibold.woff') format('woff');

	font-display: swap;

}



@font-face {

	font-family: dana;

	font-style: normal;

	font-weight: bold;

	src: url('https://cp.moon-stone.ir/fonts/dana/eot/dana-bold.eot');

	src: url('https://cp.moon-stone.ir/fonts/dana/eot/dana-bold.eot?#iefix') format('embedded-opentype'), url('https://cp.moon-stone.ir/fonts/dana/woff2/dana-bold.woff2') format('woff2'), url('https://cp.moon-stone.ir/fonts/dana/woff/dana-bold.woff') format('woff');

	font-display: swap;

}



@font-face {

	font-family: dana;

	font-style: normal;

	font-weight: normal;

	src: url('https://cp.moon-stone.ir/fonts/dana/eot/dana-regular.eot');

	src: url('https://cp.moon-stone.ir/fonts/dana/eot/dana-regular.eot?#iefix') format('embedded-opentype'), url('https://cp.moon-stone.ir/fonts/dana/woff2/dana-regular.woff2') format('woff2'), url('https://cp.moon-stone.ir/fonts/dana/woff/dana-regular.woff') format('woff');

	font-display: swap;

}



@font-face {

	font-family: fontello;

	font-style: normal;

	src: url('https://cp.moon-stone.ir/fonts/fontello/fontello.eot?u=10');

	src: url('https://cp.moon-stone.ir/fonts/fontello/fontello.eot?#iefix') format('embedded-opentype'), url('https://cp.moon-stone.ir/fonts/fontello/fontello.woff2?u=10') format('woff2'), url('https://cp.moon-stone.ir/fonts/fontello/fontello.woff?u=10') format('woff'), url('https://cp.moon-stone.ir/fonts/fontello/fontello.ttf?u=10') format('truetype');

	font-display: swap;

}



.main {

	display: flex;

	flex-flow: column;

	min-height: 100%;

	padding-top: 50px;

}



.main > section {

	display: flex;

	flex-flow: column;

	flex-grow: 1;

}



section .container {

    display: flex;

    flex-flow: column;

    background: #fff;

    padding: 30px 20px;

    width: 500px;

    margin: 30px auto;

    border-radius: 20px;

    box-shadow: 0 0 50px 0 rgb(0 0 0 / 8%);

}



.main > section .container header{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

    height: 50px;

	display: flex;

	flex-flow: wrap;

    align-items: center;

	background: #fff;

	z-index: 15;

}



section header .ico{

    color: #000 !important;

    font-size: 20px !important;

}



section header .new-but{

    top: 1px;

}



section header .menu{

    top: 3px;

    margin-right: 20px;

}



section header .menu:before{

    content: '';

    font-family: 'fontello';

    font-size: 20px;

}



section header h1{

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

    display: flex;

    align-items: center;

    padding-right: 55px;

    height: 100%;

}



section header h1 strong{

    font-size: 16px;

	font-weight: 500;

}



section .section-panels {

    position: fixed;

    width: 100%;

    top: 50px;

    left: 0;

    z-index: 15;

    display: flex;

    flex-flow: column;

    background: #fff;

}



section .sp-items {

    display: flex;

    flex-flow: row;

    align-items: center;

    overflow-x: auto;

    padding: 10px 20px;

}



section .sp-item {

    font-weight: 500;

    flex-shrink: 0;

    font-size: 14px;

}

.panels-nav .sep,

section .sp-items div:empty {

	background: #000;

	width: 1px;

	height: 18px;

	margin: 0 18px;

	flex-shrink: 0;

}



section .container .search-con{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	background: #fff;

	z-index: 15;	

	height: 50px;

	border-bottom: 1px solid #ddd;

	align-items: center;

	display: none;

}



section .container .search-con[data-show=true]{

	display: flex;

}



section .container .search-con input{

	border: none;

}





section .container .search-but {

    cursor: pointer;

	margin-right: 10px;

	display: flex;

	margin-left: 15px;

}



section .container .search-but:before{

	content: '';

	font-family: 'fontello';

	display: block;

    font-size: 17px;

    position: relative;

	top: 1px;

}

section .container .search-con .close {

    position: absolute;

    padding: 10px 15px;

    margin: 0;

    left: 0;

    cursor: pointer;

}



section .container .search-con .close:before{

	content: '';

	font-family: 'fontello';

	display: block;

    font-size: 18px;

}
section .container .back .ico{
	font-size: 16px !important;
	top: 3px;
	margin-left: 15px!important;
}


section .container .items{

	margin-top: 15px;

}

	

.modal .items .row,

	section .container .items .naitem,

section .container .items .row {

    display: flex;

    flex-flow: row;

    justify-content: center;

    align-items: center;

    padding: 15px 10px 13px 10px;

    border-radius: 10px;

    border: 1px solid #eee;

    margin-bottom: 10px;

}



.modal .items .row-header,

section .container .items .row-header {

    background: #060390;

    color: #fff;

    border:none;

}



.modal .items .row-header .cell div,

section .container .items .row-header .cell div {

	font-weight: 500;

}



.modal .items .row .cell,

	section .container .items .naitem .cell,

section .container .items .row .cell{

	flex: 1 1 auto;

	width: 100%;

	overflow: hidden;

	display: flex;

	flex-flow: column;

    align-items: center;

    text-align: center;

}



.modal .items .row .delete,

.modal .items .row .edit,

section .container .items .row .delete,

section .container .items .row .edit {

	flex-shrink: 0;

	cursor: pointer;

}



.modal .items .row .menu,

section .container .items .row .menu {

    align-items: flex-end;

    width: 20px;

    flex-shrink: 0;

    cursor: pointer;

}







.modal .items .row .delete,

section .container .items .row .delete {

	width: 16px;

}



.modal .items .row .edit,

section .container .items .row .edit {

	width: 35px;

}



section .container .items .row .menu .ico,

section .container .items .row .edit .ico,

section .container .items .row .delete .ico,

section .container .items .row .arrow .ico {

	margin: 0;

	font-size: 16px;

}



.modal .search-status,

section .container .search-status{

    display: flex;

    flex-flow: column;

    flex-grow: 1;

    align-items: center;

    justify-content: center;

    padding: 25px;

    text-align: center;

}



.modal .search-status:before,

section .container .search-status:before{

    content: '';

    font-family: 'fontello';

    font-size:60px;

    margin-bottom: 10px;

    color: #333;

    background: #f7f7f7;

    border-radius: 50%;

    width: 120px;

    height: 120px;

    line-height: 120px;

    text-align: center;

}





.root .modal {

	position: fixed;

	background: rgba(0,0,0,.4);

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	box-shadow: 0 3px 20px 0 rgb(0 0 0 / 15%);

	z-index: 15;

	display: flex;

	align-items: center;

    padding: 20px 0;

	justify-content: center;

	opacity: 0;

}



.root .modal .container {

	background: #fff;

	box-shadow: 0 3px 20px 0 rgb(0 0 0 / 15%);

	border-radius: 10px;

	padding: 25px 40px;

    margin: 20px auto;

    overflow-y: hidden;

	z-index: 10;

    display: flex;

    max-height: 100%;

}





.root .modal .container .content {

	max-height: 100%;

	display: flex;

	width: 100%;

}



.root .modal .close {

	position: absolute;

	padding: 10px 15px;

	margin: 0 !important;

	font-size: 20px;

	top: 5px;

	left: 0;

	cursor: pointer;

}





.root .modal .container form {

	width: 100%;

    display: flex;

    flex-flow: column;

}





.root .modal .container .header {

	flex-shrink: 0;

	display: flex;

	height: 50px;

	align-items: center;

	width: 100%;

}



.root .modal .container .header .title{

    font-size: 16px;

    font-weight: 500;

    margin-right: 20px;

}





.root .modal .panels-nav {

	display: flex;

	flex-flow: row;

	justify-content: space-between;

	padding: 10px 20px 8px 20px;

	margin-bottom: 10px;

	border-top: 1px solid #ddd;

	border-bottom: 3px solid #060390;

	overflow-x: auto;

	flex-shrink: 0;

}



.root .modal .panels-nav:empty {

    padding: 0;

    border-top: none;

}

.root .modal .panels-nav div:not(.sep) {

	font-size: 14px;

	font-weight: 500;

	text-align: center;

	white-space: nowrap;

	cursor: pointer;

}



.root .modal .panel-hide {

	display: none !important;

}



.root .modal .panels-nav + .panels{

    width: 100%;

    flex-grow: 1;

    overflow: hidden;

    display: flex !important;

    flex-flow: row;

}



























.view-mode{

    display: flex;

    flex-flow: row;

}

.view-mode div{

    cursor:pointer;

    padding: 5px;

}

.view-mode div:not(:last-child){

    margin-left:15px;

}

.tile3,

.tile5,

.tile9{

    display: flex;

    flex-flow: wrap;

}

.tile3 .tids,

.tile5 .ti5ds,

.tile5 .tids,

.tile9 .tids{

    display: none !important;

}

.tile3 .item,

.tile5 .item,

.tile9 .item{

    margin-left: 1.5%;

    border: none;

    margin-bottom: 10px !important;

}

.tile9 .item{

    width:9.77%;

}

.tile5 .item{

    width:18.8%;

}

.tile3 .item{

    width:32.3%;

}

.tile3 .row1,

.tile5 .row1,

.tile9 .row1{

    flex-flow: column;

    align-items: center;

}

.tile9 .item:nth-child(9n){

    margin-left: 0;

}

.tile5 .item:nth-child(5n){

    margin-left: 0;

}

.tile3 .item:nth-child(3n){

    margin-left: 0;

}



.tile3 .item .imgm,

.tile5 .item .imgm,

.tile9 .item .imgm{

    width:90% !important;

    margin-bottom: 10px;

}

.tile3 .item .title,



.tile5 .item .title,

.tile9 .item .title{

    width:100% !important;

    margin-right: 0 !important;

    text-align: center;

}

.tile5 .item .tip,

.tile9 .item .tip{

    position: absolute;

    width: 100%;

    left: 0;

	text-align: center;

    font-size: 10px;

	color: #fff;

	padding: 5px;

    background:#060390;

	display: none;

	z-index: 5;

}



.show-tips .item .tip{

	display: block;

}

.show-tips .item .tip:empty{

	display: none;

}



.main-loading{

	position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 500;

    display: flex;

    background: #fff;

    visibility: collapse;

}



.main-loading[data-show=true]{

	visibility: visible;

}



[data-input-show=false]{

	visibility: hidden;

}







.mn-new {

	margin-left: 0;

	margin-right: auto;

	display: flex;

	align-items: center;

}



.mn-new span:last-child {

	font-weight: 400;

	font-size: 18px;

}



.mn-new .ico {

	margin-left: 0px;

	margin-right: 10px;

	font-size: 20px;

}











.dd {

	width: 100%;

	left: auto;

	right: 0;

	box-shadow: 0 2px 20px 0 rgb(50 50 50 / 25%)

}



.dd .nav div {

	padding: 5px 20px;

	display: flex;

	align-items: center;

	direction: rtl;

	cursor: pointer;

}



.dd .nav {

	max-height: 300px;

	overflow-y: auto;

}

.mn-new .dd,

.new-but .dd {

    width: 150px;

    right: auto;

    left: 0;

	top: 100%;

    margin-top: 5px;

}

.dd .label {

}



.ic {

	display: inline-block;

	width: 100%;

	margin-bottom: 15px;

}





.dd-left{

    left: 0;

    right: auto;

    width: auto;

}



.clear {

	font-family: 'fontello';

	position: absolute;

	left: 10px;

	top: 50%;

	cursor: pointer;

	font-size: 16px;

	transform: translateY(-50%);

	display: none;

}



.clear[data-show=true] {

	display: block;

}

























.categories input {

	cursor: pointer;

}







form > .title {

	font-size: 20px;

	font-weight: 500;

	margin-bottom: 25px;

	border-bottom: 3px solid #060390;

	display: inline-block;

	padding: 0 0 5px 20px;

}



.modal .container {

	display: flex;

	max-height: 100%;

}







.main-nav{

    display: none;

    position: fixed;

    top: 0;

    right: 0;

    background: #fff;

    width: 350px;

    box-shadow: 0 0 50px 0 rgb(0 0 0 / 8%);

    z-index: 20;

    padding: 30px 0;

    overflow-y: auto;

    min-height: 100%;

    max-height: 100%;

}

.main-nav[data-status=show]{

    display: flex;

    flex-flow: column;

}



.main-nav .ico{

     font-size: 12px !important; 

    margin-right: 5px;

}

.main-nav .close{

    position: absolute;

    top: 20px;

    left: 20px;

	z-index: 20;

	cursor: pointer;

	border-radius: 50%;

	width: 40px;

	height: 40px;

	display: flex;

	justify-content: center;

	align-items: center;

	-moz-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	-webkit-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	transition: all .3s cubic-bezier(.69, 0, .31, 1);

}

.main-nav .close:hover{

    background: #f6f6f6;

}

.main-nav .close:before{

    content: '';

    font-family: 'fontello';

    font-size: 20px;

}



.main-nav .member-info{

	align-items: center;

	padding: 0px 30px 15px 30px;

}

.main-nav .member-info .sep{

	height: 12px;

	margin: 0 10px;

}

.main-nav .member-info .image{

	background: #eee;

	width: 70px;

	height: 70px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	border-radius: 50%;

	

}

.main-nav .nav-header{

	

	padding: 5px 30px;

}

.main-nav a{

	

    font-weight: 400;

	padding: 6px 30px;

	-moz-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	-webkit-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	transition: all .3s cubic-bezier(.69, 0, .31, 1);

}

.main-nav a:hover{

	background: #f6f6f6;

}













.width30 .container{

	width: 30%;

    min-width: 500px;

}











































header .search-container{

	

    position: fixed;

    left: 0;

    right: 0; 

}













.loading1{

    width: 50px;

    height: 50px;

    margin: auto;

    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='%23000' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");

}





.modal .container{

	overflow-y: auto;

}

.field-set,

.uploader{

    border: 1px solid #e0e0e2;

	padding:20px;

	border-radius: 5px;

}

@keyframes fade {

  0%,100% { opacity: 0 }

  50% { opacity: 1 }

}

.uploader svg{

	width: 15px;

	height: 15px;

	margin-left: 3px;

}



.uploader .browse{

	justify-content: center;

    background: #f6f6f6;

    padding: 20px;

    border-radius: 5px;

}

.uploader .preview{

	opacity: 0;

	display: none;

	margin: auto;

	width: 100%;

	height: 220px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: contain;

}

.uploader .progress{

	display: none;

	font-weight: 400;

	text-align: left;

	color:#060390;

	border-bottom: 4px solid #060390;

	-moz-transition: width .4s linear;

	-webkit-transition: width .4s linear;

	transition: width .4s linear;

}

.uploader .progress.complete{

	opacity: 1;

	width: 100%;

    animation: fade 2s linear ;

	animation-iteration-count: infinite;



}

.uploader .browse button{

	border: none;

	background: transparent;

	outline: none;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	color: #333;

	font-size: 14px;

}

.uploader.filled{

	padding: 20px;

}

.uploader.filling .browse,

.uploader.filled .browse{

	display: none !important;

}

.uploader.filled .preview{

	display: block;

}

.uploader.filling .progress{

	display: inline-block;

}







/* Works on Chrome, Edge, and Safari */







.ico {

	font-family: 'fontello';

	margin-left: 5px;

	font-size: 20px;

}



.pad-v{

	padding: 30px 0 60px 0;

}

.pad{

	padding: 30px 8% 60px 8%;

}

.mw{

    max-width: 1024px;

    margin: auto;

	width: 100%;

}

.toman{

	font-size: 12px;

	margin-right: 3px;

	

}

.clr-r{

	color: #ef4056;

}

.fixvm:before{

    content: '';

    display: block;

    height: 2px;

    

}

.mb10{margin-bottom:10px}

.mb15{margin-bottom:15px}

.mb20{margin-bottom: 20px}

.mb30{margin-bottom: 30px}

.mb60{margin-bottom: 60px}

.mb5{margin-bottom: 5px}

.mt5{margin-top: 5px}

.mt30{margin-top: 30px}

.mt20{margin-top: 20px}

.mt10{margin-top: 10px}

.mt15{margin-top: 15px}

.mha{margin-left: auto;margin-right: auto}

.mra{margin-right: auto}

.mla{margin-left: auto}

.ml5{margin-left: 5px}

.mr5{margin-right: 5px}

.ml10{margin-left: 10px}

.ml20{margin-left: 20px}

.mr5{margin-right: 5px}

.mr10{margin-right: 10px}

.mr15{margin-right: 15px}

.mr20{margin-right: 20px}

.mr30{margin-right: 30px}

.f-box{

	border-radius: 5px;

    padding: 16px 14px 10px 10px;

    color: #000;

    border: 1px solid #e0e0e2;

}



.f-box + label{

	position: absolute;

	top: -13px;

	right: 10px;

	font-size: 14px;

    color: #999;

    transform: translateY(0%);

	padding: 0 5px;

	background: #fff;

	cursor: text;

	font-weight: 400;

}

.mh5{

    margin-left: 5px;

    margin-right: 5px;

}

.mh10{

    margin-left: 10px;

    margin-right: 10px;

}

.pv5{

    padding-top: 5px;

    padding-bottom: 5px;

}

.pv10{

    padding-top: 10px;

    padding-bottom: 10px;

}

.pv20{

    padding-top: 20px;

    padding-bottom: 20px;

}

.ph15{

    padding-left: 15px;

    padding-right: 15px;

}

.pl20{

    padding-left: 20px;

}

.ph20{

    padding-left: 20px;

    padding-right: 20px;

}

.pt10{

    padding-top: 10px;

}

.pb5{

    padding-bottom: 5px;

}

.pb10{

    padding-bottom: 10px;

}

.pl10{

    padding-left: 10px;

}

.pb15{

    padding-bottom: 15px;

}

.pb20{

    padding-bottom: 20px;

}



.p5{padding: 5px}

.p10{padding: 10px}

.p20{padding: 20px}

.p30{padding: 30px}

.p60{padding: 60px}

.flr{

	display: flex !important;

	flex-flow: row;

}

.imgm{

    width: 100%;

}

.imgm div{

    width: 100%;

    padding-top: 100%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



.ofh{

	overflow: hidden;

}

.ofxh{

	overflow-x: hidden;

}

.ofxa{

	overflow-x: auto;

}

.ofya{

	overflow-y: auto;

    max-height: 100%;

}

.minh100{

	min-height: 100%;

}

.let-s{

    letter-spacing: 1px;

}

.flc{

	display: flex;

	flex-flow: column;

}

.flw{

	flex-wrap: wrap!important;

}

.txt-selected{

    color:#060390;

    font-weight: 500;

}

[data-is-selected=true]{

	background: #f5f5f5 !important;

}

.fl-ass{align-self: flex-start}

.fl-ac{align-items: center}

.fl-as{align-items: flex-start}

.fl-ae{align-items: flex-start}


.fl-acs{align-content: flex-start; }

.fl-jc{justify-content: center}

.fl-jsa{justify-content: space-around}

.fl-jsb{justify-content: space-between}

.fl-sh-0{flex-shrink:0}

.fl-g-1{flex-grow:1}

.rad5{border-radius: 5px}

.rad{border-radius: 10px}

.brd{border: 1px solid #ddd}

.brdt{border-top: 1px solid #ddd}

.brdb{border-bottom: 1px solid #ddd}

.brds2{border-width: 2px;}

.brdmc2{border-bottom: 3px solid #060390}

.brdmc1{border-bottom: 1px solid #060390}

.l-ts{font-size: 25px}

.l-ico{font-size: 80px}

.xl-ico{font-size: 110px}

.fs14{font-size: 14px}

.txtov{

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.fs16{font-size: 16px}

.fs18{font-size: 18px}

.we5{font-weight: 500}

.we6{font-weight: 600}

.tac{text-align: center}

.tar{text-align: right}

.tal{text-align: left}

.tae{text-align: end}

.taj{text-align: justify}

.tc{color:#000}

.mcf{color:#060390}

.bgbrown{background-color:#f7f7f7}

.mcb{background-color:#060390}

.w25{width:25%}

.w35{width:35%}

.w32{width:32% !important;}

.w49{width:49% !important;}

.w50{width:50% !important;}

.w66{width:66% !important;}

.w100{width:100%}

.rtl{direction:rtl}

.ltr{direction:ltr}

.ltri input,.ltri textarea{direction:ltr}

.flxbr{

	flex-basis: 100%;

    height: 0;

}

.curs-poin{

	cursor: pointer;

}





.section-note {

    display: flex;

    justify-content: center;

    flex-flow: column;

    align-items: center;

    margin-top: 60px;

    margin-bottom: 60px;

}

.section-note .ico {

    font-size: 80px;

    margin-bottom: 20px;

}





header .category-items[data-show=true],

header .category-items:hover,

header nav a:nth-child(2):hover + .category-items{

	display: flex;

}

header .category-items{

	display: none;

	position: fixed;

    width: auto;

	top: 127px;

    left: 0;

    right: 0;

	z-index: 10;

    padding: 0 8% 0 0;

	background: #f9f9f9;

    box-shadow: 0 12px 12px 0 hsl(0deg 0% 71% / 11%);

    border: 1px solid #f4f4f4;

    flex-flow: row;

}

header .category-items .main-items{

	padding-left: 40px;

}

header .category-items .container{

	flex-grow: 1;

background: #fff;

}



.app-nav + .category-items .container .items a,

.app-nav + .category-items .main-items .item,

header .category-items .item {

    margin-bottom: 0;

	display: flex;

	flex-flow: row;

	border-bottom: 1px solid #eee;

	align-items: center;

}

header .category-items .item:hover{

	

}

header .category-items .item:hover .title {

	color:#060390 !important;

}



.app-nav + .category-items .container .items a:after,

.app-nav + .category-items .main-items .item:after,

header .category-items .item:after {

	content: '';

	font-family: 'fontello';

	font-size: 14px;

	opacity: 0;

	-moz-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	-webkit-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	transition: all .3s cubic-bezier(.69, 0, .31, 1);

	color:#060390;

}

header .category-items .item:hover:after {

	opacity: 1;

}

.app-nav + .category-items .container .items a:after{

	margin-right: auto;

}

header .category-items .items:hover{

	display: flex;

}

header .category-items .items{

	display: none;

	position: absolute;

    top: 0;

	height: 100%; 

    flex-direction: column;

    flex-wrap: wrap;

    padding: 45px;

	left: 0;

	right: 0;

    align-content: flex-start;

}

.app-nav + .category-items .container .items{

	display: flex;

	flex-flow: column;

}

header .category-items .items a{

	white-space: nowrap;

	margin-bottom: 15px;

	margin-left: 60px;

    font-weight: 400;

	

	-moz-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	-webkit-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	transition: all .3s cubic-bezier(.69, 0, .31, 1);

}



header .category-items .items a:hover{

	color:#060390;

}

.app-nav + .category-items .container .items a{

	flex-grow: 1;

	padding: 23px 0 28px 0;

}

.app-nav + .category-items .main-items .item .title,

header .category-items .title {

    color: #000;

    font-weight: 400;

	font-size: 14px;

    margin-bottom: 0;

	padding: 18px 0 18px 60px;

    display: block;

	flex-grow: 1;

	-moz-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	-webkit-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	transition: all .3s cubic-bezier(.69, 0, .31, 1);

}

.root .bg[data-show=true]{

	display: block;

}

.root .bg{

	display: none;

	position: fixed;

    background: rgba(0,0,0,.4);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 15%);

    z-index: 9;

    opacity: 0;

}

.app-nav{

	display: none;	

}

.search-modal .container{

	top: 18px;

	width: 550px;

}

.search-container{

	border:2px solid #060390;

	margin: 0 auto;

	display: flex;

	flex-grow: 0;

	width: 550px;

	border-radius: 20px;

	overflow: hidden;

	background: #060390;

}

.search-container .sbtn{

	padding: 8px 30px;

	color: #fff;

	font-weight: 400;

	cursor: pointer;

}

.search-container input{

	margin: 0 !important;

    padding: 10px 14px 8px 10px !important;

    color: #000;

    border: none !important;

    background-color: #f9f9f9;

    font-size: 14px !important;

	font-weight: 300!important;

	border-radius: 0 !important;

}

.search-modal .result{

	background: #fff;

	border-radius: 10px;

	margin-top: 5px;

	padding: 25px;

}

.search-modal .result:empty {

  display: none;

}

.search-modal .items .item {

    width: 100%;

    padding: 15px;

    margin: 0;

display: flex;

    margin-bottom: 3px;

		flex-flow: row;

	border-bottom: 1px solid #ddd;

}

.search-modal .items .item .info{

	display: flex;

	flex-flow: column;

	flex-grow: 1;

}

.search-modal .items .item .image {

    padding-top:0;

    height: 50px;

	flex-shrink: 0;

	width:50px;

	margin-left: 10px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}

.search-modal .items .item .title {

	font-size: 15px;

	color: #000;

	line-height: 22px;

}

.search-modal .items .item .price {

    margin-right: auto;

    margin-top: auto;

	font-size: 16px;

	color: #000;

	font-weight: 500;

}

.search-modal .browse{

	color: #060390;

	font-weight: 500;

	display: block;

    text-align: center;

    margin-top: 20px;

}























.root {

}



.root .c-modal {

	position: fixed;

	background: rgba(0,0,0,.4);

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	box-shadow: 0 3px 20px 0 rgb(0 0 0 / 15%);

	z-index: 15;

	display: flex;

	align-items: center;

    padding: 20px 0;

	justify-content: center;

	opacity: 0;

}



.root .c-modal .container{

	position: fixed;

	overflow: hidden;

	z-index: 10;

}





.flxc {

	display: flex;

	flex-flow: column;

}



.flxr {

	display: flex;

	flex-flow: wrap;

}



.marb {

	margin-bottom: 60px;

}



.marh {

	margin-left: 1%;

	margin-right: 1%;

}



.flxjc {

	justify-content: center;

}



.w31 {

	width: 31.33%;

}



.w33 {

	width: 33.33%;

}



.txtlh {

	line-height: 32px;

}



.st,

.st * {

	font-size: 12px;

}



.tc {

	color: #000;

}



.mcf {

	color: #060390;

}



.mcb {

	background-color: #060390;

}



.form-status[data-error=true],

.form-status[data-error=false] {

	padding: 15px;

	border-radius: 10px;

	margin-top: 20px;

	display: inline-block;

}



.form-status[data-error=false] {

	border: 1px solid #060390;

}



.form-status[data-error=true] {

	background-color: rgb(244, 67, 54);

}



.form-status,

.form-status div {

	font-weight: 400;

	color: #fff;

}



.form-status[data-error=false],

.form-status[data-error=false] div {

	color: #060390;

}







.nt,

.nt span, .nt a {

	font-size: 16px;

	font-weight: 500;

}



.nt {

	margin-top: 30px;

	padding: 35px;

	border-radius: 30px;

	background: #f1f1f1;

}



.nt:before {

	content: '';

	background: url(https://www.mydigipay.com/wp-content/themes/publisher/report-99/assets/images/qute.svg) no-repeat;

	background-size: contain;

	background-position: center;

	position: absolute;

	top: 0;

	transform: translateY(-40%);

	width: 22px;

	height: 22px;

}

/*+++*/

h1:not(section header h1), h1 strong:not(section header h1 strong) {

	font-size: 20px;

	font-weight: 500;

	margin-bottom: 20px;

	border-bottom: 3px solid #060390;

	display: inline-block;

	padding: 0 0 5px 20px;

}

section > h1,section >  h1 strong {

	font-size: 18px;

	font-weight: 500;

    margin-bottom: 0;

	border-bottom: 2px solid #060390;

	display: inline-block;

	padding: 12px 20px 8px 20px;

}





.logo {

	font-size: 20px;

	font-weight: 500;

	display: flex;

	align-items: center;

}



.logo:before {

	content: '';

	font-family: 'fontello';

	font-size: 40px;

	margin-left: 10px;

	top: -1px;

}



header .top {

	width: 100%;

	display: flex;

	flex-flow: row;

	align-items: center;

	padding: 2px 8% 18px 8%;

	border-bottom: solid 1px #ddd;

}



header .profile {

	display: flex;

	flex-flow: row;

	align-items: center;

	margin-right: 20px;

	cursor: pointer;

	height: 100%;

}



header .profile .info + .ico {

	font-size: 24px;

	margin-right: 10px;

}



header .profile .info {

	display: flex;

	flex-flow: row;

	align-items: center;

}



header .profile .content {

	margin-right: 10px;

}



header .profile .info .name {

	font-size: 14px;

	font-weight: 400;

}



header .profile .info .level {

	font-size: 12px;

	color: #999;

}



header .profile .info .frame {

	border-radius: 50%;

	padding: 2px;

	width: 45px;

	height: 45px;

	overflow: hidden;

	border: solid 1px #ccc;

	flex-shrink: 0;

}



header .profile .info .image {

	width: 100%;

	padding-top: 100%;

	background-image: url(../../images/profile_image.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: 100%;

	border-radius: 50%;

	overflow: hidden;

}



header nav {

	display: flex;

	width: 100%;

	padding: 0 8%;

	align-items: center;

	border-bottom: solid 1px #eee;

}

header nav a:not(.category-items a,.basket) {

	padding: 14px 0 9px 0;

	margin-left: 25px;

	font-size: 15px;

	font-weight: 400;

	

    white-space: nowrap;

}



header nav a .ico {

	top: 2px;

	font-size: 16px;

	margin-left: 8px;

}



header .goods .ico:first-child {

	top: 1px;

}



header .goods .ico:last-child {

	top: 4px;

	font-size: 23px;

	margin-right: -4px;

	line-height: 5px;

}



header .basket {

	color: #fff;

	padding: 8px 18px 11px 18px;

	font-size: 15px;

	margin-right: 20px;

	font-weight: 400;

	cursor: pointer;

	margin-left: 0;

}



header .basket .ico {

	color: #fff;

	margin-left: 0;

	font-size: 20px;

	margin-right: 5px;

}



header .currency {

	padding-left: 5px;

	font-size: 15px;

	margin-left: 3px;

	border-left: solid 1px #ddd;

	margin-right: auto;

}



header .currency .def-currency {

	display: flex;

	align-items: center;

}



header .currency .def-currency span {

	cursor: pointer;

	font-size: 14px;

}



header .currency .def-currency span:first-child {

	font-weight: 400;

}



header .currency .def-currency .ico {

	font-size: 24px;

	top: 0;

	margin-right: 8px;

	line-height: 10px;

}



header .currency .def-currency .ud {

	font-size: 12px;

	color: #999;

	color: #999;

}



header .currency .items {

	position: absolute;

	background: #fff;

	padding: 25px;

	left: 0;

	top: 55px;

	overflow-y: auto;

	box-shadow: 0 3px 20px 0 rgb(0 0 0 / 15%);

	border-radius: 10px;

	display: none;

	z-index: 10;

}



header .currency .items[data-status=show] {

	display: block;

}



header .currency .container {

	column-count: 2;

	width: 650px;

	column-gap: 50px;

	border-top: 1px solid #eee;

	padding-top: 15px;

}



header .currency .item {

	display: flex;

	flex-flow: row;

	padding: 5px 0;

}



header .currency .note {

	float: left;

	font-size: 14px;

	margin-bottom: 15px;

	color: #03a9f4;

}



header .currency .date {

	float: right;

	margin-bottom: 15px;

}



header .currency .item span:first-child {

	font-weight: 400;

}



header .currency .item span:last-child {

	margin-right: auto;

}



header .messages {

	margin-right: auto;

	cursor: pointer;

	opacity: 0;

}



header .notifications {

	margin-right: 20px;

	cursor: pointer;

	opacity: 0;

}

/*+++*/

.col3 {

	-moz-column-count: 3;

	-webkit-column-count: 3;

	column-count: 3;

	-moz-column-gap: 100px;

	-webkit-column-gap: 100px;

	column-gap: 100px;

	text-align: right;

}



@keyframes showModal {

	0% {

		opacity: 0;

		transform: translateY(-30%);

	}



	100% {

		opacity: 1;

		transform: translateY(0);

	}

}



@keyframes ia {

	0% {

		top: 27px;

		color: #666;

		transform: translateY(-50%);

		font-size: 15px;

	}



	100% {

		top: -11px;

		font-size: 14px;

		color: #999;

		transform: translateY(0%);

	}

}



@keyframes iar {

	0% {

		top: -11px;

		font-size: 14px;

		color: #999;

		transform: translateY(0%);

	}



	100% {

		top: 27px;

		color: #666;

		transform: translateY(-50%);

		font-size: 15px;

	}

}



select, input[type='text'], input[type='mobile'], input[type='email'], input[type='tel'], input[type='number'], input[type='search'], input[type='password'], textarea {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	width: 100%;

	padding: 16px 14px 10px 10px;

	color: #000;

	border: 1px solid #e0e0e2;

	background-color: rgba(255, 255, 255, 1);

	font-size: 15px;

	outline: none;

	font-weight: 400;

}



.btn1 + .waiting, input[type='submit'] + .waiting {

	position: absolute;

	width: 52px;

	top: 55%;

	left: 50%;

	transform: translate(-50%,-50%);

	display: none;

}



.btn1[data-waiting=true] + .waiting, input[type='submit']:disabled + .waiting {

	display: block;

}



input:-webkit-autofill {

	box-shadow: 0 0 0 50px rgba(255, 255, 255, 1) inset;

    /* Change the color to your own background color */

	-webkit-box-shadow: 0 0 0 50px rgba(255, 255, 255, 1) inset;

    /* Change the color to your own background color */;

}



input:focus, input:-webkit-autofill:focus, input:-webkit-autofill:active {

	border: 1px solid #060390;

}



body[data-status=loaded] textarea + label ,

body[data-status=loaded] input + label {

	animation-duration: .3s !important;

}

textarea + label,

input:not([type=radio],[type=checkbox]) + label {

	position: absolute;

	top: 27px;

	right: 10px;

	color: #666;

	transform: translateY(-50%);

	padding: 0 5px;

	font-size: 15px;

	background: #fff;

	cursor: text;

	font-weight: 400;

	animation: iar .3s cubic-bezier(.69, 0, .31, 1) forwards;

	animation-duration: 0s !important;

	   pointer-events: none;



}

textarea + label *,

input:not([type=radio],[type=checkbox]) + label *{

	color: #666;

	font-weight: 400;

	font-size: 15px;

}

label[required]:after,

textarea[required] + label:after ,

input:not([type=radio],[type=checkbox])[required] + label:after {

	content: '*';

	color: red;

	margin: 0 4px;

}

textarea:focus + label *,

textarea:focus + label,

input:focus + label *,

input:focus + label,

input:-webkit-autofill + label *,

input:-webkit-autofill + label,

input:not(:placeholder-shown) + label *,

input:not(:placeholder-shown) + label ,

textarea:-webkit-autofill + label *,

textarea:-webkit-autofill + label,

textarea:not(:placeholder-shown) + label *,

textarea:not(:placeholder-shown) + label {

	animation: ia .3s cubic-bezier(.69, 0, .31, 1) forwards;

}

input[type=radio] + label *,

input[type=checkbox] + label *,

input[type=radio] + label,

input[type=checkbox] + label{

	animation:none!important;

}

textarea.error,

input.error{

	border-color:#ef4056;

	margin-bottom: 0;

}

label + .error,

label + .error{

	padding-bottom: 13px;

    padding-top: 5px;

    color: #ef4056;

    font-size: 14px;

}

form .status {

	margin-top: 10px;

	text-align: center;

    padding-top: 5px;

    color: #ef4056;

    font-size: 14px;

}

/*header*/

@-webkit-keyframes zoom {

	0%, 100% {

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		transform: scale(1);

	}



	50% {

		-webkit-transform: scale(1.1);

		-moz-transform: scale(1.1);

		transform: scale(1.1);

	}

}



@keyframes zoom {

	0%, 100% {

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		transform: scale(1);

	}



	50% {

		-webkit-transform: scale(1.1);

		-moz-transform: scale(1.1);

		transform: scale(1.1);

	}

}



select, input[type='text'], input[type='mobile'], input[type='email'], input[type='tel'], input[type='number'], input[type='search'], input[type='password'], textarea {

	border-radius: 5px;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

input[type=number] {

  -moz-appearance: textfield;

}



.in-nu button{

	width: 20px;

	position: absolute;

	font-family: 'tahoma';

	cursor: pointer;

	font-size: 18px;

	color: #000;

	background: #fff;

	padding: 4px 0;

	text-align: center;

	border-radius: 5px;

	border: none;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	z-index: 5;

	top: 50%;

	transform: translateY(-55%);

}

.in-nu button:first-child{

	right: 3px;

}

.in-nu button:last-child{

	left: 3px;	

}



.btn, .btn1 {

	display: block;

	width: 100%;

	background: #060390;

	padding: 10px 0;

	font-weight: 400;

	cursor: pointer;

	border: none;

	color: #fff;

	text-align: center;

	border-radius: 5px;

	border: solid 1px transparent;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

}

.btn[disabled]{

	opacity: 0.5;

}

.btn1 {

	background: #fff;

	color: #060390;

	border: solid 1px #060390;

}



.s-header a {

}



.today {

	margin-right: 21px;

	top: 3px;

	color: #fff;

}



.db {

	position: fixed;

	background: rgba(0,0,0,.4);

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	box-shadow: 0 3px 20px 0 rgb(0 0 0 / 15%);

	border-radius: 10px;

	z-index: 16;

	display: flex;

	align-items: center;

	justify-content: center;

}



.db .container {

	position: fixed;

	background: #fff;

	max-height: 90%;

    max-width: 90%;

    overflow: hidden;

	box-shadow: 0 3px 20px 0 rgb(0 0 0 / 15%);

	border-radius: 10px;

	padding: 25px 40px;

	z-index: 10;

    display: flex;

    flex-flow: column;

}



.w30 .container {

	width: 25%;

}

.w30 .container,

.w25 .container {

	width: 25%;

}

.wfull .container {

	width: 100%;

	height: 100%;

	border-radius: 0 !important;

}

.w35 .container {

	width: 35%;

}



.db .content {

	font-weight: 500;

    overflow: auto;

}



.db .note {

	color: #999;

	font-size: 13px;

	margin-top: 10px;

	display: block;

	font-weight: 300;

}



.db .tools {

	margin-top: 30px;

	display: flex;

	justify-content: center;

}



.db .tools .yes,

.db .tools .no {

	padding: 10px 40px 7px 50px;

	text-align: center;

	font-weight: 500;

	cursor: pointer;

}



.db .tools .yes {

	flex-grow: 1;

	border-radius: 10px;

	background-color: #060390;

	color: #fff;

}



.db .tools .no {

	color: #060390;

}



.dd {

	position: absolute;

	background: #fff;

	left: 0;

	top: 85%;

	width: 220px;

	overflow-y: auto;

	box-shadow: 0 3px 20px 0 rgb(0 0 0 / 15%);

	border-radius: 10px;

	z-index: 10;

	display: none;

}



.dd[data-status=show] {

	display: block;

}



.dd .c {

	padding: 35px;

}



.dd .nav,

 .member-dropdown .nav {

	display: flex;

	flex-flow: column;

	padding: 10px 0;

}



.member-dropdown .info {

	padding: 20px;

}



.member-dropdown .info .code {

	font-size: 12px;

}



.dd .nav .ni,

.member-dropdown .nav a {

	font-size: 15px;

	padding: 15px 20px 15px 20px;

	cursor: pointer;

}



.dd .nav .ni .ico,

.member-dropdown .nav a .ico {

	font-size: 18px;

	top: 2px;

	margin-left: 6px;

}



.dd .nav .ni div:last-child,

.member-dropdown .nav a div:last-child {

	color: #999;

	font-size: 13px;

	font-weight: 300;

}



.member-dropdown .nav a:not(:first-child):after,

.dd .nav .ni:not(:first-child):after {

	content: '';

	border-top: solid 1px #eee;

	position: absolute;

	width: 90%;

	top: 0px;

	left: 5%;

}



.dd .nav .ni[data-enabled=false] {

	opacity: 0.5;

	cursor: default;

}



.cart {

	font-size: 24px;

	margin-right: 15px;

	color: #fff;

}



body[data-header=light] header {

	background: rgba(255, 255, 255, 0);

	box-shadow: 0px 0px 12px -5px rgba(0, 0, 0, 0);

}



body[data-loading=true] {

	height: 100% !important;

	overflow: hidden;

}







.main + .loading {

	background: #fff;

	height: 100%;

	width: 100%;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 15;

	display: none;

	justify-content: center;

	align-items: center;

}



.main + .loading svg {

	width: 60px;

	height: 60px;

}



body[data-loading=true] .loading {

	display: flex;

}



body[data-header=light][data-status=open] .main header .menu span, body[data-header=light][data-status=open] .main header .menu span:before, body[data-header=light][data-status=open] .main header .menu span:after {

	background-color: #fff;

}



.main header .menu span:before, .main header .menu span:after {

	position: absolute;

	content: '';

}



body[data-status=open][data-header=light] .menu span {

	-moz-transition: all .5s cubic-bezier(.69, 0, .31, 1);

	-webkit-transition: all .5s cubic-bezier(.69, 0, .31, 1);

	transition: all .5s cubic-bezier(.69, 0, .31, 1);

	background-color: rgba(0, 0, 0, 0) !important;

}



body[data-status=open] .menu span {

	background-color: rgba(0, 0, 0, 0.0);

	-webkit-transition-delay: 0.2s;

	-moz-transition-delay: 0.2s;

	transition-delay: 0.2s;

}



body[data-status=open] .menu span:before {

	margin-top: 0;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-transition-delay: 0s, 0.2s;

	-moz-transition-delay: 0s, 0.2s;

	transition-delay: 0s, 0.2s;

}



body[data-status=open] .menu span:after {

	margin-top: 0;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-webkit-transition-delay: 0s, 0.2s;

	-moz-transition-delay: 0s, 0.2s;

	transition-delay: 0s, 0.2s;

}



.menu-content {

	position: fixed;

	background: #030d16;

	height: 100%;

	width: 100%;

	-moz-transition: all .5s cubic-bezier(.69, 0, .31, 1);

	-webkit-transition: all .5s cubic-bezier(.69, 0, .31, 1);

	transition: all .5s cubic-bezier(.69, 0, .31, 1);

	left: -100%;

	z-index: 14;

}



.menu-content .item {

	height: 100%;

	width: 100%;

}



.menu-content .item:first-child {

	width: 100%;

	height: 80%;

	display: flex;

	flex-direction: column;

	flex-wrap: wrap;

	align-content: center;

}



.menu-content .item:first-child .content {

	width: 25%;

	height: 100%;

	display: flex;

	flex-direction: column;

	flex-wrap: wrap;

	align-content: center;

	margin: 50px 0 0 0;

}



.menu-content .item:first-child a {

	font-size: 18px;

	font-weight: 400;

	color: #fff;

	cursor: pointer;

	padding: 10px 0 0 0;

	margin: 10px 0;

	width: 100%;

	height: 30px;

	line-height: 30px;

	text-align: right;

	transition: all .3s ease-out;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transform: scale(1.5);

	transform-origin: center;

}



.menu-content .item:first-child a:hover {

	color: #1a6ab6;

	font-size: 20px;

	font-weight: bold;

}



body[data-status=open] .menu-content {

	left: 0;

}



body[data-status=open] .menu-content a {

	left: 0;

	opacity: 1;

}



.menu-content .item:last-child {

	width: 100%;

	display: flex;

	flex-direction: row;

}



.menu-content .item:last-child .content {

	width: 100%;

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	align-content: center;

	justify-content: space-between;

}



.menu-content .item:last-child .content a {

	font-size: 14px;

	color: #fff;

	text-align: center;

	cursor: pointer;

	width: 100%;

	height: 100%;

	display: inline-block;

}



.menu-content .item:last-child {

	width: 100%;

	display: flex;

	flex-direction: row-reverse;

	align-content: center;

	justify-content: flex-start;

	height: 100%;

}



/*footer*/

footer {

	padding: 20px 8%;

	overflow: hidden;

	display: flex;

	flex-flow: column;

	border-top: 1px solid #ddd;

}



.f-u {

	padding: 60px 8%;

}



footer .cols {

	display: flex;

	margin-bottom: 30px;

	border-bottom: 1px solid #ddd;

	padding-bottom: 50px;

}



footer h3 {

	font-weight: 400;

	font-size: 20px;

	display: inline-block;

	border-bottom: 3px solid #060390;

	margin-bottom: 25px;

	padding: 0 0 5px 20px;

}



footer nav {

	display: flex;

	flex-flow: column;

	align-items: flex-start;

}



footer .txt {

	margin-top: auto;

	margin-bottom: auto;

}



footer .col {

	display: flex;

	flex-flow: column;

	align-items: flex-start;

	flex-grow: 1;

}



footer .col:last-child {

	margin-left: 5%;

	flex-grow: 0;

}



footer .col nav a {

	color: #666;

	font-weight: 400;

}



footer .col nav a:not(:last-child) {

	margin-bottom: 15px;

}



footer .introduction {

	padding-bottom: 40px;

	padding-top: 20px;

	margin-bottom: 30px;

	border-bottom: 1px solid #ddd;

	display: flex;

}



footer .introduction div {

	line-height: 32px;

}



footer .introduction .logo {

	flex-shrink: 0;

	margin-left: 30px;

	color: #666;

}



footer .info {

	text-align: center;

	display: flex;

}



footer .ver {

	margin-right: auto;

	font-size: 12px;

}



.f-u .info {

	text-align: start;

}



footer .copyright strong {

	color: #666;

	font-weight: 600;

}



footer .flxr .ico {

	font-size: 36px;

	margin-left: 15px;

}



.pages {

	display: flex;

	flex-flow: wrap;

	margin: 0 0.25%;

	justify-content: center;

	margin-top: 15px;

	align-items: center;

}



.pages span {

	top: -4px;

	margin-left: 5px;

}



.pages a {

	box-shadow: 0 12px 12px 0 hsl(0deg 0% 71% / 11%);

	width: 40px;

	padding: 7px 5px 3px 5px;

	margin-left: 5px;

	margin-bottom: 5px;

	background: #fff;

	text-align: center;

	cursor: pointer;

}



.pages a:hover {

	background: #ddd;

}



.pages a[data-selected=true] {

	background: #060390;

	color: #fff;

}



.products-items {

	width: 100%;

}



.products-items .ic {

	display: flex;

	flex-flow: wrap;

}



.products-items .icn {

	display: flex;

	flex-flow: row;

}

.products-items .icn .items {

	    display: flex;

    flex-flow: row;

    width: 100%;

	right: 0;

		-moz-transition: all .4s cubic-bezier(.69, 0, .31, 1);

		-webkit-transition: all .4s cubic-bezier(.69, 0, .31, 1);

		transition: all .4s cubic-bezier(.69, 0, .31, 1);

}



.products-items .item {

	width: 19.5%;

	background: #fff;

	padding: 25px;

	margin: 0 0.25%;

	overflow: hidden;

	display: flex;

	flex-flow: wrap;

	margin-bottom: 6px;

}



.products-items .icn .item {

	width: 13.785714%;

	flex-shrink: 0;

}



.products-items .item .image {

	padding-top: 100%;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	margin-bottom: 5px;

	width: 100%;

}



.products-items .item .title {

	font-size: 15px;

	color: #000;

	line-height: 22px;

	text-align: right;

	width: 100%;

	margin-bottom: 5px;

}



.products-items .item .moqspan:last-child {

	font-size: 14px;

}



.products-items .item .moq span:first-child {

	margin-left: 5px;

	font-size: 12px;

}



.products-items .item .price {

	font-size: 16px;

	color: #000;

	margin-right: auto;

	font-weight: 500;

}



.swiper-nav {

	padding: 20px 8% 10px 8%;

	border-bottom: 1px solid #ddd;

	display: flex;

	margin-bottom: 0px;

    align-items: center;

}



.swiper-nav .item {

	margin-left: 10px;

}



.swiper-nav .sep {

	top: 1px;

	font-size: 16px;

	margin-left: 10px;

}

.swiper-nav .sep:after {

	content:'';

	font-family: 'fontello';

	font-size: 12px;

	top: 1px;

	margin-left: 0;

}



.swiper-nav .l {

	color: #060390;

	font-weight: 500;

}



.swiper-nav .report {

	margin-right: auto;

	font-weight: 500;

	cursor: pointer;

}



.swiper-nav .report .ico {

	top: 3px;

}

.app-nav + .category-items[data-show=true]{

		top: 53px;

	}

	.app-nav + .category-items{

		position: fixed;

		width: 100%;

		max-height: 100%;

		overflow-y: auto;

		top: 100%;

		left: 0;

		bottom: 68px;

		background: #fff;

		padding: 20px 20px;

		z-index: 21;

		-moz-transition: all .3s cubic-bezier(.69, 0, .31, 1);

		-webkit-transition: all .3s cubic-bezier(.69, 0, .31, 1);

		transition: all .3s cubic-bezier(.69, 0, .31, 1);

	}

	.app-nav + .category-items .main-items{

		display: flex;

		flex-flow: column;

	}

	.app-nav + .category-items .main-items .item{

		padding: 5px 0 10px 0;

	}

	

	.app-nav + .category-items .container .items a:after,

	.app-nav + .category-items .main-items .item:after {

		opacity: 1;

		color: #000;

	}

	.app-nav + .category-items .container .items{

		    position: fixed;

		width: 100%;

		max-height: 100%;

		overflow-y: auto;

		top: 55px;

		left: -100%;

		bottom: 69px;

		background: #fff;

		padding: 20px 20px;

		-moz-transition: all .3s cubic-bezier(.69, 0, .31, 1);

		-webkit-transition: all .3s cubic-bezier(.69, 0, .31, 1);

		transition: all .3s cubic-bezier(.69, 0, .31, 1);

	}



.profile-nav{

	width: 320px;

	flex-shrink: 0;

	padding: 15px 0;

	background: #fff;

    box-shadow: 0 12px 12px 0 hsl(0deg 0% 71% / 11%);

    border: 1px solid #f4f4f4;

	margin-left: 5px;

}





.profile-nav a:not(:first-child):before {

	content: '';

	border-top: solid 1px #eee;

	position: absolute;

	width: 90%;

	top: 0px;

	left: 5%;

}



.profile-nav .item,

.profile-nav a{

	font-size: 15px;

	padding: 15px 20px 15px 20px;

	display: flex;

	flex-flow: row;

	align-items: center;

	-moz-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	-webkit-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	transition: all .3s cubic-bezier(.69, 0, .31, 1);

}

.profile-nav .item span:last-child{

	margin-right: auto;

}

.profile-nav .item .title{

	font-weight: 400;

}

.profile-nav a span{

	color: #000;

	-moz-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	-webkit-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	transition: all .3s cubic-bezier(.69, 0, .31, 1);

}

.profile-nav a:after {

	content: '';

	font-family: 'fontello';

	font-size: 14px;

	-moz-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	-webkit-transition: all .3s cubic-bezier(.69, 0, .31, 1);

	transition: all .3s cubic-bezier(.69, 0, .31, 1);

	color:#060390;

	margin-right: auto;

	opacity: 0;

}

.profile-nav a:hover{

	background: #fafafa;

}

.profile-nav a:hover span {

	color:#060390;

}

.profile-nav a:hover:after {

	opacity: 1;

}

.profile-nav a span:last-child{

	font-size: 15px;

	font-weight: 400;

}

.profile-nav a .ico{

	top: -2px;

	margin-left: 6px;

}

.profile-nav .info {

	display: flex;

	flex-flow: row;

	align-items: center;

	padding: 20px 20px;

}

.profile-nav .info .score span:last-child{

	top: 4px;

    margin-right: 5px;

}

.profile-nav .info .score span:last-child img{

	width: 15px;

}

.profile-nav .info .content {

	margin-right: 15px;

}

.profile-nav .info .name {

	font-size: 15px;

	font-weight: 400;

}



.profile-nav .info .level {

	font-size: 12px;

	color: #999;

}



.profile-nav .info .frame {

	border-radius: 50%;

	padding: 2px;

	width: 70px;

	height: 70px;

	overflow: hidden;

	border: solid 1px #ccc;

	flex-shrink: 0;

}



.profile-nav .info .image {

	width: 100%;

	padding-top: 100%;

	background-image: url(../../images/profile_image.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: 100%;

	border-radius: 50%;

	overflow: hidden;

}

@media only screen and (max-width: 1440px) {

	

.w30 .container {

	width: 40%;

}

    .root .modal .container{

        min-height: 100% !important;

    }

}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {

	

}



@media only screen and (min-width: 768px) and (max-width: 1023px) {

   

}



	



@media only screen and (min-width: 0px) and (max-width: 767px) and (orientation: portrait) {

	body{background: #fff}

	

	.main > section {

		padding: 0;

	}



	.main > section .container {

		padding: 0px 15px;

		width: 100%;

		margin: 0;

		border-radius: 0;

		box-shadow: none;

	}

	

	.modal .items .row,

	section .container .items .naitem,
	section .container .items .row {

		padding: 12px 0px 12px 0px;

		border-radius: 0px;

		border: none;

		border-bottom: 1px solid #ddd;

		margin-bottom: 0;

	}

    

    .modal .items .row-header,

    section .container .items .row-header {

		border: none;

	}

	

	

	.main-nav{

		width: 100%;

    	box-shadow: none;

	}

    

	.width30 .container{

		width: 100%;

        min-width: 100%;

	}



	

    .root .modal{

        padding: 0;

    }

	

	.root .modal .container {

        padding: 0px;

        height: 100%;

        border-radius: 0;

    }

	

	

	.root .modal .panels-nav:after {

		content: '';

		width: 20px;

		flex-shrink: 0;

	}

	

	.action-bottom .container{

		align-self: flex-end !important;

		height: auto !important;

		margin-bottom: 0 !important;

		width: 100% !important;

	}

    

	

	

	

	

	

	

	

    * {

        font-size: 13px;

        font-weight: 400;

    }

    

    .ico {

        font-size: 17px !important;

    }

    .field-set, .uploader {

        padding: 15px;

    }

    select, input[type='text'], input[type='mobile'], input[type='email'], input[type='tel'], input[type='number'], input[type='search'], input[type='password'], textarea{

        font-size: 13px;

    }

    .ic {

        margin-bottom: 20px  !important;

    }

    .root .c-modal{

        padding: 0;

    }

	.mw{

    	max-width: 100%;

	}

	.pad-v{

		padding: 20px 8% 40px 8%;

	}

	.brd{border: none}

	.rad{border-radius: 0}

	.p60{ padding: 0}

	.mt30{margin-top: 60px}

	.mb15{margin-bottom:5px}

	.w25{width:100%}

	.xl-ico{font-size: 70px}

	

	.nt,.nt span, .nt a {font-size: 15px}

	.nt{padding: 25px}

	

	.search-modal .result{

		position: fixed;

		width: 100%;

		max-height: 100%;

		left: 0;

		bottom: 69px;

		top: 45px;

		overflow-y: auto;

	}

	

	main{ padding-top: 0; }

	header .search-container{

		display: none;

	}

	.fs{

		display:none;

	}

	header {

     padding-top:0;

}

	header .top {

    padding: 10px 20px 10px 20px;

}

	header .currency {

    display: none;

}

	.logo {

		font-size: 18px;

	}

	.logo:before {

		font-size: 30px;

		margin-left: 10px;

	}

	

	header .profile{

		margin-right: auto;

	}

	header .profile .content{

		display: none;

	}

	header .profile .info .frame{

		width:32px;

		height: 32px;

	}

	header .profile .info + .ico{

		display: none;

	}

	header nav{

		display: none;

	}

	

	header .basket{

		    position: fixed;

		font-size: 0;

		    background: transparent;

    top: 3px;

    left: 35px;

	}

	header .ico{

		   color:#999 !important;

	}

	footer {

		padding: 30px 20px !important;

	}



	footer .info {

		flex-flow: column;

		align-items: center;

	}



	footer .copyright,

	 footer .copyright strong {

		font-size: 12px;

	}



	footer .ver {

		margin-right: 0;

		margin-top: 10px;

	}

	footer .cols{

		flex-wrap: wrap;

		padding-bottom: 0px;

	}

	footer .cols .col{

		width: 100%;

		margin-bottom: 30px;

	}

	footer .introduction{

		flex-flow: column;

		padding-bottom: 20px!important;

     padding-top: 0 !important;

	}

	footer .introduction .logo{

		margin-bottom: 10px;

	}

	.swiper-nav {

    padding: 20px 8% 15px 8% !important;

    margin-bottom: 0;

		overflow-x: auto;

}

	.swiper-nav .l,

	.swiper-nav .item {

    white-space: nowrap;

}

	.w30 .container,

	.w25 .container{

		width: 100% !important;

	}

	.app-nav{

		display: flex;

		border-top: solid 1px #ddd;

		position: fixed;

		bottom: 0;

		width: 100%;

		background: #fff;

		padding: 0px 10px;

		box-shadow: 0 4px 35px 0 rgb(0 0 0 / 6%);

		justify-content: space-between;

		z-index: 20;

	}

	.app-nav a {

		margin-left: 0; 

		display: flex;

    flex-flow: column;

    align-items: center;

		font-size: 12px;

		width: 25%;

		

	padding: 14px 7px 9px 7px;

	}

	.app-nav a .ico {

		margin-left: 0; 

		margin-bottom: 5px;

	}

	.search-modal{

		background: #fff !important;

		align-items: flex-start;

	}

	.search-modal .container {

		width: 100%;

		margin-right: 0;

		position: relative;

		padding: 0 20px;

		top: 5px;

	}

	.search-container {

		width: 100%;

		border: none;

		border-bottom: 2px solid #060390;

		margin: 0 auto;

		border-radius: 0;

		background: #fff;

	}

	.search-container .sbtn {

		display: none;

	}

	.profile-nav{

		width: 100%;

		flex-shrink: 1;

		padding: 0;

	}

	.profile-nav .item,

	.profile-nav a{

		font-size: 14px;

		padding: 15px 8% 15px 8%;

	}

	.profile-nav .info .frame {

		width: 85px;

		height: 85px;

	}

	.profile-nav .info {

		padding: 0;

	}

	.profile-nav a:after {

		opacity: 1;

		color:#000;

	}

	.profile-nav a:hover{

		background: transparent;

	}

	.profile-nav a:hover span {

		color:#000;

	}

	

	.profile-nav a:not(:first-child):before {

		width: 100%;

		left: 0;

	}

	

	.app-nav + .category-items .container .items a{

		flex-grow: 0;

	}

}



@media only screen and (min-width: 0) and (max-width: 1023px) and (orientation: landscape) {

	

	

	

	

	

	

	

     * {

        font-size: 13px;

        font-weight: 400;

    }

    .ico {

        font-size: 17px !important;

    }

    

    .ic {

        margin-bottom: 20px !important;

    }

    .field-set, .uploader {

        padding: 15px;

    }

    select, input[type='text'], input[type='mobile'], input[type='email'], input[type='tel'], input[type='number'], input[type='search'], input[type='password'], textarea{

        font-size: 13px;

    }

    .root .c-modal{

        padding: 0;

    }

	.mw{

    	max-width: 100%;

	}

	.pad-v{

		padding: 20px 8% 40px 8%;

	}

	.brd{border: none}

	.rad{border-radius: 0}

	.p60{ padding: 0}

	.mt30{margin-top: 60px}

	.mb15{margin-bottom:5px}

	.w25{width:100%}

	.xl-ico{font-size: 70px}

	.nt,.nt span, .nt a {font-size: 15px}

	.nt{padding: 25px}

	

	

	.search-modal .result{

		position: fixed;

		width: 100%;

		max-height: 100%;

		left: 0;

		bottom: 69px;

		top: 45px;

		overflow-y: auto;

	}

	

	main{ padding-top: 0; }

	header .search-container{

		display: none;

	}

	.fs{

		display:none;

	}

	header {

     padding-top:0;

}

	header .top {

    padding: 10px 20px 10px 20px;

}

	header .currency {

    display: none;

}

	.logo {

		font-size: 18px;

	}

	.logo:before {

		font-size: 30px;

		margin-left: 10px;

	}

	

	header .profile{

		margin-right: auto;

	}

	header .profile .content{

		display: none;

	}

	header .profile .info .frame{

		width:32px;

		height: 32px;

	}

	header .profile .info + .ico{

		display: none;

	}

	header nav{

		display: none;

	}

	

	header .basket{

		    position: fixed;

		font-size: 0;

		    background: transparent;

    top: 3px;

    left: 35px;

	}

	header .ico{

		   color:#999 !important;

	}

	footer {

		padding: 30px 20px !important;

	}



	footer .info {

		flex-flow: column;

		align-items: center;

	}



	footer .copyright,

	 footer .copyright strong {

		font-size: 12px;

	}



	footer .ver {

		margin-right: 0;

		margin-top: 10px;

	}

	footer .cols{

		flex-wrap: wrap;

		padding-bottom: 0px;

	}

	footer .cols .col{

		width: 100%;

		margin-bottom: 30px;

	}

	footer .introduction{

		flex-flow: column;

		padding-bottom: 20px!important;

     padding-top: 0 !important;

	}

	footer .introduction .logo{

		margin-bottom: 10px;

	}

	.swiper-nav {

    padding: 20px 8% 15px 8% !important;

    margin-bottom: 0;

		overflow-x: auto;

}

	.swiper-nav .l,

	.swiper-nav .item {

    white-space: nowrap;

}

	.w30 .container,

	.w25 .container{

		width: 100% !important;

	}

	.app-nav{

		display: flex;

		border-top: solid 1px #ddd;

		position: fixed;

		bottom: 0;

		width: 100%;

		background: #fff;

		padding: 0px 10px;

		box-shadow: 0 4px 35px 0 rgb(0 0 0 / 6%);

		justify-content: space-between;

		z-index: 20;

	}

	.app-nav a {

		margin-left: 0; 

		display: flex;

    flex-flow: column;

    align-items: center;

		font-size: 12px;

		width: 25%;

		

	padding: 14px 7px 9px 7px;

	}

	.app-nav a .ico {

		margin-left: 0; 

		margin-bottom: 5px;

	}

	.search-modal{

		background: #fff !important;

		align-items: flex-start;

	}

	.search-modal .container {

		width: 100%;

		margin-right: 0;

		position: relative;

		padding: 0 20px;

		top: 5px;

	}

	.search-container {

		width: 100%;

		border: none;

		border-bottom: 2px solid #060390;

		margin: 0 auto;

		border-radius: 0;

		background: #fff;

	}

	.search-container .sbtn {

		display: none;

	}

	.profile-nav{

		width: 100%;

		flex-shrink: 1;

		padding: 0;

	}

	.profile-nav .item,

	.profile-nav a{

		font-size: 14px;

		padding: 15px 8% 15px 8%;

	}

	.profile-nav .info .frame {

		width: 85px;

		height: 85px;

	}

	.profile-nav .info {

		padding: 0;

	}

	.profile-nav a:after {

		opacity: 1;

		color:#000;

	}

	.profile-nav a:hover{

		background: transparent;

	}

	.profile-nav a:hover span {

		color:#000;

	}

	.profile-nav a:not(:first-child):before {

		width: 100%;

		left: 0;

	}

	.app-nav + .category-items .container .items a{

		flex-grow: 0;

	}

}