hr{
	border-top: 1px solid #fff;
}
.hide{
	display: none;
}
.show{
	display: block;
}
.error_input {
    border: 1px solid #f83f37 !important;
}
.error-text, .error-terms{color: red;font-size: 14px;}
.form-error{color: #de815c}
.certificate-loader{
	display: none;text-align: center;
}
.page-loader{
	text-align: center;
}
.page-loader i,
.certificate-loader i{
	font-size:34px;color: #FFFFFF;
}
#price-view{
	color: #CBCBCB;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}
/*.prodsidebar ul li a.active{
	color: #FFCB2F;
}*/
.prodsidebar ul li a.active span{
	border-bottom: solid 2px;
	color: #fff;
}
.long-dropdown{
	max-height: 300px;
    overflow-y: scroll;
}
.grid .items .name {
    min-height: 70px;
}
/*--- /.price-range-slider ---*/
#price-slider {
  width: 250px;
  margin-bottom: 20px;
  height: 10px;
}
.price-range-slider {
	width:100%;
  	float:left;
  	padding:10px 20px;
}
.range-value {
	margin:0;
}
.range-bar {
	border: none;
	background: #000;
	height: 3px;	
	width: 96%;
	margin-left: 8px;
}		
.ui-slider-range {
	background:#bcbcbc;
}
.ui-slider-handle {
	border:none;
	border-radius:25px;
	background:#fff;
	border:2px solid #06b9c0;
	height:17px;
	width:17px;
	top: -0.52em;
	cursor:pointer;
}
.ui-slider-handle + span {
	background:#06b9c0;
}
/*--- /.price-range-slider ---*/
/*--- certificate-detail ---*/
.common-page .card {
	border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(15px);
    padding: 20px;
    margin-bottom: 40px;
}
.common-page .title{
	font-family: 'OnestBold';
    font-size: 32px;
    line-height: 58px;
    color: #FFFFFF;
}
.common-page .sub-title{
	font-family: 'Onest';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 30px;
    color: #FFDDEE;
}
.certificate-detail .items .dropdown button{width: 200px;}
.certificate-detail .items .dropdown button {
    padding: 9px 15px;
    border: 0;
    text-align: left;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 6px;    
}
.certificate-detail .items .dropdown button:after {
    width: 15px;
    height: 9px;
    background: url(../img/icon-dropdown.svg) no-repeat;
    border: 0;
    position: absolute;
    left: 163px;
    top: 36px;
}
.certificate-detail .dropdown{
	padding-top: 20px;
}
.certificate-detail .accordion{
	color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    padding-top: 20px;
    letter-spacing: 0.005em;
}
/*--- certificate-detail ---*/
/*--- mycart-page ---*/
.mycart-page{
	color: #FFFFFF;
}
.mycart-page .items .delete-item{
	color: #FFFFFF;
	text-decoration: unset;
}
.mycart-page .items .form-control{
    height: 40px;
}
.certificate_price_li:first-child {
	margin-top: 5px;
}
.certificate_price_li span{
	font-weight: 800;
	float: right;
}
.certificate_price_li{
	color: #ffff;
    font-size: 16px;
    line-height: 26px;
    font-family: 'OnestMedium';
    letter-spacing: -0.4px;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding: 10px 0;
    display: block;
}
/*--- mycart-page ---*/
/*--- common-page ---*/
.transaction-page .top-banner {
    padding: 45px 30px;
    background: url(../img/tra-banner-bg.png) no-repeat center right;
    background-size: cover;
    border-radius: 10px;
    margin-bottom: 25px;
}
.transaction-page .top-banner .text1 {
    font-family: 'OnestBold';
    font-size: 22px;
    line-height: 34px;
    color: #05285B;
    margin-bottom: 0;
}
.transaction-page .top-banner .text2 {
    font-family: 'OnestBold';
    font-size: 54px;
    line-height: 58px;
    color: #05285B;
}

.order-page .top-banner {
    padding: 45px 30px;
    background: url(../img/order-banner-bg.png) no-repeat center right;
    background-size: cover;
    border-radius: 10px;
    margin-bottom: 25px;
}
.order-page .top-banner .text1 {
    font-family: 'OnestBold';
    font-size: 22px;
    line-height: 34px;
    color: #FFFFFF;
    margin-bottom: 0;
}
.order-page .top-banner .text2 {
    font-family: 'OnestBold';
    font-size: 54px;
    line-height: 58px;
    color: #FFFFFF;
}

