/* Hub Page CSS */

body, p {
	font-size: 16px;
}

b, strong {
	font-weight: 600;
}

.hide {
    display: none;
}

.abslt-cntr {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%
}

.btn {
    padding: 15px;
    display: inline-block;
    border-radius: 8px;
    background-color: #0d426c;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

.btn--inv {
    color: #0066c0;
    background-color: #fff;
    border: 1px solid #dfe1e8;
}

.btn--s {
	line-height: 16px;
	height: 32px;
	padding: 8px;
	border-radius: 3px;
	font-size: 14px;
}

.btn--l {
    width: 100%;
    font-weight: 600;
    box-sizing: border-box;
    text-align: center;
    margin-top: 10px;
}

.btn--r {
    border-radius: 40px
}

.btn--dsbld {
    background-color: #f2f3f5;
    color: #444;
    cursor: not-allowed
}

.bttn {
    font-size: 16px;
    font-weight: 600;
    line-height: 17px;
    position: relative;
    display: inline-block;
    padding: 8px 10px;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color .2s ease-in-out,color .2s ease-in-out;
    color: rgba(17,17,17,.6);
    border: 0;
    border-radius: 2px;
    background-color: #f2f3f5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bttn:hover.bttn:after {
    right: 10px;
}

.bttn--wht {
    color: #0d426c;
    background-color: #fff;
    padding-right: 37px;
}

.bttn--wht:after {
    position: absolute;
    top: 12px;
    right: 20px;
    width: 6px;
    height: 10px;
    transition: .1s ease-in-out;
    opacity: 1;
    background-image: url(https://assets.mspimages.in/msp-ui/icons/btn-arw-blue.png);
    background-repeat: no-repeat;
    background-size: 6px 10px;
    content: ' ';
}

.bttn--actn {
    color: #fff;
    background-color: #0d426c
}

.text-link {
    cursor: pointer;
    color: #0066c0
}

.text-link:hover {
    text-decoration: underline
}

.txt--hglt {
    color: #0d426c;
    font-weight: 600;
}

.card {
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(92,78,62,.28);
    border-radius: 8px;
    padding: 15px
}

.cntnt-by {
    color: #777;
    font-size: 11px
}

.cntnt-by__name {
    display: inline-block;
    margin-right: 5px;
    font-weight: 500
}

.cntnt-by__time {
    display: inline-block
}

.cntnt-by__time:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #8e93a1;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    top: -2px;
    opacity: .5
}

.rtng-star,
.rtng-star__inr {
    float: left;
    height: 14px
}

.rtng-star {
    width: 65px;
    background-position: left center;
    background-image: url(https://assets.mspimages.in/msp-ui/icons/star-grey.png);
    background-repeat: repeat-x;
    background-size: auto 12px
}

.rtng-star__inr {
    background-position: left center;
    background-image: url(https://assets.mspimages.in/msp-ui/icons/star-gold.png);
    background-repeat: repeat-x;
    background-size: auto 12px
}

.pop-up__ovrly {
    position: fixed;
    z-index: 2999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    opacity: 1;
    background: rgba(0,0,0,.7)
}

.pop-up__cntnr {
    position: fixed;
    z-index: 3001;
    top: 20%;
    right: 0;
    left: 0;
    overflow: hidden;
	max-width: 1185px;
    margin: 0 auto;
	background-color: #fff;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    opacity: 1;
    border-radius: 8px
}

.pop-up__cntnr.not-opq {
    top: -100px
}

.pop-up__cls-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    color: #8e93a1
}

.pop-up__cls-btn:hover {
    color: #111
}

.post *,
.td-ss-main-sidebar * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;
}

.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6,
.post .td-post-sub-title {
	font-family: Poppins;
}

.post header .entry-title {
	margin-bottom: 0;
}

/*
.td-post-sub-title {
	line-height: 43px;
	margin: 0 0 8px;
	font-size: 30px;
	font-style: normal;
	color: #444;
}
*/

.td-post-sub-title {
font-style: italic;
line-height: 24px;
margin: 9px 0 14px;
font-size: 17px;
font-weight: 400;
color: #222;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif !important;
}

.sctn__ttl {
    line-height: 33px;
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 24px;
	color: inherit;
}

.sctn__inr {
    line-height: 1.6;
    clear: both;
    margin-top: 20px;
}

.sctn__inr p {
    margin: 20px 0 0;
}

.prdct-dtl__bnr-btn {
    padding: 15px 20px;
    background-color: #fff;
    color: #0d426c;
    border-radius: 30px;
    line-height: 14px;
    font-size: 12px;
	float: right;
    right: 15px;
    top: 15px;
	position: absolute;
	z-index: 1;
	margin-bottom: 4px;
    font-weight: 600;
    cursor: pointer;
}

.upcmng-tbl {
	font-size: 15px;
}

.upcmng-tbl td {
	padding: 4px 12px;
}

.upcmng-tbl tr:first-child td {
	padding: 12px;
}

.upcmng-tbl__prc-lbl {
	font-size: 14px;
	text-transform: uppercase;
	color: #333;
}

.upcmng-tbl__prc-val {
	margin-top: 2px;
	font-size: 28px;
	font-weight: 600;
	color: #3d6a8c;
}

.prdct-pros-cons p {
	line-height: 28px;
	font-size: 17px
}

.prc-tbl {
    margin-top: 20px
}

.prc-tbl__item {
    display: inline-block;
    position: relative;
    width: 352px;
    height: 64px;
    vertical-align: top;
    box-sizing: border-box;
    padding: 12px 15px;
    cursor: pointer;
    transition: .2s ease-in-out;
    background: url(https://assets.mspimages.in/msp-ui/icons/open_store.png) right 28px center/80px no-repeat;
    color: #0d426c
}

.prc-tbl__item:after {
    content: '\276f';
    position: absolute;
    right: 18px;
    top: 21px;
    display: block;
    font-size: 15px;
    line-height: 21px;
    transition: .2s ease-in-out
}

.prc-tbl__item:hover {
    text-decoration: none;
    transform: scale(1.02)
}

.prc-tbl__item:hover:after {
    right: 16px
}

.prc-tbl__item:nth-child(even) {
    margin-left: 15px
}

.prc-tbl__item:nth-child(n+3) {
    margin-top: 20px
}

.prc-tbl__img {
    float: left;
    margin-top: 8px;
    height: 24px;
    width: auto;
    max-width: 90px
}

.prc-tbl__mdl {
    float: right;
    margin-right: 130px
}

.prc-tbl__mdl--c {
    margin-top: 9px
}

.prc-tbl__prc {
	height: auto;
	margin-top: 0;
    color: #0d426c;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px
}

.prc-tbl__ofr {
    color: #099181;
    font-size: 13px;
    margin-top: 2px;
    line-height: 17px
}

.prdct-dtl__authr {
    font-weight: 500;
    font-size: 14px;
    margin-top: 8px;
    line-height: 20px;
}

.prdct-dtl__authr-updt {
    font-weight: 400;
    color: #444;
}

.rvw__scr {
    float: left;
    width: 200px;
    height: 200px;
    border: 1px solid #dfe1e8;
    border-radius: 8px;
    position: relative;
}

.rvw__crcl {
    position: relative;
    width: 87px;
    height: 43px;
    margin: 63px auto;
}

.rvw__pts {
    display: inline-block;
    vertical-align: middle;
    color: #8e93a1;
    font-weight: 600;
    font-size: 24px;
    margin-left: 4px;
}

.rvw__scr-txt {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 63px;
    color: #099181;
    text-align: center;
}

.rvw__rtng {
    float: left;
    width: 498px;
    margin-left: 20px;
}

.rvw__item-txt {
    font-size: 13px;
}

.rvw__item-lbl {
    float: left;
}

.rvw__item-scr {
    float: right;
    color: #0d426c;
    font-weight: 600;
}

.rvw__item-bar {
    margin-top: 3px;
    background-color: #d8d8d8;
    height: 5px;
    border-radius: 3px;
    position: relative;
}

.rvw__item-bar__fld {
    background-color: #0d426c;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 5px;
}

.rvw__item + .rvw__item {
    margin-top: 15px;
}

.kyspc {
    margin: 20px 0 0;
    border-radius: 8px;
    border: 1px solid #dfe1e8;
}

.kyspc__item {
    float: left;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-y: hidden;
    line-height: 18px;
    padding: 18px 15px;
	margin-left: 0;
    text-indent: 0;
    width: 50%;
    box-sizing: border-box;
    font-weight: 600;
}

.kyspc__item:nth-child(even) {
    border-left: 1px solid #dfe1e8;
}

.kyspc__item:nth-child(n+3) {
    border-top: 1px solid #dfe1e8;
}

.kyspc__item:before {
    float: left;
    clear: both;
    font-size: 1.3em;
    line-height: 1;
    content: '\2022';
    color: #dfe1e8;
    margin-right: 14px;
}

.kyspc__item--cpu:before {
    background-position: 0 -38px;
}

.kyspc__item--ram:before {
    background-position: 0 -95px;
}

.kyspc__item--strge:before {
    background-position: 0 -133px;
}

.kyspc__item--bttry:before {
    background-position: 0 0;
}

.kyspc__item--cmra:before {
    background-position: 0 -19px;
}

.kyspc__item--aspct:before {
    background-position: 0 -57px;
}

.kyspc__item--sim:before {
    background-position: 0 -114px;
}

.kyspc__item--os:before {
    background-position: 0 -76px;
}

[class*=kyspc__item--]:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(https://assets.mspimages.in/sprite/specs/blue/sprite@2x.png);
    background-size: 18px;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.kyspc__item-sub {
    color: #444;
    font-weight: 400;
}

.prdct-dscrptn__img-wrpr {
    display: inline-block;
    width: 240px;
    text-align: center;
    vertical-align: middle
}

.prdct-dscrptn__img {
    width: inherit!important;
    max-width: 100%;
    height: inherit!important
}

.prdct-dscrptn__item+.prdct-dscrptn__item {
    padding-top: 20px
}

.prdct-dscrptn__item-dscrptn--s {
    display: inline-block;
    width: 628px;
    padding-right: 20px;
    margin-right: -.29em;
    vertical-align: middle
}

.prdct-dscrptn__img-wrpr+.prdct-dscrptn__item-dscrptn {
    display: inline-block;
    width: 628px;
    padding-left: 20px;
    margin-left: -.29em;
    vertical-align: middle
}

.prdct-dscrptn__item-ttl {
    margin-bottom: 5px;
    font-weight: 600
}

.prdct-dscrptn__item-text {
    color: #444
}

.prdct-dscrptn__item-text ul li:not(:last-child) {
    margin-bottom: 10px
}

.prdct-dscrptn .sctn__inr p {
    padding: 20px 0;
    border-bottom: 1px solid #dfe1e8;
    color: #111
}

.prdct-dscrptn .sctn__inr p:last-child {
    border: none
}

.prdct-dscrptn .sctn__inr div {
    color: #111
}

.prdct-dtl__exprn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    width: 100px;
    vertical-align: top;
    font-weight: 500
}

.prdct-dtl__exprn-img {
    max-width: 80px;
    max-height: 80px;
    transition: .2s ease-in-out
}

.prdct-dtl__exprn-img-wrpr {
	position: relative;
    width: 100px;
    height: 100px;
    padding: 9px;
    border-radius: 8px;
    border: 1px solid #dfe1e8
}

.prdct-dtl__exprn-txt {
    margin-top: 8px;
    color: #444;
    font-size: 14px
}

.prdct-dtl__exprn + .prdct-dtl__exprn {
    margin-left: 15px
}

.prdct-dtl__exprn:hover .prdct-dtl__exprn-img {
    transform: scale(1.02)
}

table td {
	padding: 3px 8px;
	border-color: #dfe1e8;
	background-color: #f2f3f5;
	color: #707687;
}

table td + td {
	background-color: transparent;
	color: inherit;
}

.table td {
	background-color: transparent;
}

.table thead td,
.table td[colspan] {
	font-family: Poppins;
	font-size: 20px;
	background-color: #f2f3f5;
}

.table + .table td[colspan] {
	border-top: none;
}

.qna__nq {
    margin-top: 10px;
    line-height: 1.6;
    color: #444;
}

.qna__nq-ttl {
    font-size: 24px;
}

.qna__nq-pt {
    margin-left: 32px;
}

.qna__nq-pt:before {
    float: left;
    margin-right: 5px;
    content: "-";
}

.qna__nq-smpl {
    margin-top: 10px;
}

.qna__body {
    margin-top: 8px;
}

.qna__body--search {
    margin-top: 20px;
    border-top: 1px solid transparent;
    box-sizing: border-box;
}

.qna__body--search .qna__answr+.qna__answr {
    padding-top: 10px;
    margin-top: 10px;
}

.qna__body--search .qna__item {
    padding-left: 0;
}

.qna__qstn {
    font-size: 16px;
    font-weight: 700;
    color: #111;
}

.qna__qstn:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0 13px 5px 0;
    border-radius: 50%;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #111;
    content: "Q.";
}

.qna__answr {
    display: none;
    color: #444;
}

.qna__answr:hover .hide {
    display: none;
}

.qna__answr-btm {
    margin-top: 12px;
    line-height: 22px;
    color: #444;
    font-size: 12px;
}

.qna__answr--show, .qna__answr:first-child {
    display: block;
}

.qna__answr + .qna__answr {
    padding-top: 10px;
    border-top: 1px dashed #dfe1e8;
}

.qna__answr-wrpr--na, .qna__answr-wrpr--na .qna__answr-wrpr:before {
    opacity: .5;
}

.qna__item {
    padding: 10px 0 8px;
}

.qna__item + .qna__item {
    border-top: 1px solid #dfe1e8;
    margin-top: 10px;
}

.qna__item--href {
    color: #333;
}

.qna__all-answrs {
    font-weight: 600;
    color: #0066c0;
    font-size: 13px;
    line-height: 24px;
    cursor: pointer;
    margin-left: 10px;
    display: inline-block;
}

.qna__all-answrs:after {
    content: "|";
    color: #dfe1e8;
    padding-left: 10px;
}

.qna__all-answrs:hover {
    text-decoration: none;
}

.qna__more-answr {
    float: left;
    clear: both;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    margin: 12px 0 0 33px;
    color: #0066c0;
    cursor: pointer;
}

.qna__more-answr:before {
    content: "+";
    padding-right: 5px;
}

.qna__more-answr--opnd:before {
    content: "-";
}

.qna__more-answr:after {
    content: "|";
    float: right;
    padding-left: 15px;
    color: #dfe1e8;
}

.qna__more-answr + .qna__answr-qstn {
    margin-left: 0;
    margin-right: 0;
}

.qna__usr-prfl {
    text-align: left;
    display: inline-block;
    margin-right: 5px;
    font-size: 11px;
    color: #777;
    font-weight: 500;
}

.qna__answr {
    position: relative;
    padding-left: 33px;
    box-sizing: border-box;
    margin-top: 17px;
}

.qna__answr-date {
    display: inline-block;
    color: #777;
}

.qna__answr-date:before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #8e93a1;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    top: -2px;
    opacity: .5;
}

