* {
    box-sizing:border-box;
    padding:0;
    margin:0;
    outline:0;
}

.slider-content-outerbox{width:100%;position:relative}

.custom-sidebar{width:0;overflow:hidden;padding:0;padding-left:15px;position:absolute;z-index: 1;height:100%;top:0;right:15px;transition:0.5s;}
.openbtn{float:right;}
#pricing_plan{transition:margin-right.5s;width:auto}
.slider-cnt-box{padding-left:15px;padding-right:15px;}

.pricing_plan_outerbox{padding-bottom:50px;}

.openbtn{float:right;margin-bottom:10px}
.openbtn{height:35px;width:35px;position:relative;cursor:pointer;background-color:#fff;border:none;padding:5px;border:solid 1px #a6c1d0;border-radius:4px;margin-right:10px;box-shadow:0 0 5px rgba(0,0,0,0.2)}
.openbtn:focus{outline:none}

.openbtn span {
    height:3px;
    width:20px;
    display: block;
    transform: translate3d(0, 0, 0);
    position: relative;
    margin:0 auto;
}

.openbtn.active:hover:after,
.openbtn.active:hover:before
{background:#3f51b5}

.openbtn.active:before{
    transform: translate3d(-4px, 11px, 0) rotateZ(45deg);
    transition: transform 0.4s 0.4s;
    top:5px;
    left:8px;
}

.openbtn.active:after {
    transform: translate3d(-4px, -11px, 0) rotate(-45deg);
    transition: transform 0.4s 0.4s;
    left:8px;
    bottom:3px;
}

.openbtn.active span{
    background:transparent;
}

.openbtn.active span:before{
    transform: translate3d(0, -11px, 0);
    opacity: 0;
    transition: transform 0.4s, opacity 0.3s 0.2s;
}

.openbtn.active.active span:after{
    transform: translate3d(0, 11px, 0);
    opacity: 0;
    transition: transform 0.4s, opacity 0.3s 0.2s;
}

.openbtn  span:after {
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    height:3px;
    background:#a6c1d0;
    width:20px;
    opacity:1;
    margin:0 auto;
    right:0;
    transform:translate3d(0, 0, 0) rotateZ(0deg);
    transition:transform 0.4s 0.4s, opacity 0.2s 0.3s;
}

.openbtn  span:before{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    background:#a6c1d0;
    width: 100%;
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    transition: transform 0.4s 0.4s, opacity 0.2s 0.3s;
}

.openbtn:before{
    content: '';
    display: block;
    position: absolute;
    top:7px;
    left:0;
    height:3px;
    background:#a6c1d0;
    width:20px;
    margin:0 auto;
    transform:translate3d(0, 0, 0) rotateZ(0deg);
    transition:transform 0.4s;
    right:0;
}

.openbtn:after {
    content:'';
    display: block;
    position: absolute;
    bottom:7px;
    left:0;
    height: 3px;
    background:#a6c1d0;
    width:20px;
    margin:0 auto;
    right:0;
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    transition:transform 0.4s;
}


.pricing_plan_outer .plan_box h3,
.pricing_plan_outer .plan_box .plan_box_cnt .plan_pricing
{color:#3f51b5;}
.pricing_plan_outer .plan_box .plan_heading:after,
.pricing_plan_outer .plan_box .plan_box_cnt .plan_btn a
{background:#3f51b5;}
.pricing_plan_outer .plan_box .plan_box_cnt:hover{background-color:#3f51b5;color:#fff}
.pricing_plan_outer .plan_box .plan_box_cnt{background-color:#fff;}
.pricing_plan_outer .plan_box .plan_box_cnt:hover .plan_heading,
.pricing_plan_outer .plan_box .plan_box_cnt:hover ul li,
.pricing_plan_outer .plan_box .plan_box_cnt:hover .plan_pricing,
.pricing_plan_outer .plan_box .plan_box_cnt:hover ul li strong
{color:#fff}
.pricing_plan_outer .plan_box .plan_box_cnt ul li{color:#777}
.pricing_plan_outer .plan_box .plan_box_cnt ul li strong{color:#555}
.pricing_plan_outer .plan_box .plan_box_cnt .plan_btn a {border-color:#3f51b5!important;}
.pricing_plan_outer .plan_box .plan_box_cnt:hover .plan_heading:after,
.pricing_plan_outer .plan_box .plan_box_cnt:hover .plan_btn a
{background-color:#26c6da!important;}


.pricing_plan_outer{float:left;width:100%;display:flex}
.pricing_plan_outer .plan_box h3{font-size:26px;line-height:26px;font-weight:400;padding-bottom:20px;margin:0;position:relative;margin-bottom:20px;}
.pricing_plan_outer .plan_box{float:left;padding:0 15px;flex:1}
.pricing_plan_outer .plan_box .plan_heading:after{width:130px;height:2px;left:0;right:0;bottom:0;margin:0 auto;content:"";position:absolute}
.pricing_plan_outer .plan_box .plan_box_cnt{flex:1;padding-top:45px;padding-bottom:45px;border-radius:8px;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.1);transition:all ease-in-out 0.5s}


.pricing_plan_outer .plan_box .plan_box_cnt ul{margin:16px 0 15px}
.pricing_plan_outer .plan_box .plan_box_cnt ul li{font-size:16px;line-height:40px;font-weight:400;list-style:none;}
.pricing_plan_outer .plan_box .plan_box_cnt .plan_pricing{font-size:40px;line-height:40px;font-weight:400;margin-bottom:15px;}
.pricing_plan_outer .plan_box .plan_box_cnt .plan_pricing .dollar_price{font-size:36px;line-height:36px;}
.pricing_plan_outer .plan_box .plan_box_cnt .plan_month_txt{font-size:14px;line-height:24px;display:block}
.pricing_plan_outer .plan_box .plan_box_cnt .plan_btn a {
    display:inline-block;
    line-height:14px;
    font-size:14px;
    padding:14px 20px;
    border: 2px solid transparent!important;
    border-radius:6px!important;
    min-width:auto!important;
    letter-spacing:2px!important;
    color:#fff;
    text-decoration:none;
}
#featured_description{padding:0 10px}
div#featured_description li {line-height:20px;margin-bottom:10px;}



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

.pricing_plan_outer .plan_box .plan_box_cnt .plan_btn a{padding:12px 10px;}
.pricing_plan_outer .plan_box .plan_box_cnt .plan_pricing .dollar_price{font-size:30px;line-height:30px;}
#featured_description {padding:0 5px;}
.pricing_plan_outer .plan_box .plan_box_cnt ul li{font-size:14px;}
.pricing_plan_outer .plan_box h3{font-size:20px;line-height:22px;padding-bottom:15px;margin-bottom:15px;}
.pricing_plan_outer .plan_box .plan_heading:after{width:100px;}
.pricing_plan_outer .plan_box .plan_box_cnt .plan_btn a{padding:10px;font-size:12px;line-height:12px;}
.pricing_plan_outer .plan_box .plan_box_cnt{padding-top:25px;padding-bottom:25px;}
.pricing_plan_outer .plan_box .plan_box_cnt .plan_pricing .dollar_price{font-size:24px;line-height:24px;}
}

@media screen and (max-width:991px){
.pricing_plan_outer .plan_box .plan_box_cnt{flex:initial}
.pricing_plan_outer .plan_box, .pricing_plan_outer{display:initial}
.pricing_plan_outer .plan_box{width:50%;margin-bottom:30px;}
.pricing_plan_outer{padding-top:25px;}
}


@media screen and (max-width:767px){
    .pricing_plan_outer .plan_box{width:50%;margin-bottom:30px;}
    #pricing_plan{margin:0 -15px;}
    .pricing_plan_outer .plan_box .plan_box_cnt ul li{font-size:14px;line-height:18px}
}
@media screen and (max-width:425px){
    .pricing_plan_outer .plan_box .plan_box_cnt{padding-top:30px;padding-bottom:30px;}
    .pricing_plan_outer .plan_box .plan_box_cnt .plan_pricing .dollar_price {font-size:32px;line-height:36px;}
    .pricing_plan_outer .plan_box .plan_box_cnt .plan_btn a{padding:12px 14px}
}
@media screen and (max-width:375px){
    .pricing_plan_outer .plan_box{width:100%;padding:0 40px}
}