@charset "utf-8";
/* CSS Document */

/* kd switch*/

.switch{font-size:1rem;position:relative}
.switch input{position:absolute;height:1px;width:1px;background:none;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;padding:0}
.switch input + label{position:relative;min-width:calc(calc(2.375rem * .8) * 2);border-radius:calc(2.375rem * .8);height:calc(2.375rem * .8);line-height:calc(2.375rem * .8);display:inline-block;cursor:pointer;outline:none;user-select:none;vertical-align:middle;text-indent:calc(calc(calc(2.375rem * .8) * 2) + .5rem)}
.switch input + label::before,.switch input + label::after{content:'';position:absolute;top:0;left:0;width:calc(calc(2.375rem * .8) * 2);bottom:0;display:block}
.switch input + label::before{right:0;background-color:#e4e4e4;border-radius:calc(2.375rem * .8);transition:.2s all}
.switch input + label::after{top:2px;left:2px;width:calc(calc(2.375rem * .8) - calc(2px * 2));height:calc(calc(2.375rem * .8) - calc(2px * 2));border-radius:50%;background-color:#117ee2;border:1px solid #117ee2;transition:.2s all}
.switch input:checked + label::before{background-color:#e4e4e4}
.switch input:checked + label::after{margin-left:calc(2.375rem * .8)}
.switch.switch-sm{font-size:.875rem}
.switch.switch-sm input + label{min-width:calc(calc(1.9375rem * .8) * 2);height:calc(1.9375rem * .8);line-height:calc(1.9375rem * .8);text-indent:calc(calc(calc(1.9375rem * .8) * 2) + .5rem)}
.switch.switch-sm input + label::before{width:calc(calc(1.9375rem * .8) * 2)}
.switch.switch-sm input + label::after{width:calc(calc(1.9375rem * .8) - calc(2px * 2));height:calc(calc(1.9375rem * .8) - calc(2px * 2))}
.switch.switch-sm input:checked + label::after{margin-left:calc(1.9375rem * .8)}
.switch + .switch{margin-left:1rem}
.y-label{margin-bottom:0;font-weight:700;font-size:.875rem}
.m-label{margin-bottom:0;cursor:pointer;font-size:.875rem}

@media only screen and (max-width: 375px) {
.y-label{margin-bottom:0;font-weight:700;font-size:.775rem}
.m-label{margin-bottom:0;cursor:pointer;font-size:.775rem}
.flow_shape_1{display:none}
.flow_shape_2_text{display:none}
}

/*keyword subscribe page*/

/*label{margin-right:15px;}*/
.curs-point{cursor:pointer}
.curs-inherit{cursor:inherit}
.subscriptionOption{border:1px solid #f8f9fb;display:block;background:#f8f9fb}
.subscriptionOption .subheader{color:#39f!important;height:200px;padding:20px 0;text-align:center}
.subscriptionOption .subs-title{color:#39f!important}
.subscriptionOption .amount{color:#6f6f6f!important}
.subscriptionOption .text-green{color:#28a745}
.subscriptionOption .text-small{color:#6f6f6f}
.selectedOption .subheader{color:#fff!important;height:200px;padding:20px 0;text-align:center}
.selectedOption .subs-title{color:#fff!important}
.selectedOption .amount{color:#fff!important}
.selectedOption .text-green{color:#3f0}
.selectedOption .text-small{color:#fff}
.selectedOption{display:block;background:#39f;border:2px solid #39f;box-shadow:0 3px 5px rgba(0,0,0,0.349019607843137)}
.subs-title{font-family:'Roboto-Regular','Roboto';font-weight:400;font-style:normal;font-size:28px;text-align:center}
.amount{ont-family:Roboto-Regular,Roboto;font-weight:400;font-style:normal;font-size:36px;text-align:center}
.selectedOption a{display:none}
@media only screen and (max-width: 767px) {
.selectedOption{margin-bottom:16px}
.subscriptionOption{margin-bottom:16px}
}
@media screen and (max-width: 1024px) and (min-width: 800px) {
.flow_shape_1{display:none}
.flow_shape_2_text{display:none}
}
.flow_shape_1{border-width:0;position:absolute;width:97px;height:97px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);right:-3px;top:-3px}
.flow_shape_2{border-width:0;position:absolute;width:64px;height:38px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);font-family:'Roboto-Bold','Roboto Bold','Roboto';font-weight:700;font-style:normal;color:#FFF;text-align:center;right:0}
.flow_shape_2_div{border-width:0;position:absolute;left:0;top:0;width:64px;height:38px;background:inherit;background-color:inherit;background-color:rgba(255,255,255,0);border:none;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;font-family:'Roboto-Bold','Roboto Bold','Roboto';font-weight:700;font-style:normal;color:#FFF;text-align:center}
.flow_shape_2_text{border-width:0;position:absolute;left:-12px;top:-12px;width:64px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);white-space:nowrap;transform-origin:36px 19px;-ms-transform-origin:36px 19px;-moz-transform-origin:36px 19px;-webkit-transform-origin:36px 19px}
.mplabel{font-size:14px;text-align:center}
.flow_shape_2_text p{margin:0;text-rendering:optimizeLegibility;font-feature-settings:kern 1;-webkit-font-feature-settings:kern;-moz-font-feature-settings:kern;-moz-font-feature-settings:kern=1;font-kerning:normal}
.list-group-item{position:relative;display:block;padding:.25rem 0;border:none!important}
.table .thead-primary th{color:#fff;background-color:#39f;border-color:#39f}
input[type=radio]:checked + label{font-weight:500}
input[type=radio]:checked + label > span{color:#117ee2}
.bg-white-box{background:#fff;min-height:280px}
.tooltip-inner{text-align:left!important;padding:12px!important;min-width:300px!important}


/*stripe form*/

.form-payment{padding:30px 96px;background:#f1f1f1;}
.form-payment label{font-weight:500;font-size:14px;display:block;margin-bottom:8px}
.btn-pay{border:none;border-radius:4px;outline:none;text-decoration:none;color:#fff;background:#32325d;white-space:nowrap;display:inline-block;height:40px;line-height:40px;padding:0 14px;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);border-radius:4px;font-size:15px;font-weight:600;letter-spacing:.025em;text-decoration:none;-webkit-transition:all 150ms ease;transition:all 150ms ease;margin-top:28px;cursor:pointer}
.StripeElement{box-sizing:border-box;height:40px;padding:10px 12px;border:1px solid transparent;border-radius:4px;background-color:#fff;box-shadow:0 1px 3px 0 #e6ebf1;-webkit-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease}
.StripeElement--focus{box-shadow:0 1px 3px 0 #cfd7df}
.StripeElement--invalid{border-color:#fa755a}
.StripeElement--webkit-autofill{background-color:#fefde5!important}
@media only screen and (max-width: 959px) {
.form-payment{padding:20px 0;background:#f1f1f1}
}
@media only screen and (max-width: 768px) {
.form-payment{padding:20px 10px;background:#f1f1f1}
.smL15 {margin-left:15px;}
}
option.avatar{background-repeat:no-repeat!important;padding-left:5px;padding-top:5px}
.avatar .ui-icon{background-position:left;width:100%;height:100%}
.ui-menu-icons .ui-menu-item-wrapper{padding-left:40px}

/*end css*/