.qna__answr:before {
    display: inline-block;
    width: 20px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #111;
    content: "A.";
    position: absolute;
    top: 0;
    left: 0;
}

.qna__answr-qstn {
    display: inline-block;
    line-height: 24px;
    font-size: 13px;
    font-weight: 600;
    color: #0066c0;
    cursor: pointer;
    margin-top: 12px;
}

.qna__answr-qstn:before {
    content: "|";
    float: left;
    width: 30px;
    height: 26px;
    margin-right: 7px;
    background-image: url(https://assets.mspimages.in/msp-ui/icons/writeans_icon.png);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: right;
    color: #dfe1e8;
}

.qna__answr-qstn--inln {
    margin-left: 30px;
}

.qna__answr-qstn--inln:before {
    content: "";
}

.qna__answr-txt {
    float: left;
    margin-left: 3px;
    color: #0066c0;
    cursor: pointer;
}

.answr-vote {
    display: none;
}

.user-answrs__answr--show:hover .answr-vote {
    display: inline-block;
}

.usr-rvw__stats {
    float: left
}

.usr-rvw__scr-box {
    border: 1px solid #16a085;
    border-radius: 3px;
    text-align: center;
    color: #16a085;
    padding: 9px 18px;
    overflow: hidden;
    display: inline-block
}

.usr-rvw__scr-cur {
    font-size: 28px;
    line-height: 1;
    font-weight: 500
}

.usr-rvw__scr-max {
    font-size: 14px;
    color: #8e93a1;
    opacity: .6
}

.usr-rvw__rtng-info {
    margin-top: 10px
}

.usr-rvw__rtng-info__star {
    margin-bottom: 10px
}

.usr-rvw__rtng-info__nmbrs {
    color: #8e93a1
}

.usr-rvw__rtng-info__nmbrs span {
    margin-right: 4px
}

.usr-rvw__rtng-info__nmbrs span:before {
    content: "";
    width: 3px;
    height: 3px;
    background-color: #8e93a1;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 7px
}

.usr-rvw__rtng-info__nmbrs span:first-child:before {
    display: none
}

.usr-rvw__wrt-rvw {
    width: 450px;
    height: 133px;
    float: right;
    border-radius: 8px;
    border: 1px solid #dfe1e8;
    position: relative;
    text-align: center
}

.usr-rvw__wrt-rvw-hdr {
    font-size: 18px;
    margin-top: 15px;
    color: #333;
    font-weight: 600;
    text-align: center
}

.usr-rvw__wrt-rvw-subhdr {
    color: #4a4a4a
}

.usr-rvw__wrt-rvw-btn {
    padding: 6px 20px;
    margin-top: 11px;
    font-size: 14px;
    font-weight: 600
}

.usr-rvw__bttm {
    margin-top: 25px
}

.usr-rvw__bttm__by {
    margin-top: 12px
}

.usr-rvw__bttm__hdr {
	font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px
}

.usr-rvw__bttm__subhdr {
    font-size: 13px;
    color: #8e93a1;
    margin-bottom: 10px
}

.usr-rvw__bttm__rvw {
    margin-top: 24px;
    padding-bottom: 29px;
    border-bottom: 1px solid #dfe1e8
}

.usr-rvw__bttm__rvw:hover .rprt-spam {
    display: inline
}

.usr-rvw__bttm__rvw-star {
    float: left;
    margin-top: 4px
}

.usr-rvw__bttm__rvw-scr {
    color: #16a085;
    padding: 0 2px;
    border-radius: 8px;
    border: 1px solid #16a085;
    margin: 0 12px;
    float: left;
    width: 42px;
    line-height: 21px;
    text-align: center;
    font-size: 15px
}

.usr-rvw__bttm__rvw-hdr {
    float: left;
    font-weight: 600
}

.usr-rvw__bttm__rvw-cntnt {
    color: #444;
    margin-bottom: 20px;
    margin-top: 15px
}

.usr-rvw__bttm__rvw-cntnt__more {
    display: none
}

.usr-rvw__bttm__rvw-read-mre {
    font-weight: 600
}

.usr-rvw__bttm__rvw-vote {
    float: right;
    font-size: 13px;
    color: #444;
    margin-top: 2px
}

.usr-rvw__bttm__rvw-vote .rprt-spam {
    margin-right: 20px;
    display: none;
    transition: display .4s ease-in
}

.usr-rvw__bttm__rvw-vote-up {
    background-image: url(https://assets.mspimages.in/msp-ui/icons/thumbup_grey.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: left center;
    padding-left: 20px;
    margin-right: 8px
}

.usr-rvw__bttm__rvw-vote-up.done {
    background-image: url(https://assets.mspimages.in/msp-ui/icons/thumbup_blue.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    color: #0d426c
}

.usr-rvw__bttm__rvw-vote-down {
    background-image: url(https://assets.mspimages.in/msp-ui/icons/thumbdown_grey.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: left center;
    padding-left: 20px;
}

.usr-rvw__bttm__rvw-vote-down.done {
    background-image: url(https://assets.mspimages.in/msp-ui/icons/thumbdown_blue.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    color: #0d426c
}

.link-item {
    border-radius: 8px;
    border: 1px solid #dfe1e8;
    display: inline-block;
    width: 352px;
    box-sizing: border-box;
    padding: 15px 12px;
    margin-top: 20px
}

.link-item:nth-child(even) {
    margin-left: 15px
}

.link-item__img-wrpr {
	position: relative;
	float: left;
    height: 48px;
    width: 48px;
	text-align: center;
	cursor: pointer
}

.link-item__lbl {
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 206px;
	line-height: 48px;
	margin-left: 10px;
	font-size: 14px
}

.link-item__lbl a {
	color: #0066c0;
}

.link-item:hover .link-item__lbl a {
	text-decoration: underline
}

.link-grid {
	margin-top: 28px;
}

.link-grid .sctn__inr {
	margin-top: 0
}

.link-grid__item.link-grid__item {
	height: 24px;
	line-height: 24px;
	padding: 0 5px 0 14px;
	margin-top: 20px;
}

.link-grid__item a {
	color: #0066c0;
}

.td-ss-main-sidebar {
	-webkit-perspective: none;
}

.sdbr {
    width: 300px;
    float: right;
    transition: .2s ease-in-out
}

.sdbr--stcky {
    position: fixed;
    top: 20px;
	right: 0
}

.shr-md {
    color: #444;
    float: right;
    background: url(https://assets.mspimages.in/msp-ui/icons/pdp/facebook.png) left 10px center/20px no-repeat;
    line-height: 24px;
    font-size: 16px;
    padding: 0 10px 0 34px
}

.shr-md--twtr {
    background-image: url(https://assets.mspimages.in/msp-ui/icons/pdp/twitter.png)
}

.shr-md:hover {
    text-decoration: none;
    cursor: pointer
}

.shr-md + .shr-md {
    border-right: 1px solid #dfe1e8
}

.shr-md__wrpr {
    margin: 20px 0 30px
}

.prdct-wdgt {
    padding: 20px 15px
}

.prdct-wdgt__tgl {
	display: none
}

.prdct-wdgt__top {
    padding-bottom: 20px;
    border-bottom: 1px solid #dfe1e8
}

.prdct-dtl__vrnt-lbl {
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    width: 62px
}

.prdct-dtl__vrnt + .prdct-dtl__vrnt {
    margin-top: 17px
}

.avlbl-clrs {
    display: inline-block;
    vertical-align: middle
}

.avlbl-clrs__item {
    float: left;
    margin-top: 1px;
    margin-right: 5px
}

.avlbl-clrs__inpt {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.avlbl-clrs__lbl {
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: border .2s ease-in-out;
    border: 2px solid transparent;
    border-radius: 50%
}

.avlbl-clrs__lbl-inr {
    display: block;
    height: 16px;
    border: 1px solid #dfe1e8;
    border-radius: 50%;
    background-color: #fff
}

.avlbl-clrs__lbl:hover {
    border: 2px solid #0d426c
}

.avlbl-clrs__inpt:checked+.avlbl-clrs__lbl {
    border-color: #0d426c
}

.avlbl-sizes {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.avlbl-sizes__item {
    padding: 0 4px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #444;
    border: 1px solid #dfe1e8;
    border-radius: 2px
}

.avlbl-sizes__item-wrpr {
    float: left;
    padding: 0 1px;
    cursor: pointer
}

.avlbl-sizes__item-wrpr+.avlbl-sizes__item-wrpr {
    margin-left: 5px
}

.avlbl-sizes__item-wrpr:hover {
    padding: 0 0 1px
}

.avlbl-sizes__item-wrpr:hover .avlbl-sizes__item {
    color: #0d426c;
    border: 2px solid #0d426c
}

.avlbl-sizes__item-wrpr--slctd {
    cursor: default
}

.avlbl-sizes__item-wrpr--slctd .avlbl-sizes__item {
    color: #3d6a8c;
    background-color: rgba(61,106,140,.1);
    border: 2px solid #0d426c
}

.avlbl-sizes--no-slct .avlbl-sizes__item-wrpr {
    padding: 0 1px;
    cursor: default
}

.avlbl-sizes--no-slct .avlbl-sizes__item-wrpr:hover .avlbl-sizes__item {
    color: #444;
    border: 1px solid #dfe1e8
}

.prdct-wdgt__mdl {
    padding: 12px 0;
    border-bottom: 1px solid #dfe1e8
}

.prdct-wdgt__str-OOS {
    height: 36px;
    line-height: 20px;
    padding: 8px 10px;
    text-transform: uppercase;
    font-weight: 600
}

.prdct-wdgt__str-OOS + .prdct-wdgt__str-prc {
    line-height: 36px
}

.prdct-wdgt__more {
    text-align: right;
    font-size: 12px;
    margin-top: 10px;
    color: #0066c0;
    font-weight: 600;
    cursor: pointer
}

.prdct-wdgt__more:after {
    content: '\276f';
    font-weight: 300;
    display: inline-block
}

.prdct-wdgt__str {
    margin-top: 25px
}

.prdct-wdgt__str-img {
    float: left;
    height: 30px
}

.prdct-wdgt__str-prc {
    float: right;
    color: #0d426c;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px
}

.prdct-wdgt__str-btn {
    padding: 6px;
    font-size: 13px;
    margin-top: 10px
}

.prdct-wdgt__mstr {
    margin-top: 15px;
    overflow: hidden;
    position: relative
}

.prdct-wdgt__mstr:before {
    content: '';
    width: 220px;
    position: absolute;
    height: 1px;
    left: 35px;
    top: 11px;
    display: block;
    background-color: #dfe1e8
}

.prdct-wdgt__mstr-img {
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 2px
}

.prdct-wdgt__mstr-name {
    float: left;
    margin-left: 5px;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    padding-right: 5px;
    background-color: #fff
}

.prdct-wdgt__mstr-prc {
    float: right;
    color: #0d426c;
    font-weight: 500;
    font-size: 15px;
    position: relative;
    padding-left: 5px;
    background-color: #fff
}

.c100.p100 .slice,.c100.p51 .slice,.c100.p52 .slice,.c100.p53 .slice,.c100.p54 .slice,.c100.p55 .slice,.c100.p56 .slice,.c100.p57 .slice,.c100.p58 .slice,.c100.p59 .slice,.c100.p60 .slice,.c100.p61 .slice,.c100.p62 .slice,.c100.p63 .slice,.c100.p64 .slice,.c100.p65 .slice,.c100.p66 .slice,.c100.p67 .slice,.c100.p68 .slice,.c100.p69 .slice,.c100.p70 .slice,.c100.p71 .slice,.c100.p72 .slice,.c100.p73 .slice,.c100.p74 .slice,.c100.p75 .slice,.c100.p76 .slice,.c100.p77 .slice,.c100.p78 .slice,.c100.p79 .slice,.c100.p80 .slice,.c100.p81 .slice,.c100.p82 .slice,.c100.p83 .slice,.c100.p84 .slice,.c100.p85 .slice,.c100.p86 .slice,.c100.p87 .slice,.c100.p88 .slice,.c100.p89 .slice,.c100.p90 .slice,.c100.p91 .slice,.c100.p92 .slice,.c100.p93 .slice,.c100.p94 .slice,.c100.p95 .slice,.c100.p96 .slice,.c100.p97 .slice,.c100.p98 .slice,.c100.p99 .slice,.rect-auto {
    clip: rect(auto,auto,auto,auto);
}

.c100 .bar,.c100.p100 .fill,.c100.p51 .fill,.c100.p52 .fill,.c100.p53 .fill,.c100.p54 .fill,.c100.p55 .fill,.c100.p56 .fill,.c100.p57 .fill,.c100.p58 .fill,.c100.p59 .fill,.c100.p60 .fill,.c100.p61 .fill,.c100.p62 .fill,.c100.p63 .fill,.c100.p64 .fill,.c100.p65 .fill,.c100.p66 .fill,.c100.p67 .fill,.c100.p68 .fill,.c100.p69 .fill,.c100.p70 .fill,.c100.p71 .fill,.c100.p72 .fill,.c100.p73 .fill,.c100.p74 .fill,.c100.p75 .fill,.c100.p76 .fill,.c100.p77 .fill,.c100.p78 .fill,.c100.p79 .fill,.c100.p80 .fill,.c100.p81 .fill,.c100.p82 .fill,.c100.p83 .fill,.c100.p84 .fill,.c100.p85 .fill,.c100.p86 .fill,.c100.p87 .fill,.c100.p88 .fill,.c100.p89 .fill,.c100.p90 .fill,.c100.p91 .fill,.c100.p92 .fill,.c100.p93 .fill,.c100.p94 .fill,.c100.p95 .fill,.c100.p96 .fill,.c100.p97 .fill,.c100.p98 .fill,.c100.p99 .fill,.pie {
    position: absolute;
    border: .08em solid #099181;
    width: .84em;
    height: .84em;
    clip: rect(0,.5em,1em,0);
    border-radius: 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.c100.p100 .bar:after,.c100.p100 .fill,.c100.p51 .bar:after,.c100.p51 .fill,.c100.p52 .bar:after,.c100.p52 .fill,.c100.p53 .bar:after,.c100.p53 .fill,.c100.p54 .bar:after,.c100.p54 .fill,.c100.p55 .bar:after,.c100.p55 .fill,.c100.p56 .bar:after,.c100.p56 .fill,.c100.p57 .bar:after,.c100.p57 .fill,.c100.p58 .bar:after,.c100.p58 .fill,.c100.p59 .bar:after,.c100.p59 .fill,.c100.p60 .bar:after,.c100.p60 .fill,.c100.p61 .bar:after,.c100.p61 .fill,.c100.p62 .bar:after,.c100.p62 .fill,.c100.p63 .bar:after,.c100.p63 .fill,.c100.p64 .bar:after,.c100.p64 .fill,.c100.p65 .bar:after,.c100.p65 .fill,.c100.p66 .bar:after,.c100.p66 .fill,.c100.p67 .bar:after,.c100.p67 .fill,.c100.p68 .bar:after,.c100.p68 .fill,.c100.p69 .bar:after,.c100.p69 .fill,.c100.p70 .bar:after,.c100.p70 .fill,.c100.p71 .bar:after,.c100.p71 .fill,.c100.p72 .bar:after,.c100.p72 .fill,.c100.p73 .bar:after,.c100.p73 .fill,.c100.p74 .bar:after,.c100.p74 .fill,.c100.p75 .bar:after,.c100.p75 .fill,.c100.p76 .bar:after,.c100.p76 .fill,.c100.p77 .bar:after,.c100.p77 .fill,.c100.p78 .bar:after,.c100.p78 .fill,.c100.p79 .bar:after,.c100.p79 .fill,.c100.p80 .bar:after,.c100.p80 .fill,.c100.p81 .bar:after,.c100.p81 .fill,.c100.p82 .bar:after,.c100.p82 .fill,.c100.p83 .bar:after,.c100.p83 .fill,.c100.p84 .bar:after,.c100.p84 .fill,.c100.p85 .bar:after,.c100.p85 .fill,.c100.p86 .bar:after,.c100.p86 .fill,.c100.p87 .bar:after,.c100.p87 .fill,.c100.p88 .bar:after,.c100.p88 .fill,.c100.p89 .bar:after,.c100.p89 .fill,.c100.p90 .bar:after,.c100.p90 .fill,.c100.p91 .bar:after,.c100.p91 .fill,.c100.p92 .bar:after,.c100.p92 .fill,.c100.p93 .bar:after,.c100.p93 .fill,.c100.p94 .bar:after,.c100.p94 .fill,.c100.p95 .bar:after,.c100.p95 .fill,.c100.p96 .bar:after,.c100.p96 .fill,.c100.p97 .bar:after,.c100.p97 .fill,.c100.p98 .bar:after,.c100.p98 .fill,.c100.p99 .bar:after,.c100.p99 .fill,.pie-fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100 {
    position: relative;
    font-size: 40px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background-color: #ccc;
    display: inline-block;
    vertical-align: middle;
}

.c100 *,.c100 :after,.c100 :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.c100.center {
    float: none;
    margin: 0 auto;
}

.c100.big {
    font-size: 240px;
}

.c100.small {
    font-size: 80px;
}

.c100:after {
    position: absolute;
    top: .07em;
    left: .09em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #fff;
    width: .84em;
    height: .84em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0,1em,1em,.5em)
}

.c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg)
}

.c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg)
}

.c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.c100.p13 .bar {
    -webkit-transform: rotate(46.8deg);
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg)
}

.c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg)
}

.c100.p21 .bar {
    -webkit-transform: rotate(75.6deg);
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.c100.p26 .bar {
    -webkit-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg)
}

.c100.p31 .bar {
    -webkit-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}

.c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg)
}