.qrcode-page .top-banner {
    padding: 45px 30px;
    background: url(../img/code-banner-bg.png) no-repeat center right;
    background-size: cover;
    border-radius: 10px;
    margin-bottom: 25px;
}
.qrcode-page .top-banner .text1 {
    font-family: 'OnestBold';
    font-size: 22px;
    line-height: 34px;
    color: #FFFFFF;
    margin-bottom: 0;
}
.qrcode-page .top-banner .text2 {
    font-family: 'OnestBold';
    font-size: 54px;
    line-height: 58px;
    color: #FFFFFF;
}

.user-page .top-banner {
    padding: 45px 30px;
    background: url(../img/my-profile-banner-bg.jpg) no-repeat center right;
    background-size: cover;
    border-radius: 10px;
    margin-bottom: 25px;
}
.user-page .top-banner .text1 {
    font-family: 'OnestBold';
    font-size: 22px;
    line-height: 34px;
    color: #FFFFFF;
    margin-bottom: 0;
}
.user-page .top-banner .text2 {
    font-family: 'OnestBold';
    font-size: 54px;
    line-height: 58px;
    color: #FFFFFF;
}

.common-page .table tr{
	vertical-align: middle;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.common-page .view-table{
	color: #FFFFFF;
}
.fonttype1{
	font-family: 'Onest';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #ffff;
	text-decoration: unset;
}
.fonttype2{
	font-family: 'Onest';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #A7A7A7;
	text-decoration: unset;
}
.common-page .table .fonttype1{
	font-weight: 700;
}
.common-page .table .fonttype1 a:hover {
	text-decoration: unset;
	color: #ffff;
}
.common-page .table .fonttype2 a:hover {
	text-decoration: unset;
	color: #A7A7A7;
}

.pagination-box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pagination-box a {
	text-decoration: unset;
}
.pagination-box li a{
	color: #FFFFFF;
}
.pagination-box li a{    
    float: left;
    padding: 10px 15px;
    text-decoration: none;
    transition: background-color .5s;    
    margin: 0 4px;
    font-size: 20px;
}

.pagination-box li.current a{
    background-color: #0096FF;
    color: #FFFFFF;
    border: 1px solid #0096FF;
    border-radius: 5px;
}

.pagination-box li:hover:not(.current) a{
    background-color: #DDD;
    border-radius: 5px;
    color: #000000;
    border: 1px solid #DDD;
}
.qrcode-page .top-banner .qrcode,
.qrcode-page .top-banner .qrcode:focus{
	background: #ffff;
	color: #212529;
}
.form-control[type=file]{
	padding: 12px 0px 0px 20px;
}

.form-select{height: 52px; box-shadow: none; border: 1px solid #593D45; padding: 11px 30px 11px 20px; font-size: 14px; background: rgba(32, 22, 25, 0.5); border-radius: 6px; padding: 10px 15px; font-size: 16px; color: #A7A7A7;}
.form-select:focus{box-shadow:none;height: 52px; box-shadow: none; border: 1px solid #593D45; padding: 11px 30px 11px 20px; font-size: 14px; background: rgba(32, 22, 25, 0.5); border-radius: 6px; padding: 10px 15px; font-size: 16px; color: #A7A7A7;}
.form-select::-webkit-input-placeholder {color:#A7A7A7;}
.form-select::-moz-placeholder {color:#A7A7A7;}
.form-select:-ms-input-placeholder {color:#A7A7A7;}
.form-select:-moz-placeholder {color:#A7A7A7;}
.form-select {
  background-image:
    linear-gradient(45deg, transparent 50%, #A7A7A7 50%),
    linear-gradient(135deg, #A7A7A7 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(1em + 7px),
    calc(100% - 15px) calc(1em + 7px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}
.form-select:focus {
  background-image:
    linear-gradient(45deg, #A7A7A7 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #A7A7A7 50%);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  outline: 0;  
}
.form-select option {
    background-color: #3E2A30;
    color: #ffff;
}
.ymaps-box{
	color: black;
}
.common-page .customcheckbox{position:relative;}
.common-page .customcheckbox input{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; opacity:0; cursor:pointer;}
.common-page .customcheckbox label{position:relative; display:block; padding-left:30px;}
.common-page .customcheckbox label:before{content:""; display:block; width:16px; height:16px;border: 1px solid #CBD5E0; position:absolute; left:0; top:2px; border-radius:50%; transition:0.5s all ease;}
.common-page .customcheckbox input:checked + label:before{background:#fff;}
/*--- common-page ---*/
.register_page{
    background: url(../img/login-bg.jpg) center;
    background-size: cover;
    background-position-x: center;
}
.register_page .customcheckbox span{
    color: #ffff;
}