@media print {
body {display: none;}
}
html,
body {color: #000;direction: rtl;font-family: Anjoman;font-size: 11pt;overflow: hidden auto;border: 0;margin: 0;-moz-font-feature-settings: "ss05";-webkit-font-feature-settings: "ss05";font-feature-settings: "ss05";}
body {padding: 0 !important;}
h1,
h2,
h3,
h4,
h5,
h6 {margin: 0;padding: 0;font-weight: normal;}
strong {margin: 0 4px;}
p {margin: 0;padding: 0;}
ul,
ol {margin: 0;padding: 0;list-style: none;}
a {text-decoration: none;color: inherit;}
input:-webkit-autofill {box-shadow: 0 0 0 30px #eaf3fa inset;}
*,
*:before,
*:after {-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.cf:before,
.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.ltr {direction: ltr;}
.rtl {direction: rtl;}
.center-align {text-align: center !important;}
.text-danger {color: #F15F5F !important;}
.rb {position: relative;display: block;width: 100%;}
.rb-ofh {position: relative;display: block;width: 100%;overflow: hidden;}
.container {float: right;width: 100%;}
.container.border-spacing-10>.row {margin: 0;}
.container.border-spacing-10>.row>.col {margin: 10px;}
.container.border-spacing-10>.row>.col.col-12 {flex: 0 0 calc(100% - 20px);max-width: calc(100% - 20px);}
.container.border-spacing-10>.row>.col.col-11 {flex: 0 0 calc(91.6666666667% - 20px);max-width: calc(91.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-10 {flex: 0 0 calc(83.3333333333% - 20px);max-width: calc(83.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-9 {flex: 0 0 calc(75% - 20px);max-width: calc(75% - 20px);}
.container.border-spacing-10>.row>.col.col-8 {flex: 0 0 calc(66.6666666667% - 20px);max-width: calc(66.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-7 {flex: 0 0 calc(58.3333333333% - 20px);max-width: calc(58.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-77 {flex: 0 0 calc(14.2857142857% - 20px);max-width: calc(14.2857142857% - 20px);}
.container.border-spacing-10>.row>.col.col-6 {flex: 0 0 calc(50% - 20px);max-width: calc(50% - 20px);}
.container.border-spacing-10>.row>.col.col-5 {flex: 0 0 calc(41.6666666667% - 20px);max-width: calc(41.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-4 {flex: 0 0 calc(33.3333333333% - 20px);max-width: calc(33.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-3 {flex: 0 0 calc(25% - 20px);max-width: calc(25% - 20px);}
.container.border-spacing-10>.row>.col.col-2 {flex: 0 0 calc(16.6666666667% - 20px);max-width: calc(16.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-1 {flex: 0 0 calc(8.3333333333% - 20px);max-width: calc(8.3333333333% - 20px);}
@media only screen and (min-width: 700px) {
.container.border-spacing-10>.row>.col.col-sd-12 {flex: 0 0 calc(100% - 20px);max-width: calc(100% - 20px);}
.container.border-spacing-10>.row>.col.col-sd-11 {flex: 0 0 calc(91.6666666667% - 20px);max-width: calc(91.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-sd-10 {flex: 0 0 calc(83.3333333333% - 20px);max-width: calc(83.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-sd-9 {flex: 0 0 calc(75% - 20px);max-width: calc(75% - 20px);}
.container.border-spacing-10>.row>.col.col-sd-8 {flex: 0 0 calc(66.6666666667% - 20px);max-width: calc(66.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-sd-7 {flex: 0 0 calc(58.3333333333% - 20px);max-width: calc(58.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-sd-77 {flex: 0 0 calc(14.2857142857% - 20px);max-width: calc(14.2857142857% - 20px);}
.container.border-spacing-10>.row>.col.col-sd-6 {flex: 0 0 calc(50% - 20px);max-width: calc(50% - 20px);}
.container.border-spacing-10>.row>.col.col-sd-5 {flex: 0 0 calc(41.6666666667% - 20px);max-width: calc(41.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-sd-4 {flex: 0 0 calc(33.3333333333% - 20px);max-width: calc(33.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-sd-3 {flex: 0 0 calc(25% - 20px);max-width: calc(25% - 20px);}
.container.border-spacing-10>.row>.col.col-sd-2 {flex: 0 0 calc(16.6666666667% - 20px);max-width: calc(16.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-sd-1 {flex: 0 0 calc(8.3333333333% - 20px);max-width: calc(8.3333333333% - 20px);}
}
@media only screen and (min-width: 770px) and (min-height: 500px) {
.container.border-spacing-10>.row>.col.col-md-12 {flex: 0 0 calc(100% - 20px);max-width: calc(100% - 20px);}
.container.border-spacing-10>.row>.col.col-md-11 {flex: 0 0 calc(91.6666666667% - 20px);max-width: calc(91.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-md-10 {flex: 0 0 calc(83.3333333333% - 20px);max-width: calc(83.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-md-9 {flex: 0 0 calc(75% - 20px);max-width: calc(75% - 20px);}
.container.border-spacing-10>.row>.col.col-md-8 {flex: 0 0 calc(66.6666666667% - 20px);max-width: calc(66.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-md-7 {flex: 0 0 calc(58.3333333333% - 20px);max-width: calc(58.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-md-77 {flex: 0 0 calc(14.2857142857% - 20px);max-width: calc(14.2857142857% - 20px);}
.container.border-spacing-10>.row>.col.col-md-6 {flex: 0 0 calc(50% - 20px);max-width: calc(50% - 20px);}
.container.border-spacing-10>.row>.col.col-md-5 {flex: 0 0 calc(41.6666666667% - 20px);max-width: calc(41.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-md-4 {flex: 0 0 calc(33.3333333333% - 20px);max-width: calc(33.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-md-3 {flex: 0 0 calc(25% - 20px);max-width: calc(25% - 20px);}
.container.border-spacing-10>.row>.col.col-md-2 {flex: 0 0 calc(16.6666666667% - 20px);max-width: calc(16.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-md-1 {flex: 0 0 calc(8.3333333333% - 20px);max-width: calc(8.3333333333% - 20px);}
}
@media only screen and (min-width: 992px) {
.container.border-spacing-10>.row>.col.col-ld-12 {flex: 0 0 calc(100% - 20px);max-width: calc(100% - 20px);}
.container.border-spacing-10>.row>.col.col-ld-11 {flex: 0 0 calc(91.6666666667% - 20px);max-width: calc(91.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-ld-10 {flex: 0 0 calc(83.3333333333% - 20px);max-width: calc(83.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-ld-9 {flex: 0 0 calc(75% - 20px);max-width: calc(75% - 20px);}
.container.border-spacing-10>.row>.col.col-ld-8 {flex: 0 0 calc(66.6666666667% - 20px);max-width: calc(66.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-ld-7 {flex: 0 0 calc(58.3333333333% - 20px);max-width: calc(58.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-ld-77 {flex: 0 0 calc(14.2857142857% - 20px);max-width: calc(14.2857142857% - 20px);}
.container.border-spacing-10>.row>.col.col-ld-6 {flex: 0 0 calc(50% - 20px);max-width: calc(50% - 20px);}
.container.border-spacing-10>.row>.col.col-ld-5 {flex: 0 0 calc(41.6666666667% - 20px);max-width: calc(41.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-ld-4 {flex: 0 0 calc(33.3333333333% - 20px);max-width: calc(33.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-ld-3 {flex: 0 0 calc(25% - 20px);max-width: calc(25% - 20px);}
.container.border-spacing-10>.row>.col.col-ld-2 {flex: 0 0 calc(16.6666666667% - 20px);max-width: calc(16.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-ld-1 {flex: 0 0 calc(8.3333333333% - 20px);max-width: calc(8.3333333333% - 20px);}
}
@media only screen and (min-width: 1200px) {
.container.border-spacing-10>.row>.col.col-eld-12 {flex: 0 0 calc(100% - 20px);max-width: calc(100% - 20px);}
.container.border-spacing-10>.row>.col.col-eld-11 {flex: 0 0 calc(91.6666666667% - 20px);max-width: calc(91.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-eld-10 {flex: 0 0 calc(83.3333333333% - 20px);max-width: calc(83.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-eld-9 {flex: 0 0 calc(75% - 20px);max-width: calc(75% - 20px);}
.container.border-spacing-10>.row>.col.col-eld-8 {flex: 0 0 calc(66.6666666667% - 20px);max-width: calc(66.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-eld-7 {flex: 0 0 calc(58.3333333333% - 20px);max-width: calc(58.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-eld-77 {flex: 0 0 calc(14.2857142857% - 20px);max-width: calc(14.2857142857% - 20px);}
.container.border-spacing-10>.row>.col.col-eld-6 {flex: 0 0 calc(50% - 20px);max-width: calc(50% - 20px);}
.container.border-spacing-10>.row>.col.col-eld-5 {flex: 0 0 calc(41.6666666667% - 20px);max-width: calc(41.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-eld-4 {flex: 0 0 calc(33.3333333333% - 20px);max-width: calc(33.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-eld-3 {flex: 0 0 calc(25% - 20px);max-width: calc(25% - 20px);}
.container.border-spacing-10>.row>.col.col-eld-2 {flex: 0 0 calc(16.6666666667% - 20px);max-width: calc(16.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-eld-1 {flex: 0 0 calc(8.3333333333% - 20px);max-width: calc(8.3333333333% - 20px);}
}
@media only screen and (min-width: 1400px) {
.container.border-spacing-10>.row>.col.col-beld-12 {flex: 0 0 calc(100% - 20px);max-width: calc(100% - 20px);}
.container.border-spacing-10>.row>.col.col-beld-11 {flex: 0 0 calc(91.6666666667% - 20px);max-width: calc(91.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-beld-10 {flex: 0 0 calc(83.3333333333% - 20px);max-width: calc(83.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-beld-9 {flex: 0 0 calc(75% - 20px);max-width: calc(75% - 20px);}
.container.border-spacing-10>.row>.col.col-beld-8 {flex: 0 0 calc(66.6666666667% - 20px);max-width: calc(66.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-beld-7 {flex: 0 0 calc(58.3333333333% - 20px);max-width: calc(58.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-beld-77 {flex: 0 0 calc(14.2857142857% - 20px);max-width: calc(14.2857142857% - 20px);}
.container.border-spacing-10>.row>.col.col-beld-6 {flex: 0 0 calc(50% - 20px);max-width: calc(50% - 20px);}
.container.border-spacing-10>.row>.col.col-beld-5 {flex: 0 0 calc(41.6666666667% - 20px);max-width: calc(41.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-beld-4 {flex: 0 0 calc(33.3333333333% - 20px);max-width: calc(33.3333333333% - 20px);}
.container.border-spacing-10>.row>.col.col-beld-3 {flex: 0 0 calc(25% - 20px);max-width: calc(25% - 20px);}
.container.border-spacing-10>.row>.col.col-beld-2 {flex: 0 0 calc(16.6666666667% - 20px);max-width: calc(16.6666666667% - 20px);}
.container.border-spacing-10>.row>.col.col-beld-1 {flex: 0 0 calc(8.3333333333% - 20px);max-width: calc(8.3333333333% - 20px);}
}
.container>.row {position: relative;width: 100%;display: flex;flex-direction: row;justify-content: flex-start;align-items: stretch;align-content: flex-start;flex-wrap: wrap;}
.container>.row>.col {position: relative;text-align: center;width: 100%;flex: 0 0 auto;max-width: 100%;}
.container>.row>.col.col-12 {flex: 0 0 100%;max-width: 100%;}
.container>.row>.col.col-11 {flex: 0 0 91.6666666667%;max-width: 91.6666666667%;}
.container>.row>.col.col-10 {flex: 0 0 83.3333333333%;max-width: 83.3333333333%;}
.container>.row>.col.col-9 {flex: 0 0 75%;max-width: 75%;}
.container>.row>.col.col-8 {flex: 0 0 66.6666666667%;max-width: 66.6666666667%;}
.container>.row>.col.col-7 {flex: 0 0 58.3333333333%;max-width: 58.3333333333%;}
.container>.row>.col.col-77 {flex: 0 0 14.2857142857%;max-width: 58.3333333333%;}
.container>.row>.col.col-6 {flex: 0 0 50%;max-width: 50%;}
.container>.row>.col.col-5 {flex: 0 0 41.6666666667%;max-width: 41.6666666667%;}
.container>.row>.col.col-4 {flex: 0 0 33.3333333333%;max-width: 33.3333333333%;}
.container>.row>.col.col-3 {flex: 0 0 25%;max-width: 25%;}
.container>.row>.col.col-2 {flex: 0 0 16.6666666667%;max-width: 16.6666666667%;}
.container>.row>.col.col-1 {flex: 0 0 8.3333333333%;max-width: 8.3333333333%;}
.container>.row>.col.col-right {text-align: right;}
.container>.row>.col.col-left {text-align: left;}
.container>.row>.col.col-top {vertical-align: top;}
.container>.row>.col.col-bottom {vertical-align: bottom;}
@media only screen and (min-width: 770px) and (min-height: 500px) {
.container>.row>.col.col-md-12 {flex: 0 0 100%;max-width: 100%;}
.container>.row>.col.col-md-11 {flex: 0 0 91.6666666667%;max-width: 91.6666666667%;}
.container>.row>.col.col-md-10 {flex: 0 0 83.3333333333%;max-width: 83.3333333333%;}
.container>.row>.col.col-md-9 {flex: 0 0 75%;max-width: 75%;}
.container>.row>.col.col-md-8 {flex: 0 0 66.6666666667%;max-width: 66.6666666667%;}
.container>.row>.col.col-md-7 {flex: 0 0 58.3333333333%;max-width: 58.3333333333%;}
.container>.row>.col.col-md-77 {flex: 0 0 14.2857142857%;max-width: 58.3333333333%;}
.container>.row>.col.col-md-6 {flex: 0 0 50%;max-width: 50%;}
.container>.row>.col.col-md-5 {flex: 0 0 41.6666666667%;max-width: 41.6666666667%;}
.container>.row>.col.col-md-4 {flex: 0 0 33.3333333333%;max-width: 33.3333333333%;}
.container>.row>.col.col-md-3 {flex: 0 0 25%;max-width: 25%;}
.container>.row>.col.col-md-2 {flex: 0 0 16.6666666667%;max-width: 16.6666666667%;}
.container>.row>.col.col-md-1 {flex: 0 0 8.3333333333%;max-width: 8.3333333333%;}
}
@media only screen and (min-width: 992px) {
.container>.row>.col.col-ld-12 {flex: 0 0 100%;max-width: 100%;}
.container>.row>.col.col-ld-11 {flex: 0 0 91.6666666667%;max-width: 91.6666666667%;}
.container>.row>.col.col-ld-10 {flex: 0 0 83.3333333333%;max-width: 83.3333333333%;}
.container>.row>.col.col-ld-9 {flex: 0 0 75%;max-width: 75%;}
.container>.row>.col.col-ld-8 {flex: 0 0 66.6666666667%;max-width: 66.6666666667%;}
.container>.row>.col.col-ld-7 {flex: 0 0 58.3333333333%;max-width: 58.3333333333%;}
.container>.row>.col.col-ld-77 {flex: 0 0 14.2857142857%;max-width: 58.3333333333%;}
.container>.row>.col.col-ld-6 {flex: 0 0 50%;max-width: 50%;}
.container>.row>.col.col-ld-5 {flex: 0 0 41.6666666667%;max-width: 41.6666666667%;}
.container>.row>.col.col-ld-4 {flex: 0 0 33.3333333333%;max-width: 33.3333333333%;}
.container>.row>.col.col-ld-3 {flex: 0 0 25%;max-width: 25%;}
.container>.row>.col.col-ld-2 {flex: 0 0 16.6666666667%;max-width: 16.6666666667%;}
.container>.row>.col.col-ld-1 {flex: 0 0 8.3333333333%;max-width: 8.3333333333%;}
}
@media only screen and (min-width: 1200px) {
.container>.row>.col.col-eld-12 {flex: 0 0 100%;max-width: 100%;}
.container>.row>.col.col-eld-11 {flex: 0 0 91.6666666667%;max-width: 91.6666666667%;}
.container>.row>.col.col-eld-10 {flex: 0 0 83.3333333333%;max-width: 83.3333333333%;}
.container>.row>.col.col-eld-9 {flex: 0 0 75%;max-width: 75%;}
.container>.row>.col.col-eld-8 {flex: 0 0 66.6666666667%;max-width: 66.6666666667%;}
.container>.row>.col.col-eld-7 {flex: 0 0 58.3333333333%;max-width: 58.3333333333%;}
.container>.row>.col.col-eld-77 {flex: 0 0 14.2857142857%;max-width: 58.3333333333%;}
.container>.row>.col.col-eld-6 {flex: 0 0 50%;max-width: 50%;}
.container>.row>.col.col-eld-5 {flex: 0 0 41.6666666667%;max-width: 41.6666666667%;}
.container>.row>.col.col-eld-4 {flex: 0 0 33.3333333333%;max-width: 33.3333333333%;}
.container>.row>.col.col-eld-3 {flex: 0 0 25%;max-width: 25%;}
.container>.row>.col.col-eld-2 {flex: 0 0 16.6666666667%;max-width: 16.6666666667%;}
.container>.row>.col.col-eld-1 {flex: 0 0 8.3333333333%;max-width: 8.3333333333%;}
}
@media only screen and (min-width: 1400px) {
.container>.row>.col.col-beld-12 {flex: 0 0 100%;max-width: 100%;}
.container>.row>.col.col-beld-11 {flex: 0 0 91.6666666667%;max-width: 91.6666666667%;}
.container>.row>.col.col-beld-10 {flex: 0 0 83.3333333333%;max-width: 83.3333333333%;}
.container>.row>.col.col-beld-9 {flex: 0 0 75%;max-width: 75%;}
.container>.row>.col.col-beld-8 {flex: 0 0 66.6666666667%;max-width: 66.6666666667%;}
.container>.row>.col.col-beld-7 {flex: 0 0 58.3333333333%;max-width: 58.3333333333%;}
.container>.row>.col.col-beld-77 {flex: 0 0 14.2857142857%;max-width: 58.3333333333%;}
.container>.row>.col.col-beld-6 {flex: 0 0 50%;max-width: 50%;}
.container>.row>.col.col-beld-5 {flex: 0 0 41.6666666667%;max-width: 41.6666666667%;}
.container>.row>.col.col-beld-4 {flex: 0 0 33.3333333333%;max-width: 33.3333333333%;}
.container>.row>.col.col-beld-3 {flex: 0 0 25%;max-width: 25%;}
.container>.row>.col.col-beld-2 {flex: 0 0 16.6666666667%;max-width: 16.6666666667%;}
.container>.row>.col.col-beld-1 {flex: 0 0 8.3333333333%;max-width: 8.3333333333%;}
}
.btn {position: relative;display: inline-block;text-align: center;font-family: Anjoman;font-size: 15px;height: 40px;color: rgba(0, 0, 0, 0.6);border: 1px solid rgba(0, 0, 0, 0.6);border-radius: 10px;padding: 0 20px;outline: none;resize: none;cursor: pointer;transition: all 0.2s linear;}
.btn:focus,
.btn:active,
.btn:hover {background: #f1f1f1;}
.btn>i {float: left;margin: 12px 8px 0 0;}
.btn>i.icon-right {float: right;margin: 12px 0 0 8px;}
.btn.btn-primary {background: #0f75bd;color: #fff;border: 1px solid #0f75bd;margin-top: 10px;}
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover {background: #0f75bd;border: 1px solid #0f75bd;}
.btn.btn-danger {background: #F15F5F;color: #fff;border: 1px solid #F15F5F;}
.btn.btn-danger:focus,
.btn.btn-danger:active,
.btn.btn-danger:hover {background: #ef4848;border: 1px solid #ef4848;}
.btn.btn-secondary {background: transparent;color: #354497;border: 2px solid #354497;}
.btn.btn-secondary:focus,
.btn.btn-secondary:active,
.btn.btn-secondary:hover {background: #354497;color: #fff;}
.btn.btn-secondary>i {float: left;margin: 12px 8px 0 0;}
.btn.btn-secondary>i.icon-right {float: right;margin: 12px 0 0 8px;}
.btn.btn-warning {background: #FF8E3D;color: #fff;border: 1px solid #FF8E3D;}
.btn.btn-warning:focus,
.btn.btn-warning:active,
.btn.btn-warning:hover {background: #ff7f24;border: 1px solid #ff7f24;}
.btn.btn-success {background: #1fc789;color: #fff;border: 1px solid #1fc789;}
.btn.btn-success:focus,
.btn.btn-success:active,
.btn.btn-success:hover {background: #1cb17a;border: 1px solid #1cb17a;}
.btn.btn-success-o {background: transparent;color: rgba(0, 0, 0, 0.7);border: 2px solid #1fc789;}
.btn.btn-success-o:focus,
.btn.btn-success-o:active,
.btn.btn-success-o:hover {color: #000;border: 2px solid #1cb17a;}
.form-input {font-family: Anjoman;font-size: 14px;background: #fff;color: #000;border: 1px solid #C3C8D3;border-radius: 10px;padding: 10px 15px;outline: none;resize: none;transition: all 0.2s linear;font-feature-settings: "ss05";}
.form-input:focus,
.form-input:active {border: 1px solid #354497;}
.form-input:-moz-read-only {cursor: pointer;}
.form-input:disabled {background: #eee;cursor: not-allowed;}
.form-input:read-only {cursor: pointer;}
.form-input.ltr {text-align: left;direction: ltr;}
.form-input.center {text-align: center !important;}
.form-input.hide {display: none !important;}
.form-input-checkbox {position: relative;margin: 0 0 0 10px;float: right;height: 40px;}
*::-moz-placeholder {color: #7c7c7c;opacity: 1;}
*::placeholder {color: #7c7c7c;opacity: 1;}
*:-ms-input-placeholder {color: #7c7c7c;}
*::-ms-input-placeholder {color: #7c7c7c;}
.wrapper {display: block;position: relative;width: 100%;padding: 0px 30px;margin: 0 auto;max-width: 1500px;}
@font-face {
font-family: "Anjoman";
src:
url("/asset/font/anjoman/Anjoman.woff") format("woff-variations"),
url("/asset/font/Anjoman.woff") format("woff");
font-weight: 100 1000;
font-display: fallback; }
.progress-alert {position: absolute;bottom: 0px;right: 0px;height: 10px;width: 0;border-radius: 0px 0px 10px 0px;background-color: rgba(0, 0, 0, 0.25);}
.box-alert {float: right;width: 100%;padding: 0px 10px;margin-bottom: 20px;}
.box-alert-success {float: right;width: 100%;padding: 0px 10px;margin-bottom: 20px;}
.message-body {width: 100%;float: right;border-right: 8px solid #E37979;background-color: #fff;border-radius: 10px 0px 0px 10px;}
.message-body-success {width: 100%;float: right;border-right: 8px solid #009f6a;background-color: #fff;border-radius: 10px 0px 0px 10px;}
.alert.alert-danger {color: #333652;font-family: Anjoman;float: right;width: 100%;padding: 10px 20px;border-radius: 15px;}
.alert.alert-danger span {float: right;margin-right: 10px;}
.alert.alert-success {color: #333652;float: right;font-family: Anjoman;width: 100%;padding: 15px 20px;border-radius: 15px;}
.alert.alert-success span {float: right;margin-right: 10px;}
.alert.alert-danger span strong {font-weight: 700 !important;font-family: Anjoman;}
.danger-exclamation,
.success-check {float: right;width: 20px;height: 20px;border-radius: 100px;background-color: #fff;justify-content: center;display: flex;align-items: center;margin-top: 2px;}
.danger-exclamation i {color: #E37979;font-size: 12px;}
.success-check i {color: #009f6a;font-size: 12px;}
.message-icon {float: left;width: 28px;height: 28px;justify-content: center;display: flex;align-items: center;border-radius: 100px;border: 1px solid #fff;cursor: pointer;margin-top: -2px;}
.message-icon i {font-size: 18px;color: #fff;}
.alert.alert-info {background: #354497;color: #fff;}
.alert.alert-info:before {content: "\f129";position: absolute;display: block;right: 0;top: 0;line-height: 25px;padding: 10px 0;width: 50px;height: 100%;font: normal normal normal 14px/1 FontAwesome;font-size: 16pt;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #1b224c;border-left: 1px solid #fff;text-align: center;}
.alert.alert-warning {background: #FF8E3D;color: #fff;}
.alert.alert-warning:before {content: "\f12a";position: absolute;display: block;right: 0;top: 0;line-height: 25px;padding: 10px 0;width: 50px;height: 100%;font: normal normal normal 14px/1 FontAwesome;font-size: 16pt;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #d65900;border-left: 1px solid #fff;text-align: center;}
.alert>strong {font-family: IRANSans;margin: 0 4px;}
#header{float: right;width: 100%;background-image: linear-gradient(180deg,#f5f5f5,rgba(255,255,255,0.01));}
#header > .top-header{float: right;width: 100%;background-color: #fff;box-shadow: 0 12px 37px #edf0f5;padding: 18px 0px;}
#header > .top-header > .wrapper .logo{float: right;margin-left: 50px;}
#header > .top-header > .wrapper .logo img{float: right;}
#header > .top-header > .wrapper .menu > ul{display: none;float: right;margin-top: 17px;padding: 0px}
#header > .top-header > .wrapper .menu > ul li{float: right;margin-left: 20px;}
#header > .top-header > .wrapper .menu > ul li a{color: #5d6c89;font-weight: 500;transition: .3s;}
#header > .top-header > .wrapper .menu > ul li a:hover{color: #0f75bd;}
#header > .top-header > .wrapper .menu > ul li:last-child{margin-left:0px;}
#header > .top-header > .wrapper .left{float: left;margin-top: 5px;}
#header > .top-header > .wrapper .left a.tracking{display: none;float: left;background-color: #0f75bd;font-size: 14px;font-weight: 500;border-radius: 50px;padding: 12px 20px 12px 20px;color: #fff;margin-right: 20px;}
#header > .top-header > .wrapper .left a.tracking i{float: right;font-size: 20px;margin-left: 10px;margin-top: 2px;}
#header > .top-header > .wrapper .left .header-menu-mobile{display: block;float: left;background-color: #f3f8ff;border-radius: 10px;color: #0f75bd;margin-right: 10px;padding: 9px 15px 9px 15px;font-size: 20px;cursor: pointer}
#header > .top-header > .wrapper .left .header-search{float: left;background-color: #f3f8ff;border-radius: 10px;color: #0f75bd;margin-right: 10px;padding: 9px 15px 9px 15px;font-size: 20px;cursor: pointer}
#header > .top-header > .wrapper .left > .search-head {position: fixed;width: 100%;height: 92px;top: 0px;right: 0px;background-color: #fff;z-index: 101}
#header > .top-header > .wrapper .left > .header-search-background{position: fixed;width: 100vw;height: 100vh;background-color: #00000096;top: 0px;right: 0px;z-index: 100;}
#header > .top-header > .wrapper .left > .search-head input{width: 100%;border: 1px solid #e6e5e5;margin-top: 20px;border-radius: 50px;padding: 14px 20px 14px 60px;font-size: 13px;font-family: Anjoman}
#header > .top-header > .wrapper .left > .search-head form{position: relative;width: 65%;}
#header > .top-header > .wrapper .left > .search-head button {position: absolute;left: 5px;top: 26px;width: 40px;height: 40px;border-radius: 100px;background-color: #0f75bd;border: 0px;cursor: pointer}
#header > .top-header > .wrapper .left > .search-head button i{color: #fff;font-size: 20px;}
#header > .top-header > .wrapper .left > .search-head .close-search{float: left;margin-top: -45px;font-size: 24px;background-color: #f3f8ff;border-radius: 10px;color: #0f75bd;width: 40px;height: 40px;text-align: center;align-content: center;cursor: pointer;}
#header > .top-header > .wrapper .left > .search-head .close-search i{margin-top: 6px;}
#header > .top-header > .wrapper .back-mobile{position: fixed;width: 100vw;height: 100vh;top: 0;right: -100vw;opacity: 0;;z-index: 100;background: rgba(0, 0, 0, 0.7)}
#header > .top-header > .wrapper .menu-mobile > .logo{float: right;width: 100%;text-align: center;}
#header > .top-header > .wrapper .menu-mobile > .logo a{margin-top: 30px;display: inline-block;}
#header > .top-header > .wrapper .menu-mobile{position: fixed;z-index: 101;text-align: center;overflow: hidden;width: 250px;top: 0;right: -100vw;bottom: 0;transition:all 0.3s;background: #fff;}
#header > .top-header > .wrapper .menu-mobile > ul{float: right;width:100%;margin-top: 17px;padding: 0px}
#header > .top-header > .wrapper .menu-mobile > ul li{float: right;width:100%;text-align: right;padding: 12px 20px 12px 0px;}
#header > .top-header > .wrapper .menu-mobile > ul li a{color: #5d6c89;font-weight: 500;transition: .3s;}
#header > .top-header > .wrapper .menu-mobile > ul li a:hover{color: #0f75bd;}
#header > .top-header > .wrapper .menu-mobile > ul li:last-child{margin-left:0px;}
#header > .top-header > .wrapper .menu-mobile > a.tracking{background-color: #0f75bd;font-size: 14px;font-weight: 500;border-radius: 50px;padding: 12px 20px 12px 20px;color: #fff;display: inline-block;margin-top: 30px;}
#header > .top-header > .wrapper .menu-mobile > a.tracking i{float: right;font-size: 20px;margin-left: 10px;margin-top: 2px;}
#header > .content-header{float: right;width: 100%;}
#header > .content-header > .wrapper .content{float: right;width: 100%;margin-top: 50px}
#header > .content-header > .wrapper .content > .title{float: right;width: 100%;font-size: 40px;font-weight: 700;color: #575757;text-align: center}
#header > .content-header > .wrapper .content > .desc{float: right;width: 100%;font-size: 22px;color: #575757;margin-top: 20px;margin-bottom: 30px;text-align: center;font-weight: 500;}
#header > .content-header > .wrapper .content > .desc span{color: #0f75bd;font-weight: 700;}
#header > .content-header > .wrapper .content > .search {display:inline-block;width: 100%;margin-top: 14px;text-align: center;margin-bottom: 30px;}
#header > .content-header > .wrapper .content > .search form{display: inline;position: relative}
#header > .content-header > .wrapper .content > .search input {width: 100%;border: 1px solid #e6e5e5;border-radius: 50px;padding: 14px 20px 14px 60px;font-size: 13px;font-family: Anjoman}
#header > .content-header > .wrapper .content > .search button {position: absolute;left: 5px;top: -7px;width: 40px;height: 40px;border-radius: 100px;background-color: #0f75bd;border: 0px;cursor: pointer}
#header > .content-header > .wrapper .content > .search button i{color: #fff;font-size: 20px;}
#header > .content-header > .wrapper .content > .link-btn{float: right;width: 100%;text-align: center;margin-bottom: 80px}
#header > .content-header > .wrapper .content > .link-btn .link-test {display: inline-block;background-color: #0f75bd;box-shadow: 0 10px 20px rgba(30,118,255,.35);font-size: 14px;font-weight: 500;border-radius: 100px;padding: 12px 20px 12px 20px;color: #fff;margin-left: 30px;}
#header > .content-header > .wrapper .content > .link-btn .link-test i{float: left;font-size: 16px;margin-right: 20px;margin-top: 4px;}
#header > .content-header > .wrapper .content > .link-btn .link-package {display: inline-block;font-size: 14px;font-weight: 600;color: #575757;}
#header > .content-header > .wrapper .content > .link-btn .link-package i{float: right;font-size: 20px;margin-left: 10px;transform: rotate(-90deg)}
@media only screen and (min-width: 1200px) {
#header > .top-header > .wrapper .menu > ul{display: block}
#header > .top-header > .wrapper .left .header-menu-mobile{display: none}
}
@media only screen and (min-width: 500px) {
#header > .top-header > .wrapper .left a.tracking{display: block}
#header > .content-header > .wrapper .content > .search input {width: 80%;}
}
@media only screen and (min-width: 700px) {
#header > .content-header > .wrapper .content > .search input {width: 60%;}
}
@media only screen and (min-width: 1024px) {
#header > .content-header > .wrapper .content > .search input {width: 35%;}
}
#main{float: right;width: 100%;}
#main > .wrapper > .section {float: right;width: 100%;margin-bottom: 50px}
#main > .wrapper > .section > .container > .title {float: right;width: 100%;margin-bottom: 30px;}
#main > .wrapper > .section > .container > .title > .right{float: right;text-align: right;font-size: 24px;font-weight: 600;color: #575757;margin-right: 10px;}
#main > .wrapper > .section > .container > .title > .right img{float: right;width: 36px;margin-left: 20px;margin-top: 2px;}
#main > .wrapper > .section > .container > .title > .left{float: left;transition: .3s;margin-left: 10px;text-align: right;font-size: 14px;font-weight: 600;color: #575757;padding: 8px 14px;border-radius: 50px;border: 2px solid #dae4e7;}
#main > .wrapper > .section > .container > .title > .left span{display: none}
#main > .wrapper > .section > .container > .title > .left:hover{color: #0f75bd;border: 2px solid #0f75bd;}
#main > .wrapper > .section > .container > .title > .left i{float: left;margin-right: unset;margin-top: unset;padding: 3px 0px;}
@media only screen and (min-width: 600px) {
#main > .wrapper > .section > .container > .title > .left span{display: unset}
#main > .wrapper > .section > .container > .title > .left i{float: left;margin-right: 10px;margin-top: 4px;padding: unset;}
}
#main > .wrapper > .section > .container > .row .card-list{position: relative;float: right;width: 100%;transition: .3s;border: 2px solid #e6e5e5;border-radius: 20px;background-color: #fff;height: 78px;align-content: center;text-align: right}
#main > .wrapper > .section > .container > .row .card-list > .title{float: right;width:calc(100% - 50px);padding-right: 50px;}
#main > .wrapper > .section > .container > .row .card-list > .title > h3{color: #5d6c89;font-size: 16px;font-weight: 500;transition: .3s;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 35px;}
#main > .wrapper > .section > .container > .row .card-list > .title:before{content:"";position: absolute;right: 20px;top: calc(50% - 6px);width: 12px;height: 12px;border-radius: 100px;background-color: #0f75bd}
#main > .wrapper > .section > .container > .row .card-list i{top: calc(50% - 6px);text-align: center;color: #5d6c89;transition: .3s;position: absolute;left: 20px;}
#main > .wrapper > .section > .container > .row .card-list:hover{border: 2px solid #0f75bd;}
#main > .wrapper > .section > .container > .row .card-list:hover .title h3,
#main > .wrapper > .section > .container > .row .card-list:hover i{color: #0f75bd}
@media only screen and (min-width: 500px) {
#main > .wrapper > .section > .container > .row .card-list{height: 60px;}
#main > .wrapper > .section > .container > .row .card-list > .title > h3{-webkit-line-clamp: 1;line-height: unset;}
}
.mat50-n{margin-top: -50px}
.mat40-n{margin-top: -40px}
.mat30{margin-top: 30px !important;}
#main > .wrapper > .section.box-category > .container > .row > .col > .category > a{float: right;width: 100%;}
#main > .wrapper > .section.box-category > .container > .row > .col.col-1{display: none}
#main > .wrapper > .section.box-category > .container > .row > .col{display: flex;}
#main > .wrapper > .section.box-category > .container > .row {flex-wrap: nowrap;overflow: auto;padding: 30px 10px;margin-top: -30px;margin-bottom: -30px;margin-right: -20px}
#main > .wrapper > .section.box-category > .container > .row > .col.col-2{min-width: 242px;position: relative;flex: 1 1 0%;}
#main > .wrapper > .section.box-category > .container > .row .category{float: right;width: 100%;padding: 15px;box-shadow: 0 12px 37px #edf0f5;border-radius: 15px;background-color: #fff;border: 1px solid #eee;}
#main > .wrapper > .section.box-category > .container > .row .category > a .images{float: right;width: 100%;height: 100px;background-color: #f9f9f9;border-radius: 10px;align-content: center;}
#main > .wrapper > .section.box-category > .container > .row .category > a .images img{height: 50px;}
#main > .wrapper > .section.box-category > .container > .row .category > a .title{float: right;width: 100%;text-align: center;font-size: 16px;font-weight: 500;color: #575757;margin-top: 20px;}
@media only screen and (min-width: 1200px) {
#main > .wrapper > .section.box-category > .container > .row > .col.col-1{display: block}
#main > .wrapper > .section.box-category > .container > .row > .col{display: unset;}
#main > .wrapper > .section.box-category > .container > .row > .col.col-2{min-width: unset;position: unset;flex: unset;}
#main > .wrapper > .section.box-category > .container > .row {flex-wrap: unset;overflow: unset;padding: unset;margin-top: unset;margin-bottom: unset;margin-right: unset}
#main > .wrapper > .section.box-category > .container > .row .category{float: right;width: 100%;padding: 15px;box-shadow: 0 12px 37px #edf0f5;border-radius: 15px;background-color: #fff;}
}
#main > .wrapper > .box-special{display: block;width: 100%;padding: 40px 0px 90px 0px;align-items: center; justify-content: space-between;text-align: center;}
#main > .wrapper > .box-special > .box-right {float: right;width: 100%;}
#main > .wrapper > .box-special > .box-right > .title {float: right;width: 100%;color: #575757;font-weight: 700;font-size: 28px;margin-bottom: 15px;}
#main > .wrapper > .box-special > .box-right > .subtitle {float: right;width: 100%;color: #5d6c89;font-size: 22px}
#main > .wrapper > .box-special > .box-right > .link {float: unset;display: inline-block;background-color: #0f75bd;font-size: 16px;font-weight: 500;border-radius: 50px;padding: 12px 30px 12px 30px;color: #fff;margin-top: 30px;}
#main > .wrapper > .box-special > .images {display: inline-block;max-width: 280px;margin-top: 50px;}
@media only screen and (min-width: 550px) {
#main > .wrapper > .box-special > .images {max-width: unset}
}
@media only screen and (min-width: 750px) {
#main > .wrapper > .box-special{display: flex;text-align: unset;}
#main > .wrapper > .box-special > .box-right {float: unset;width: calc(100% - 450px);}
#main > .wrapper > .box-special > .images {display: unset;margin-top: unset;}
#main > .wrapper > .box-special > .box-right > .link {float: right;display: unset;}
}
@media only screen and (min-width: 1024px) {
#main > .wrapper > .box-special{display: flex;padding: 40px 150px 90px 150px;}
}
#main > .top-header{float: right;width:100%;padding-top: 60px;padding-bottom: 100px;background-color: #0f75bd;}
#main > .top-header .box-right{float: right;width: 100%}
#main > .top-header .box-right-page{float: right;width: 100%}
#main > .top-header .box-right h1,#main > .top-header .box-right-page h1{color: #fff;font-weight: 700;}
#main > .top-header .box-right .breadcrumb,#main > .top-header .box-right-page .breadcrumb{float: right;background-color: rgba(255,255,255,.1);border-radius: 10px;padding: 10px 20px;color: #fff;margin-top: 30px;}
#main > .top-header .box-right .breadcrumb a,#main > .top-header .box-right-page .breadcrumb a{color: #fad02c}
#main > .top-header .box-right .breadcrumb i,#main > .top-header .box-right-page .breadcrumb i{color: #fad02c;font-size: 5px;margin: 0 10px;}
#main > .top-header .box-left{display: none;float: right;margin-right: 10px;border-radius: 30px;width: 120px;height: 120px;padding: 30px;background-color: rgba(255,255,255,.2);}
#main > .top-header .box-left img{width: 100%;}
@media only screen and (min-width: 500px) {
#main > .top-header .box-left{display: block}
#main > .top-header .box-right{float: right;width: calc(100% - 130px)}
}
#main > .wrapper > .container .section{float: right;width:100%;margin-top: -50px;box-shadow: 0 12px 37px #edf0f5;border-radius: 20px;padding: 30px;background-color: #fff;border: 1px solid #eee;}
#main > .wrapper > .container .section > .content{float: right;width:100%;font-size: 17px;color: #5d6c89;margin-bottom: 40px;text-align: justify;line-height: 40px;}
#main > .wrapper > .container .section > .content h2{font-size: 29px;font-weight: 700;color: #333652;padding-top: 1.1rem;padding-bottom: 1.1rem;}
#main > .wrapper > .container .section > .content h3{font-size: 22px;font-weight: 700;color: #333652;padding-top: 1.1rem;padding-bottom: 1.1rem;}
#main > .wrapper > .container .section > .content h4{font-size: 20px;font-weight: 600;color: #333652;padding-top: 1.1rem;padding-bottom: 1.1rem;}
#main > .wrapper > .container .section > .content ul{list-style: disc;padding: 1rem 2rem 1rem 0}
#main > .wrapper > .container .section > .accordion-item{float: right;width: 100%;margin-bottom: 30px;border: 1px solid rgba(139,141,148,.2);border-radius: 7px;}
#main > .wrapper > .container .section > .accordion-item .accordion-item-header{float: right;width: 100%;padding: 13px 78px 13px 0px;position: relative;background-color: #f3f8ff;}
#main > .wrapper > .container .section > .accordion-item .accordion-item-header .accordion-item-title-wrapper{float: right;width: calc(100% - 60px)}
#main > .wrapper > .container .section > .accordion-item .accordion-item-header .accordion-item-title-wrapper .accordion-item-number{position: absolute;right: 0px;top:0px;height:100%;width: 58px;align-content: center;background-color: #f1a23b;color: #fff;text-align: center;line-height: 52px;font-size: 20px;}
#main > .wrapper > .container .section > .accordion-item .accordion-item-header .accordion-item-title-wrapper .accordion-item-number::after {content: '';position: absolute;z-index: 1;top: 50%;transform: translateY(-50%) rotate(45deg);width: 14px;height: 14px;left: -7px;background-color: #f1a23b;}
#main > .wrapper > .container .section > .accordion-item .accordion-item-header .accordion-expand-collapse-icon{color: #0f75bd;transform: rotate(360deg);transition-duration: .4s;position: absolute;top: calc(50% - 7px);left: 20px;}
#main > .wrapper > .container .section > .accordion-item .accordion-item-title {color: #5d6c89;}
#main > .wrapper > .container .section > .accordion-item .accordion-item-body {float: right;border-top: 1px solid rgba(139,141,148,.2);width: 100%;padding-top: 15px;padding-right: 20px;padding-bottom: 15px;padding-left: 20px;color: #5d6c89;font-size: 15px;line-height: 25px;}
#main > .wrapper > .container .checkout{display: grid;width:100%;margin: -50px auto 0px auto;box-shadow: 0 12px 37px #edf0f5;border-radius: 20px;padding: 30px;background-color: #fff;}
#main > .wrapper > .container .checkout > .header{float: right;width: 100%;border-bottom: 1px solid #eee;padding-bottom: 20px;font-size: 16px;text-align: right;color: #5d6c89;}
#main > .wrapper > .container .checkout > .title{float: right;width: 100%;text-align: center;background-color: #f8f8f8;border-radius: 5px;padding: 15px 5px;color: #0f75bd;font-size: 18px;font-weight: 500}
#main > .wrapper > .container .checkout > .detail{margin: 30px auto 0px auto;width: 100%;}
#main > .wrapper > .container .checkout > .detail > .boxinput{float: right;width: 100%;margin-bottom: 20px}
#main > .wrapper > .container .checkout > .detail > .boxinput > label{float: right;width: 100%;color: #5d6c89;font-size: 14px;margin-bottom: 8px}
#main > .wrapper > .container .checkout > .detail > .price{float: right;width: 100%;text-align: center;background-color: #f8f8f8;border-radius: 8px;padding: 10px 5px;color: #0f75bd;font-size: 18px;margin-top: 5px;font-weight: 600}
#main > .wrapper > .container .checkout > .detail > button{float: right;width: 100%;border: 0px;font-family: Anjoman;text-align: center;background-color: #00c484;border-radius: 8px;padding: 10px 5px;color: #fff;font-size: 18px;margin-top: 20px;cursor: pointer}
#main > .wrapper > .container .checkouthelp{display: grid;width:100%;margin: 30px auto 0px auto;color: #5d6c89;box-shadow: 0 12px 37px #edf0f5;border-radius: 20px;padding: 30px 60px;background-color: #fff;line-height: 35px;text-align: center;font-size: 15px;}
#main > .wrapper > .container .checkout > .detail > .payment{float: right;width: 100%;margin-top: 20px;}
#main > .wrapper > .container .checkout > .detail> .payment > .selectPayment{float: right;width: 100%;text-align: center}
#main > .wrapper > .container .checkout > .detail> .payment > .selectPayment > .item{width: 120px;margin: 0 auto;display: inline-block;padding: 10px;}
#main > .wrapper > .container .checkout > .detail> .payment > .selectPayment > .item label{float: right;width: 100%;border: 1px solid #C3C8D3;border-radius: 8px;cursor: pointer}
#main > .wrapper > .container .checkout > .detail> .payment > .selectPayment > .item > label img{float: right;width: 100%;}
#main > .wrapper > .container .checkout > .detail> .payment > .selectPayment > .item > input[type="radio"]:checked + label{border: 2px solid #0f75bd;}
#main > .wrapper > .container .checkout > .detail> .payment > .selectPayment > .item > input[type="radio"]{display: none;}
#main > .wrapper > .container .checkout > .detail > .payment > .nokteh{float: right;width: 100%;color: #5d6c89;font-size: 16px;text-align: center}
#main > .wrapper > .container .downloadProduct{display: grid;width:100%;margin: -50px auto 0px auto;box-shadow: 0 12px 37px #edf0f5;border-radius: 20px;padding: 30px;background-color: #fff;}
#main > .wrapper > .container .downloadProduct > .header{float: right;width: 100%;border-bottom: 1px solid #eee;padding-bottom: 20px;font-size: 16px;text-align: right;color: #5d6c89;}
#main > .wrapper > .container .downloadProduct > .title{float: right;width: 100%;text-align: center;background-color: #f8f8f8;border-radius: 5px;padding: 15px 5px;color: #0f75bd;font-size: 18px;font-weight: 500;margin-bottom: 20px}
#main > .wrapper > .container .downloadProduct > .title-unpaid{float: right;width: 100%;text-align: center;background-color: #f8f8f8;border-radius: 5px;padding: 15px 5px;color: #F15F5F;font-size: 18px;font-weight: 500;}
#main > .wrapper > .container .downloadProduct > .detail{margin: 10px auto 0px auto;width: 100%;}
#main > .wrapper > .container .downloadProduct > .detail > .box-right{float: right;width: 70%;text-align: center;background-color: #f8f8f8;border-radius: 8px;padding: 10px 5px;color: #5d6c89;font-size: 18px;margin-top: 5px;font-weight: 500}
#main > .wrapper > .container .downloadProduct > .detail > .box-left{float: right;width: calc(30% - 10px);margin-right: 10px;text-align: center;background-color: #f8f8f8;border-radius: 8px;padding: 10px 5px;margin-top: 5px;}
#main > .wrapper > .container .downloadProduct > .detail > .box-left a{float: right;width: 100%;color: #0f75bd;font-size: 18px;font-weight: 500}
#main > .wrapper > .container .downloadTracking{display: grid;width:100%;margin: -50px auto 0px auto;box-shadow: 0 12px 37px #edf0f5;border-radius: 20px;padding: 30px;background-color: #fff;border: 1px solid #eee;}
#main > .wrapper > .container .downloadTracking > .title{float: right;width: 100%;text-align: center;background-color: #f8f8f8;border-radius: 5px;padding: 15px 5px;color: #0f75bd;font-size: 16px;font-weight: 500;margin-bottom: 20px;margin-top: 30px}
#main > .wrapper > .container .downloadTracking > .title:first-child{margin-top: 0px;}
#main > .wrapper > .container .downloadTracking > .detail{margin: 10px auto 0px auto;width: 100%;}
#main > .wrapper > .container .downloadTracking > .detail > .box-right{float: right;width: 70%;text-align: center;background-color: #f8f8f8;border-radius: 8px;padding: 10px 5px;color: #5d6c89;font-size: 16px;margin-top: 5px;font-weight: 500}
#main > .wrapper > .container .downloadTracking > .detail > .box-left{float: right;width: calc(30% - 10px);margin-right: 10px;text-align: center;background-color: #f8f8f8;border-radius: 8px;padding: 10px 5px;margin-top: 5px;}
#main > .wrapper > .container .downloadTracking > .detail > .box-left a{float: right;width: 100%;color: #0f75bd;font-size: 16px;font-weight: 500}
#main > .wrapper > .container .error-page{display: grid;width:100%;margin: 0px auto 30px auto;}
#main > .wrapper > .container .error-page > .alert.alert-danger{float: right;width: 100%;text-align: right;background-color: #F15F5F1A;border-right: 6px solid #F15F5F;border-radius: 2px;}
#main > .wrapper > .container .error-page > .alert.alert-danger span{float: right;width: 100%;color: #5d6c89;margin-bottom: 10px;}
#main > .wrapper > .container .error-page > .alert.alert-danger span:last-child{margin-bottom: 0px;}
#main > .wrapper > .container .error-page > .alert.alert-danger span strong{font-weight: 500 !important;}
#main > .wrapper > .container .error-page > .alert.alert-success{float: right;width: 100%;text-align: right;background-color: #00c48412;border-right: 6px solid #00c484;border-radius: 2px;margin-bottom: 20px}
#main > .wrapper > .container .error-page > .alert.alert-success span{float: right;width: 100%;color: #5d6c89;margin-bottom: 10px;}
#main > .wrapper > .container .pageBox{display: grid;width:100%;margin: 0px auto 0px auto;box-shadow: 0 12px 37px #edf0f5;border-radius: 20px;padding: 30px;background-color: #fff;border: 1px solid #eee;}
#main > .wrapper > .container .pageBox .boxinput input[type=number]{-moz-appearance: textfield;}
#main > .wrapper > .container .pageBox.mat50-n{margin-top: -50px !important;margin-bottom: 30px !important;}
#main > .wrapper > .container .pageBox > .title{float: right;width: 100%;text-align: center;background-color: #f8f8f8;border-radius: 5px;padding: 15px 5px;color: #0f75bd;font-size: 18px;font-weight: 500}
#main > .wrapper > .container .pageBox > .detail{margin: 30px auto 0px auto;width: 100%;}
#main > .wrapper > .container .pageBox > .detail > .boxinput{float: right;width: 100%;margin-bottom: 20px}
#main > .wrapper > .container .pageBox > .detail > .boxinput > label{float: right;width: 100%;color: #5d6c89;font-size: 14px;margin-bottom: 8px}
#main > .wrapper > .container .pageBox > .detail > .boxinput > img{float: right;margin-left: 10px;border-radius: 10px;}
#main > .wrapper > .container .pageBox > .detail > .boxinput > .captcha{float: right;width: calc(100% - 150px);}
#main > .wrapper > .container .pageBox > .detail > button{float: right;width: 100%;border: 0px;font-family: Anjoman;text-align: center;background-color: #00c484;border-radius: 8px;padding: 10px 5px;color: #fff;font-size: 18px;cursor: pointer}
#main > .wrapper > .container .pageBoxhelp{display: grid;width:100%;margin: 30px auto 0px auto;color: #5d6c89;box-shadow: 0 12px 37px #edf0f5;border-radius: 20px;padding: 30px 60px;background-color: #fff;line-height: 35px;text-align: right;font-size: 15px;}
#main > .wrapper > .container .tickets-info{display: grid;width:100%;margin: -50px auto 30px auto;box-shadow: 0 12px 37px #edf0f5;border-radius: 20px;padding: 30px;background-color: #fff;}
#main > .wrapper > .container .tickets-info > .container > .row > .col > .subject{float: right;width: 100%;text-align: right;color: #5d6c89;font-size: 15px;font-weight: 500;}
#main > .wrapper > .container .tickets-info > .container > .row > .col > .date{float: right;width: 100%;text-align: right;color: #5d6c89;font-size: 15px;font-weight: 500;}
#main > .wrapper > .container .tickets-list{display: grid;width:100%;margin: 0px auto 30px auto;box-shadow: 0 12px 37px #edf0f5;border-radius: 3px;padding: 30px;background-color: #fff;}
#main > .wrapper > .container .tickets-list.admin{border-right: 4px solid #0f75bd}
#main > .wrapper > .container .tickets-list.user{border-right: 4px solid #00c484}
#main > .wrapper > .container .tickets-list > .info{float: right;width: 100%;background-color: #f8f8f8;border-radius: 5px;padding: 15px;}
#main > .wrapper > .container .tickets-list > .info span.right{float: right;color: #5d6c89;font-size: 14px;font-weight: 500;}
#main > .wrapper > .container .tickets-list > .info span.left{float: left;color: #5d6c89;font-size: 14px;font-weight: 500}
#main > .wrapper > .container .tickets-list > .text{float: right;width:100%;color: #5d6c89;font-size: 14px;font-weight: 500;padding: 20px 10px 0px 10px;}
#main > .wrapper > .container .tickets-list > .box-download{margin: 20px auto 0px auto;width: 100%;border-top: 1px solid #eee;padding: 20px 10px 0px 10px;}
#main > .wrapper > .container .tickets-list > .box-download > .title{float: right;width: 100%;text-align: center;background-color: #f8f8f8;border-radius: 5px;padding: 15px 5px;color: #0f75bd;font-size: 16px;font-weight: 500}
#main > .wrapper > .container .tickets-list > .box-download > .detail{margin: 10px auto 0px auto;width: 100%;}
#main > .wrapper > .container .tickets-list > .box-download > .detail > .box-right{float: right;width: 70%;text-align: center;background-color: #f8f8f8;border-radius: 8px;padding: 10px 5px;color: #5d6c89;font-size: 16px;margin-top: 10px;font-weight: 500}
#main > .wrapper > .container .tickets-list > .box-download > .detail > .box-left{float: right;width: calc(30% - 10px);margin-right: 10px;text-align: center;background-color: #f8f8f8;border-radius: 8px;padding: 10px 5px;margin-top: 10px;}
#main > .wrapper > .container .tickets-list > .box-download > .detail > .box-left a{float: right;width: 100%;color: #0f75bd;font-size: 16px;font-weight: 500}
#main > .wrapper > .container .tickets-answer{display: grid;width:100%;margin: 0px auto 0px auto;box-shadow: 0 12px 37px #edf0f5;border-radius: 20px;padding: 30px;background-color: #fff;}
#main > .wrapper > .container .tickets-answer > .title{float: right;width: 100%;text-align: center;background-color: #f8f8f8;border-radius: 5px;padding: 15px 5px;color: #0f75bd;font-size: 18px;font-weight: 500}
#main > .wrapper > .container .tickets-answer > .detail{margin: 30px auto 0px auto;width: 80%;}
#main > .wrapper > .container .tickets-answer > .detail > .boxinput{float: right;width: 100%;margin-bottom: 20px}
#main > .wrapper > .container .tickets-answer > .detail > .boxinput > label{float: right;width: 100%;color: #5d6c89;font-size: 14px;margin-bottom: 8px}
#main > .wrapper > .container .tickets-answer > .detail > button{float: right;border: 0px;font-family: Anjoman;text-align: center;background-color: #00c484;border-radius: 8px;padding: 9px 22px;color: #fff;font-size: 16px;margin-top: 0px;cursor: pointer;}
#main > .wrapper > .container .tickets-answer > .detail > .boxinput > img{float: right;margin-left: 10px;border-radius: 10px;}
#main > .wrapper > .container .tickets-answer > .detail > .boxinput > .captcha{float: right;width: 100%;margin-top: 15px}
#main > .wrapper > .container .newTickets a{float: left;text-align: center;transition: .3s;color: #fff;background-color: #0f75bd;border-radius: 10px;padding: 10px 15px;font-size: 13px;margin-bottom: 20px}
#main > .wrapper > .container .newTickets a:hover {background-color: #1f5a84;}
#main > .wrapper > .container .newTickets > a i{float: right; margin-left: 10px;margin-top: 3px}
#main > .wrapper > .container .ticketsList{display: grid;width:100%;margin: -50px auto 30px auto;box-shadow: 0 12px 37px #edf0f5;border-radius: 20px;padding: 20px;background-color: #fff;}
#main > .wrapper > .container .ticketsList .tableList{float: right;width: 100%;border-radius: 5px;}
#main > .wrapper > .container .ticketsList .tableList > .TLhead {display: none;float: right;width: 100%;padding: 10px;background-color: #f8f8f8}
#main > .wrapper > .container .ticketsList .tableList > .TLhead > .subject{float: right;width: 45%;}
#main > .wrapper > .container .ticketsList .tableList > .TLhead > .date{float: right;width: 25%;}
#main > .wrapper > .container .ticketsList .tableList > .TLhead > .status{float: right;width: 15%;}
#main > .wrapper > .container .ticketsList .tableList > .TLhead > .view{float: right;width: 15%;}
#main > .wrapper > .container .ticketsList .tableList > .TLbody {position: relative;border: 1px solid #e0e0e0;font-size: 13px;height: 120px;border-radius: 5px;margin-bottom: 10px;padding: 0px 10px;}
#main > .wrapper > .container .ticketsList .tableList > .TLbody.empty {padding: 20px 0px !important;height: 70px !important;}
#main > .wrapper > .container .ticketsList .tableList > .TLbody > .subject{float: right;width: 100%;margin: 15px 0px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;height: 21px;text-align: right}
#main > .wrapper > .container .ticketsList .tableList > .TLbody > .date{float: right;width: 100%;text-align: right}
#main > .wrapper > .container .ticketsList .tableList > .TLbody > .status{float: right;width: 100%;text-align: right;margin-top: 10px;}
#main > .wrapper > .container .ticketsList .tableList > .TLbody > .view{float: unset;width: unset;position: absolute;left: 10px;bottom: 20px;}
#main > .wrapper > .container .ticketsList .tableList > .TLbody > .view a{background-color: #eee;color: #78829d;padding: 5px 20px;border-radius: 5px;transition: .3s}
#main > .wrapper > .container .ticketsList .tableList > .TLbody > .view a:hover{background-color: #f1faff;color: #009ef7;}
#main > .wrapper > .container .ticketsList .tableList > .TLbody > .status .txt-success {color: #0b9340;}
#main > .wrapper > .container .ticketsList .tableList > .TLbody > .status .txt-waiting {color: #ee8b50;}
@media only screen and (min-width: 600px) {
#main > .wrapper > .container .ticketsList .tableList > .TLhead {display: unset}
#main > .wrapper > .container .ticketsList .tableList > .TLbody {position: unset;float: right;width: 100%;padding: 20px 10px;border-bottom: 1px solid #eee !important;font-size: 13px;height: unset;border-radius: unset;border: unset}
#main > .wrapper > .container .ticketsList .tableList > .TLbody > .subject{width: 45%;text-align: center;margin: unset;}
#main > .wrapper > .container .ticketsList .tableList > .TLbody > .date{width: 25%;text-align: center}
#main > .wrapper > .container .ticketsList .tableList > .TLbody > .status{width: 15%;text-align: center;margin-top: unset;}
#main > .wrapper > .container .ticketsList .tableList > .TLbody > .view{float: right;width: 15%;position: unset;left: unset;bottom: unset;}
#main > .wrapper > .container .tickets-answer > .detail > .boxinput > .captcha{width: calc(70% - 150px);margin-top: unset}
}
@media only screen and (min-width: 992px) {
#main > .wrapper > .container .pageBox,
#main > .wrapper > .container .checkout,
#main > .wrapper > .container .checkouthelp,
#main > .wrapper > .container .downloadProduct,
#main > .wrapper > .container .error-page,
#main > .wrapper > .container .pageBoxhelp,
#main > .wrapper > .container .tickets-info,
#main > .wrapper > .container .ticketsList,
#main > .wrapper > .container .tickets-list,
#main > .wrapper > .container .tickets-answer,
#main > .wrapper > .container .downloadTracking{width:60%;}
#main > .wrapper > .container .tickets-info > .container > .row > .col > .date{text-align: left;}
}
@media only screen and (min-width: 550px) {
#main > .wrapper > .container .pageBox > .detail,
#main > .wrapper > .container .checkout > .detail{width: 70%;}
}
@media only screen and (min-width: 992px) {
#main > .wrapper > .container .pageBox > .detail,
#main > .wrapper > .container .checkout > .detail{width: 50%;}
}
@media only screen and (min-width: 700px) {
#main > .wrapper > .container .downloadTracking > .detail,
#main > .wrapper > .container .downloadProduct > .detail{margin: 10px auto 0px auto;width: 70%;}
}
#main > .wrapper > .pagination {float: right;width: 100%;text-align: center;}
#main > .wrapper > .pagination > li{display: inline-block;margin: 4px;}
#main > .wrapper > .pagination > li a{display: inline-block;transition: all 0.2s linear;border-radius: 10px;font-size: 17px;color: #333652;background-color: #f8f8f8;min-width: 40px;line-height: 40px;}
#main > .wrapper > .pagination > li.active{border-radius: 10px;font-size: 17px;color: #fff;background-color: #0f75bd;min-width: 40px;line-height: 40px;}
#main > .wrapper > .pagination > li a:hover {color: #0f75bd;}
#main > .wrapper > .pagination > li.active:hover {color: #fff;}
#main > .wrapper > .pagination > li.dots {padding: 0 10px;color: #999;cursor: unset;}
#main > .wrapper > .pagination>li.arrow {padding: 0 10px;color: #ccc;}
#main > .top-header h1{color: #fff;font-weight: 700;}
#main > .top-header .breadcrumb{float: right;background-color: rgba(255,255,255,.1);border-radius: 10px;padding: 10px 20px;color: #fff;margin-top: 30px;}
#main > .top-header .breadcrumb a{color: #fad02c}
#main > .top-header .breadcrumb i{color: #fad02c;font-size: 5px;margin: 0 10px;}
#main > .wrapper > .container > .row > .col > .box-slider-product{float: right;width:100%;margin-top: -50px;box-shadow: 0 12px 37px #edf0f5;border-radius: 20px;padding: 20px 20px 5px 20px;background-color: #fff;border: 1px solid #eee}
#main > .wrapper > .container > .row > .col > .box-rate{float: right;width:100%;margin-top: 20px;box-shadow: 0 12px 37px #edf0f5;border-radius: 20px;padding: 18px 20px 11px 20px;background-color: #fff;border: 1px solid #eee}
#main > .wrapper > .container > .row > .col > .box-list-product{float: right;width:100%;margin-top: 15px;box-shadow: 0 12px 37px #edf0f5;border-radius: 20px;padding: 20px;background-color: #fff;border: 1px solid #eee}
#main > .wrapper > .container > .row > .col > .box-price-product{float: right;width:100%;margin-top: 15px;box-shadow: 0 12px 37px #edf0f5;border-radius: 20px;padding: 20px;background-color: #fff;border: 1px solid #eee}
#main > .wrapper > .container > .row > .col > .box-list-product > ul{float: right;width:100%;margin: 0px;padding: 0px;}
#main > .wrapper > .container > .row > .col > .box-list-product > ul > li{display: flex;width:100%;margin-bottom: 19px;align-items: center;}
#main > .wrapper > .container > .row > .col > .box-list-product > ul > li:last-child{margin-bottom: 0px;}
#main > .wrapper > .container > .row > .col > .box-list-product > ul > li > .title{float: right;width: 115px;text-align: right;color: #5d6c89;}
#main > .wrapper > .container > .row > .col > .box-list-product > ul > li > .content{float: right;width: calc(100% - 130px);text-align: right;color: #5d6c89;padding-right: 15px;border-right: 1px solid #dddcdc}
@media only screen and (min-width: 992px) {
#main > .wrapper > .container > .row > .col > .box-list-product{margin-top: -50px}
#main > .wrapper > .container > .row > .col > .box-price-product{margin-top: -50px}
}
#main > .wrapper > .container > .row > .col > .box-price-product > .title{float: right;width: 100%;margin-bottom: 18px;text-align: right;font-weight: 600;color: #5d6c89;font-size: 16px}
#main > .wrapper > .container > .row > .col > .box-price-product > .price{position: relative;float: right;width: 100%;margin-bottom: 20px;background-color: #f8f8f8;border-radius: 15px;padding: 15px}
#main > .wrapper > .container > .row > .col > .box-price-product > .price > .price-current{float: right;width: 100%;text-align: center;font-size: 16px;font-weight: 600;color: #ef4056;margin-bottom: 10px}
#main > .wrapper > .container > .row > .col > .box-price-product > .price > .price-offer{float: right;width: 100%;text-align: center;font-size: 20px;font-weight: 600;color: #5d6c89}
#main > .wrapper > .container > .row > .col > .box-price-product > .price > .darsad{position: absolute;left: 20px;top: calc(50% - 13px);background-color: #ef4056;border-radius: 30px;padding: 2px 10px;color: #fff;}
#main > .wrapper > .container > .row > .col > .box-price-product > .price > .darsad span{float: left;font-size: 12px;margin-right: 3px;margin-top: 3px;}
#main > .wrapper > .container > .row > .col > .box-price-product > .nokteh{float: right;width: 100%;text-align: center;background-color: #f8f8f8;margin-bottom: 20px;border-radius: 15px;padding: 15px;font-size: 15px;font-weight: 600;color: #0f75bd;line-height: 32px;}
#main > .wrapper > .container > .row > .col > .btn-dl-free{float: left;width: 100%;border: 0px;transition: .3s;box-shadow: 0 12px 37px #edf0f5;background-color: #a4bec482;color: #5d6c89;border-radius: 10px;padding: 12px 25px;font-size: 15px;text-align: center;cursor: pointer;margin-top: 20px}
#main > .wrapper > .container > .row > .col > .btn-dl-free:hover{background-color: #1e76ff;color: #fff;}
#main > .wrapper > .container > .row > .col > .box-price-product > .btn-checkout{float: right;width: 100%;border: 0px;font-family: Anjoman;box-shadow: 0 10px 20px rgba(26,213,152,.3);background-color: #00c484;color: #fff;border-radius: 10px;padding: 15px 25px;font-size: 15px;text-align: center;cursor: pointer}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup{position: fixed;width: 100%;height: 100%;text-align: center;z-index: 1000;right: 0px;top: unset;bottom: 0px;align-items: center;display: flex;justify-content: center}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .back-popup{position: fixed;width: 100%;height: 100%;background-color: #000000d4;z-index: 1001;right: 0px;top: 0px;}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box{position: absolute;width: 100%;background-color: #fff;z-index: 1002;border-radius: 20px 20px 0px 0px;padding: 20px;bottom: 0px;}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box .title{float: right;width: 100%;border-bottom: 1px solid #eee;padding-bottom: 20px;font-weight: 600;font-size: 18px;color: #5d6c89}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box .close{position: absolute;top: 15px;left: 17px;font-size: 24px;background-color: #f3f8ff;border-radius: 10px;color: #0f75bd;width: 40px;height: 40px;text-align: center;align-content: center;cursor: pointer;}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box .close i {margin-top: 6px;}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box > .item{float: right;width: 100%;border-bottom: 1px solid #eee;padding: 20px 0px;}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box > .item:last-child{border-bottom: 0px;padding-bottom: 0px}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box > .item > .title-product{float: right;width: 45%;font-weight: 500;font-size: 15px;color: #5d6c89;}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box > .item > .price-product{float: right;width: 27%;font-weight: 500;font-size: 15px;color: #5d6c89;}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box > .item > .btn-product{float: left;margin-top: -3px;}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box > .item > .btn-product a{float: right;width:100%;box-shadow: 0 10px 20px rgba(26,213,152,.3);background-color: #00c484;color: #fff;border-radius: 10px;padding: 5px 8px;font-size: 14px;text-align: center;}
@media only screen and (min-width: 600px) {
#main > .wrapper > .container > .row > .col > .box-price-product > .popup{top: 0px;bottom: unset}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box{position: relative;width: 80%;border-radius: 20px;padding: 20px;}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box > .item > .btn-product a{padding: 5px 15px;font-size: 15px;}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box > .item > .title-product{width: 45%;font-size: 16px;}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box > .item > .price-product{width: 27%;font-size: 16px;}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box > .item > .btn-product{margin-top: -5px;}
}
@media only screen and (min-width: 992px) {
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box{position: relative;width: 50%;border-radius: 20px;padding: 20px;}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box > .item > .btn-product a{padding: 5px 15px;font-size: 15px;}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box > .item > .title-product{width: 40%;font-size: 16px;}
#main > .wrapper > .container > .row > .col > .box-price-product > .popup > .box > .item > .price-product{width: 20%;font-size: 16px;}
}
#main > .wrapper > .container > .row > .section-content{float: right;width:100%;margin-top: 30px;text-align: justify;line-height: 40px;font-size: 16px;color: #5d6c89}
#main > .wrapper > .container > .row > .section-content h3{font-size: 22px;font-weight: 700;color: #333652;padding-top: 1.1rem;padding-bottom: 1.1rem;}
#main > .wrapper > .container > .row > .section-content > .box-product-introduction{float: right;width: 100%;border: 1px solid #eee;border-radius: 20px;padding: 15px 30px 30px 30px;margin-bottom: 30px;box-shadow: 0 12px 37px #edf0f5;}
#main > .wrapper > .container > .row > .section-content > .box-product-introduction > .title > h2{float: right;width: 100%;border-bottom: 1px solid #e6e5e5;padding: 0px 10px 15px 10px;font-weight: 500;color: #5d6c89;font-size: 17px}
#main > .wrapper > .container > .row > .section-content > .box-product-introduction > .content{float: right;width: 100%;padding: 15px 10px 0px 10px;font-size: 16px;color: #5d6c89;}
#main > .wrapper > .container > .row > .section-content > .box-product-introduction > ul{float: right;width:100%;margin: 0px;padding: 0px;list-style: none}
#main > .wrapper > .container > .row > .section-content > .box-product-introduction > ul > li{position:relative;float:right;width:100%; margin-top: 20px;}
#main > .wrapper > .container > .row > .section-content > .box-product-introduction > ul > li::before {content: "";position: absolute;width: 6px;height: 6px;background-color: #0f75bd;right: 0px;top: 16px;border-radius: 50%;}
#main > .wrapper > .container > .row > .section-content > .box-product-introduction > ul > li > a {position: relative;float: right;width: 100%;color: #0f75bd;padding-right: 20px;line-height: 35px;}
#main > .wrapper > .container > .row > .section-content > .box-detail-product-introduction{float: right;width: 100%;border: 1px solid #eee;border-radius: 20px;padding: 15px 30px 30px 30px;margin-bottom: 30px;box-shadow: 0 12px 37px #edf0f5;text-align: right}
#main > .wrapper > .container > .row > .section-content > .box-detail-product-introduction > .title > h2{float: right;width: 100%;border-bottom: 1px solid #e6e5e5;padding: 0px 10px 15px 10px;font-weight: 500;color: #5d6c89;margin-bottom: 15px;font-size: 17px}
#main > .wrapper > .container > .row > .section-content > .box-detail-product-introduction > .content{float: right;width: 100%;padding-top: 5px}
#main > .wrapper > .container > .row > .section-content > .box-detail-product-introduction > .content > .item{float: right;width: 100%;background-color: #fff;padding: 10px 20px;font-size: 16px;margin-top: 5px;border-radius: 0.75rem}
#main > .wrapper > .container > .row > .section-content > .box-detail-product-introduction > .content > .item:nth-of-type(2n+1){background-color: #f8f8f8;}
#main > .wrapper > .container > .row > .section-content > .box-detail-product-introduction > .content > .item > .box-right{float: right;width: 100%;color: #0f75bd;font-weight: 500;}
#main > .wrapper > .container > .row > .section-content > .box-detail-product-introduction > .content > .item > .box-left{float: right;width: 100%;}
#main > .wrapper > .container > .row > .section-content > .box-detail-product-introduction > .content > p{float: right;width: 100%;margin-top: 20px}
#main > .wrapper > .container > .row > .section-content > .box-detail-product-introduction > p{float: right;width: 100%;margin-top: 20px}
#main > .wrapper > .container > .row > .section-content > .box-product-sample{float: right;width: 100%;border: 1px solid #eee;border-radius: 20px;padding: 15px 30px 30px 30px;margin-bottom: 30px;box-shadow: 0 12px 37px #edf0f5;}
#main > .wrapper > .container > .row > .section-content > .box-product-sample > .title{float: right;width: 100%;border-bottom: 1px solid #e6e5e5;padding: 0px 10px 15px 10px;font-weight: 500;color: #5d6c89;font-size: 17px}
#main > .wrapper > .container > .row > .section-content > .box-product-sample > .content{float: right;width: 100%;font-size: 16px;color: #5d6c89;}
#main > .wrapper > .container > .row > .section-content > .box-product-sample > .content > .item{float: right;width: 100%;padding: 0px 10px;}
#main > .wrapper > .container > .row > .section-content > .box-product-sample > .content > .item > .box{float: right;width: 100%;border: 1px solid #eee;border-radius: 10px;padding: 10px 20px;margin-top: 20px;text-align: center;}
#main > .wrapper > .container > .row > .section-content > .box-product-sample > .content > .item > .box > .title{float: right;width: 100%;margin-bottom: 10px}
#main > .wrapper > .container > .row > .section-content > .box-product-sample > .content > .item > .box > .title > h3{float: right;width: 100%;font-size: 16px;color: #0f75bd;font-weight: 400;padding: 0px;margin: 0px;-webkit-line-clamp: 2;overflow: hidden;height: 78px;display: -webkit-box;-webkit-box-orient: vertical;text-align: right;line-height: 35px}
#main > .wrapper > .container > .row > .section-content > .box-product-sample > .content > .item > .box > .perview {float: unset;width: 80px;text-align: center;background-color: #a4bec482;color: #5d6c89;border-radius: 10px;font-size: 15px;margin-right: unset;display: inline-block;}
#main > .wrapper > .container > .row > .section-content > .box-product-sample > .content > .item > .box > .perview > a {float: right;width: 100%;}
@media only screen and (min-width: 600px) {
#main > .wrapper > .container > .row > .section-content > .box-detail-product-introduction > .content > .item > .box-right{width: 150px;}
#main > .wrapper > .container > .row > .section-content > .box-detail-product-introduction > .content > .item > .box-left{width: calc(100% - 150px);}
}
@media only screen and (min-width: 700px) {
#main > .wrapper > .container > .row > .section-content > .box-product-sample > .content > .item > .box > .title{margin-bottom: 10px}
#main > .wrapper > .container > .row > .section-content > .box-product-sample > .content > .item > .box > .title > h3{height: unset;}
}
@media only screen and (min-width: 900px) {
#main > .wrapper > .container > .row > .section-content > .box-product-sample > .content > .item{width: 50%;}
#main > .wrapper > .container > .row > .section-content > .box-product-sample > .content > .item > .box > .title{float: right;width: calc(100% - 120px);margin-bottom: unset}
#main > .wrapper > .container > .row > .section-content > .box-product-sample > .content > .item > .box > .title > h3{float: right;width: 100%;font-size: 16px;color: #0f75bd;font-weight: 400;padding: 0px;margin: 0px;-webkit-line-clamp: 1;overflow: hidden;height: 40px;display: -webkit-box;-webkit-box-orient: vertical;text-align: right;}
#main > .wrapper > .container > .row > .section-content > .box-product-sample > .content > .item > .box > .perview {float: right;width: 80px;margin-right: 40px;display: unset;}
}
#main > .wrapper > .container > .row > .col > .box-rate .product-single-rating {text-align: center;}
#main > .wrapper > .container > .row > .col > .box-rate .product-single-main-rating {position: relative;display: inline-block;font-size: 11pt;}
#main > .wrapper > .container > .row > .col > .box-rate .product-single-main-rating-stars {position: relative;float: right;overflow: hidden;margin: 0;}
#main > .wrapper > .container > .row > .col > .box-rate .product-single-main-rating-stars-rate {position: absolute;display: block;top: 0;left: 0;width: 0;background: #ffcb03;height: 100%;z-index: 1;}
#main > .wrapper > .container > .row > .col > .box-rate .product-single-main-rating-stars > svg {position: relative;float: right;z-index: 2;cursor: pointer;}
#main > .wrapper > .container > .row > .col > .box-rate .product-single-main-rating-stars>svg.active {background-color: #F15F5F;}
#main > .wrapper > .container > .row > .col > .box-rate .product-single-main-rating-stars:hover .product-single-main-rating-stars-rate {display: none;}
#main > .wrapper > .container > .row > .col > .box-rate .product-single-main-rating-rate {position: relative;float: left;color: #999;}
#main > .wrapper > .container > .row > .col > .box-rate .product-single-main-rating-rate-value {color: #999;margin: 0 10px 0 5px;}
#main > .wrapper > .container > .row > .col > .box-rate .product-single-main-rating-rate-total {font-size: 10pt;}
#main > .wrapper > .container > .row > .col > .box-rate .show-msg-rating {float: right;width: 100%;color: #5d6c89;font-size: 14px}
#main > .wrapper > .container > .row > .col > .box-slider-product .main-swiper,#main > .wrapper > .container > .row > .col > .box-slider-product .thumbs-swiper {opacity: 0;transition: opacity 0.1s ease;}
#main > .wrapper > .container > .row > .col > .box-slider-product .main-swiper.loaded,
#main > .wrapper > .container > .row > .col > .box-slider-product .thumbs-swiper.loaded {opacity: 1;}
#main > .wrapper > .container > .row > .col > .box-slider-product .swiper {width: 100%;margin: 0px auto 10px auto;}
#main > .wrapper > .container > .row > .col > .box-slider-product .swiper.main-swiper {max-width: 400px;}
#main > .wrapper > .container > .row > .col > .box-slider-product .swiper.thumbs-swiper {max-width: 400px;}
#main > .wrapper > .container > .row > .col > .box-slider-product .swiper.fullscreen-swiper {max-width: 800px;}
#main > .wrapper > .container > .row > .col > .box-slider-product .swiper-slide {display: flex;justify-content: center;align-items: center;cursor: pointer;}
#main > .wrapper > .container > .row > .col > .box-slider-product .slide-img {width: 100%;height: auto;border-radius: 12px;}
#main > .wrapper > .container > .row > .col > .box-slider-product .thumbs-swiper .swiper-slide {opacity: 0.4;}
#main > .wrapper > .container > .row > .col > .box-slider-product .thumbs-swiper .swiper-slide-thumb-active {opacity: 1;}
#main > .wrapper > .container > .row > .col > .box-slider-product .thumb-img {width: 100%;height: 100%;object-fit: cover;border-radius: 8px;}
#main > .wrapper > .container > .row > .col > .box-slider-product .fullscreen-wrapper {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.95);display: none;z-index: 9999;justify-content: center;align-items: center;}
#main > .wrapper > .container > .row > .col > .box-slider-product .fullscreen-wrapper.show {display: flex;flex-direction: column;}
#main > .wrapper > .container > .row > .col > .box-slider-product .fullscreen-wrapper img {max-width: 90vw;max-height: 90vh;border-radius: 12px;}
#main > .wrapper > .container > .row > .col > .box-slider-product .close-btn {position: absolute;top: 20px;left: 30px;font-size: 28px;color: white;cursor: pointer;z-index: 1001;}
#main > .wrapper > .container > .row > .col > .box-slider-product .main-swiper .swiper-next{position: absolute;left: 10px;top: calc(50% - 15px);z-index: 1000;background-color: #fff;border-radius: 50px;width: 30px;height: 30px;cursor: pointer;}
#main > .wrapper > .container > .row > .col > .box-slider-product .main-swiper .swiper-prev{position: absolute;right: 10px;top: calc(50% - 15px);z-index: 1000;background-color: #fff;border-radius: 50px;width: 30px;height: 30px;cursor: pointer;}
#main > .wrapper > .container > .row > .col > .box-slider-product .main-swiper .swiper-next i,
#main > .wrapper > .container > .row > .col > .box-slider-product .main-swiper .swiper-prev i{font-size: 14px;margin-top: 8px;}
#main > .wrapper > .container > .row > .col > .box-slider-product .main-swiper .swiper-next[aria-disabled="true"],
#main > .wrapper > .container > .row > .col > .box-slider-product .main-swiper .swiper-prev[aria-disabled="true"] {user-select: none;opacity: 0.5;}
#main > .wrapper > .container > .row > .col > .box-slider-product .fullscreen-wrapper .swiper-button-next,
#main > .wrapper > .container > .row > .col > .box-slider-product .fullscreen-wrapper .swiper-button-prev {color: white;}
@media (max-width: 768px) {
#main > .wrapper > .container > .row > .col > .box-slider-product .thumbs-swiper .swiper-slide {height: 60px;}
}
@media (max-width: 480px) {
#main > .wrapper > .container > .row > .col > .box-slider-product .thumbs-swiper .swiper-slide {height: 50px;}
}
#footer{float: right;width: 100%;background-color: #edf0f5;margin-top: 150px}
#footer > .wrapper > .pigiry{float: right;width: 100%;background-color: #fff;border-radius: 20px;padding: 20px 40px;box-shadow: 0 12px 37px #edf0f5;margin-top: -50px;}
#footer > .wrapper > .pigiry > .content{float: right;width: 100%;}
#footer > .wrapper > .pigiry > .content > .title{float: right;width: 100%;font-size: 22px;font-weight: 600;color: #575757;}
#footer > .wrapper > .pigiry > .content > .desc{text-align: justify;line-height: 30px;}
#footer > .wrapper > .pigiry > .link{float: left;width: 130px;margin-left:0px;margin-top: 20px;}
#footer > .wrapper > .pigiry > .link a{float: right;width: 100%;text-align: center;transition: .3s;color: #fff;background-color: #0f75bd;box-shadow: 0 10px 20px rgba(30,118,255,.35);border-radius: 10px;padding: 10px 25px;font-size: 15px;}
#footer > .wrapper > .pigiry > .link a:hover{background-color: #1f5a84;}
#footer > .wrapper > .section{float: right;width: 100%;margin-top: 40px}
#footer > .wrapper > .section > .container .title{float: right;width: 100%;text-align: right;font-size: 25px;font-weight: 700;color: #575757;margin-bottom: 20px;}
#footer > .wrapper > .section > .container .desc{float: right;width: 100%;font-size: 16px;color: #5d6c89;text-align: justify;line-height: 30px;padding-left: 0px}
#footer > .wrapper > .section > .container .namad{float: right;width: 100%;padding: 20px;background-color: #fff;border-radius: 20px;box-shadow: 0 12px 37px #edf0f5;height: 197px;align-content: center;}
#footer > .wrapper > .section > .container .namad img{max-width: 100%;}
#footer > .footer-bottom {float: right;width: 100%;padding: 10px 0px 30px 0px;margin-top: 30px;}
#footer > .footer-bottom > .wrapper > .container ul {float: right;width: 100%;text-align: center;padding: 30px 0px;border-bottom: 1px solid #dddcdc;border-top: 1px solid #dddcdc;}
#footer > .footer-bottom > .wrapper > .container ul li {display:inline-block;margin-left: unset;width: 40%;margin-bottom: 10px;}
#footer > .footer-bottom > .wrapper > .container ul li:last-child {margin-left: 0px;}
#footer > .footer-bottom > .wrapper > .container ul li a{color: #5d6c89;font-weight: 500;transition: .3s;}
#footer > .footer-bottom > .wrapper > .container ul li a:hover{color: #0f75bd;}
#footer > .footer-bottom > .wrapper > .container .footer-copyright{float: right;width: 100%;color: #5d6c89;font-weight: 500;padding-top: 30px;text-align: center}
@media (min-width: 800px) {
#footer > .wrapper > .pigiry > .content{float: right;width: calc(100% - 140px);}
#footer > .wrapper > .pigiry > .link{float:right;margin-left:10px;margin-top: 9px;}
#footer > .wrapper > .pigiry > .content > .desc{float: right;width: 100%;text-align: right;color: #5d6c89;font-size: 14px;margin-top: 4px;line-height: unset;}
#footer > .wrapper > .section > .container .desc{padding-left: 120px}
#footer > .footer-bottom > .wrapper > .container ul li {display:inline-block;margin-left: 30px;width: unset;margin-bottom: unset;}
}