.c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.c100.p37 .bar {
    -webkit-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}

.c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg)
}

.c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.c100.p42 .bar {
    -webkit-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}

.c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg)
}

.c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.c100.p47 .bar {
    -webkit-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}

.c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg)
}

.c100.p52 .bar {
    -webkit-transform: rotate(187.2deg);
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -o-transform: rotate(187.2deg);
    transform: rotate(187.2deg)
}

.c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg)
}

.c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg)
}

.c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg)
}

.c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg)
}

.c100.p57 .bar {
    -webkit-transform: rotate(205.2deg);
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -o-transform: rotate(205.2deg);
    transform: rotate(205.2deg)
}

.c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg)
}

.c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg)
}

.c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg)
}

.c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg)
}

.c100.p62 .bar {
    -webkit-transform: rotate(223.2deg);
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -o-transform: rotate(223.2deg);
    transform: rotate(223.2deg)
}

.c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg)
}

.c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg)
}

.c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg)
}

.c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg)
}

.c100.p67 .bar {
    -webkit-transform: rotate(241.2deg);
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -o-transform: rotate(241.2deg);
    transform: rotate(241.2deg)
}

.c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg)
}

.c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg)
}

.c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg)
}

.c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg)
}

.c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg)
}

.c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg)
}

.c100.p74 .bar {
    -webkit-transform: rotate(266.4deg);
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -o-transform: rotate(266.4deg);
    transform: rotate(266.4deg)
}

.c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg)
}

.c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg)
}

.c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg)
}

.c100.p79 .bar {
    -webkit-transform: rotate(284.4deg);
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -o-transform: rotate(284.4deg);
    transform: rotate(284.4deg)
}

.c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg)
}

.c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg)
}

.c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg)
}

.c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg)
}

.c100.p84 .bar {
    -webkit-transform: rotate(302.4deg);
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -o-transform: rotate(302.4deg);
    transform: rotate(302.4deg)
}

.c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg)
}

.c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg)
}

.c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg)
}

.c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg)
}

.c100.p89 .bar {
    -webkit-transform: rotate(320.4deg);
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -o-transform: rotate(320.4deg);
    transform: rotate(320.4deg)
}

.c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg)
}

.c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg)
}

.c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg)
}

.c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg)
}

.c100.p94 .bar {
    -webkit-transform: rotate(338.4deg);
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -o-transform: rotate(338.4deg);
    transform: rotate(338.4deg)
}

.c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg)
}

.c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg)
}

.c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg)
}

.c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg)
}

.c100.p99 .bar {
    -webkit-transform: rotate(356.4deg);
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -o-transform: rotate(356.4deg);
    transform: rotate(356.4deg)
}

.c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post .td-post-sub-title-hp {
font-family: Poppins;
}
.td-post-sub-title-hp {
line-height: 43px;
margin: 0 0 8px;
font-size: 30px;
font-style: normal;
color: #444;
}

.msg {
    border: 1px solid #dfe1e8;
    border-radius: 8px;
    padding: 10px;
    margin-top: 10px;
    font-size: 12px;
    color: #444;
}

@media (max-width: 767px) {
	.pop-up__cntnr.pop-up__cntnr {
		top: unset;
		bottom: 0;
		width: auto;
		border-radius: 8px 8px 0 0
	}

	.pop-up__cntnr.not-opq {
    	bottom: 100px
	}

	.td-container {
		padding: 0 5px;
	}

	.prc-tbl__item,
	.link-item,
	.link-grid__item.link-grid__item {
		width: 100%
	}

	.prc-tbl__item:nth-child(even) {
		margin-left: 0
	}

	.prc-tbl__item + .prc-tbl__item {
		margin-top: 20px
	}

	.prc-tbl__prc.prc-tbl__prc {
		margin-top: 0
	}

	.rvw__scr {
		width: auto;
		height: auto;
		padding: 14px 12px;
		margin-bottom: 20px
	}

	.rvw__crcl {
		float: left;
		width: auto;
		height: auto;
		margin: 0
	}

	.rvw__pts {
		line-height: 0
	}

	.rvw__scr-txt {
		position: static;
		float: left;
		width: auto;
		line-height: 28px;
		margin-left: 15px
	}

	.rvw__rtng {
		width: 100%;
		margin-left: 0
	}

	.kyspc__item {
		white-space: normal;
		height: 72px;
		padding: 18px 10px;
		font-size: 14px
	}

	[class*=kyspc__item--]:before {
		margin-bottom: 36px
	}

	.prdct-dtl__exprn + .prdct-dtl__exprn {
		margin-left: 10px
	}

	.prdct-dtl__exprn:nth-child(3n+1) {
		margin-left: 0
	}

	.spec-tbl tbody td {
		width: 45%
	}

	.spec-tbl tbody td + td {
		width: 55%
	}
	
	.usr-rvw__rtng-info {
		float: right;
		margin-left: 20px
	}
	
	.usr-rvw__wrt-rvw {
		width: 100%;
		height: auto;
		margin-top: 25px
	}
	
	.usr-rvw__wrt-rvw-btn {
		margin-bottom: 15px;
	}

	.link-item:nth-child(even) {
		margin-left: 0
	}

	.link-item + .link-item {
		margin-top: 10px
	}

	.sdbr {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}

	.sdbr .upcmng-tbl,
	.shr-md__wrpr {
		display: none
	}

	.prdct-wdgt__tgl {
		display: block;
		overflow: hidden;
		padding: 10px;
		border-radius: 8px 8px 0 0;
		font-size: 14px;
		background-color: #0d426c;
		color: #fff
	}

	.prdct-wdgt__tgl-lbl {
		float: left;
		line-height: 32px
	}

	.prdct-wdgt__tgl-btn {
		float: right;
		color: #0d426c
	}

	.prdct-wdgt {
		overflow-x: hidden;
		overflow-y: auto;
		max-height: 0;
		padding: 0 15px;
		transition: max-height 0.2s;
	}

	.prdct-wdgt--open {
		max-height: 200px;
	}

	.c100 {
		font-size: 26px
	}
}
.mtrl-text-fld {
        position: relative;
                      line-height: 20px;
                          font-size: 15px;
}
.mtrl-text-fld-wrpr {
        padding-top: 20px;
            width: 100%;
                       margin-right: 11px;
                           vertical-align: bottom;
}
input.mtrl-text-fld__btn {
        display: inline-block;
                     vertical-align: bottom;
                         bottom: 20px;
                                     position: relative;
                                                   width: 100%;
                                                              box-sizing: border-box;
                                                                  margin-top: 20px;
        line-height: 1;
        border-radius: 25px;
        padding: 10px 0;
        background-color: #0d426c
}
.mtrl-text-fld + .mtrl-text-fld {
        margin-top: 24px;
}
.mtrl-text-fld--sbmt .btn {
        font-weight: 400;
}
.mtrl-text-fld--vld:after {
        content: '\2713';
                     position: absolute;
                                   top: 5px;
                                            right: -30px;
                                                       width: 20px;
                                                                  line-height: 20px;
                                                                      border-radius: 50%;
                                                                          font-size: 13px;
                                                                              font-weight: 600;
                                                                                  text-align: center;
                                                                                      background-color: #0a9181;
                                                                                          color: #fff;
}
.mtrl-text-fld__inpt.mtrl-text-fld__inpt {
        box-sizing: border-box;
            display: block;
                         width: 100%;
                                    height: 42px;
                                                line-height: 20px;
                                                    padding: 10px;
                                                                 font-family: inherit;
                                                                     font-size: 14px;
                                                                         border: 1px solid #bbb;
                                                                                     border-radius: 3px;
                                                                                         outline: 1px solid transparent;
                                                                                                      background-color: #fff;
                                                                                                          color: #111;
                                                                                                                     transition: border-color 0.2s ease, outline-color 0.2s ease;
}
select.mtrl-text-fld__inpt {
        border-radius: 3px;
}
select.mtrl-text-fld__inpt:focus {
        border-radius: 3px 3px 0 0;
}
textarea.mtrl-text-fld__inpt {
        resize: vertical;
                    min-height: 82px;
}
.mtrl-text-fld__inpt:hover {
        border-color: #999;
}
.mtrl-text-fld__inpt:focus {
        border-color: #099181;
            outline-color: #099181;
}
.mtrl-text-fld__lbl {
        position: absolute;
                      top: 11px;
                               left: 9px;
                                         pointer-events: none;
                                             padding: 0 2px;
                                                          background-color: #fff;
                                                              color: #8e93a1;
                                                                         transition: all 0.2s ease;
}
.mtrl-text-fld__inpt:focus + .mtrl-text-fld__lbl,
    .mtrl-text-fld__inpt:valid + .mtrl-text-fld__lbl {
            top: -11px;
                     font-size: 13px;
                         font-weight: 600;
                             border-radius: 3px;
                                 padding: 0 8px;
                                              box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
    }
.mtrl-text-fld__inpt:focus + .mtrl-text-fld__lbl {
        color: #099181;
}
.mtrl-text-fld__err {
        visibility: hidden;
                        font-size: 13px;
                            background: url('https://assets.mspcdn.net/f_auto/bonus_in/icon/alert.png') right center / 13px no-repeat;
                                            color: #d50000;
}
.mtrl-text-fld--err .mtrl-text-fld__err {
        visibility: visible;
}
.prc-tbl__row__info {
       text-align: left;
          float: left;
                    vertical-align: middle;
                       background-image: url(https://assets.mspimages.in/msp-ui/icons/price-box-offline-icon@2x.png);
                          background-repeat: no-repeat;
                             background-size: auto 32px;
                                background-position: left center;
                                   padding-left: 42px;
}

.prc-tbl__row__txt{
       font-weight: 600;
          font-size: 14px;
             color: #111;
}

.prc-tbl__row__txt-sub {
       font-size: 13px;
          color: #444;
}
