.btn { margin-top: 10px; background:#f224f2; border: 2px solid #f224f2; font-weight: 500; display: inline-block; padding: 10px 40px; font-size: 18px; text-align: center; color: #fff }
.btn:hover { background: transparent; color: #f224f2; box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175); border: 2px solid #f224f2 }
.price-plan { display: flex; width: 100%; margin-bottom: 30px; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07); flex-wrap: wrap }
.price-plan-col { width: 25%; background: #fff; padding: 40px 20px 120px 20px; position: relative; text-align: center; min-height: 350px; border: 1px solid #efefef; border-right: 0px;}
.price-plan-col:last-child {border-right:1px solid #efefef; border-left: none;}
.business-plan-col {border:none}
.plan-header { margin-bottom: 20px }
.plan-header h3 { background: #15365a; color: #fff; border-radius: 100px; display: inline-block; padding: 10px 30px; font-size: 20px; font-weight: normal; margin: 0 }
.price-tag h4 { font-size: 36px; color: #211363; margin-bottom: 35px }
.price-tag h6 { font-size: 20px; margin-bottom: 5px; font-weight: normal; position: relative; display: inline-block }
.price-tag h6:after { position: absolute; top: 15px; width: 100%; height: 1px; background-color: red; content: ""; left: 0; right: 0 }
.price-sign { font-size: 20px; font-weight: normal; color: #3d4d65 }
.price-time { font-size: 18px; font-weight: normal; color: #3d4d65 }
.price-plan-col p { font-size: 18px; margin-bottom: 20px; font-weight:300}
.plan-content { border-top: 1px solid #e94f26; padding-top: 20px }
.plan-content p { font-size: 16px }
.plan-content ul { max-width: 250px; width: 100%; margin: 0 auto; text-align: left }
.plan-content ul li { font-size: 16px; color:#383838; font-weight: 300; margin-bottom: 13px;}
.price-btn {position: absolute; left:0; bottom: 45px; width: 100%;}
.price-btn .btn { text-transform: uppercase; background: #15365a; margin: 0px; border: 2px solid #0a488a }
.price-btn .btn:hover { color: #15365a; background: #fff }
.price-plan-col.business-plan-col {z-index: 1; background: linear-gradient(rgb(254, 239, 233) 0%, rgb(255, 240, 245) 100%); box-shadow: 0 0 15px 10px rgba(0, 0, 0, .12); position: relative; margin: -20px 0 -15px 0 }
.business-plan-col .price-btn {bottom: 60px;}
.price-plan-col.business-plan-col h3 { padding: 20px 30px; background: #e94f26; }
.price-plan-col.business-plan-col .btn { background: #e94f26; border: 2px solid #e94f26; padding: 10px 40px; font-size: 20px; font-weight: 800 }
.price-plan-col.business-plan-col .btn:hover { background: #fff; border: 2px solid #e94f26; color: #e94f26 }
.price-plan-col.unlimited-plan-col h3 { background: #f3618a }
.price-plan-col.unlimited-plan-col .btn { background: #f3618a; border: 2px solid #f3618a }
.price-plan-col.unlimited-plan-col .btn:hover { background: #fff; color: #f3618a }
.price-plan-sec{ 
    width: 100%;
    display: inline-block;
    margin: 70px 0; 
}
@media only screen and (max-width:1700px) {
    .container { width: 1480px; padding: 0 50px; max-width: 100% }
}
@media only screen and (max-width:1480px) {
    .container { width: 1279px; padding: 0 20px; max-width:1175px; }
}
@media only screen and (max-width:1279px) {
    .container { width: 1179px; padding: 0 20px; max-width: 100% }
    h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0 }
}
@media only screen and (max-width:1179px) {
	.wrapper { width: 680px; padding: 0 20px; }
    .container { width: 1024px; padding: 0 20px; max-width: 100% }
    .price-plan {float: left; width: 100%;}
    .price-plan-col {float: left; width: 50%;}
    .price-plan-col.business-plan-col {margin: 0px; box-shadow:none; border-left: 1px solid #efefef;}
    .price-plan-col.business-plan-col h3 {padding: 10px;}
    .price-plan-col.business-plan-col .btn {font-weight: normal; font-size: 18px;}
    .price-plan-col:last-child {border-top: none; border-left: 1px solid #efefef;}
    .price-plan {margin-bottom: 0px;}
    .business-plan-col .price-btn {bottom:45px;}
}
@media only screen and (max-width:1024px) {
    .container { width: 959px; padding: 0 20px; max-width: 100% }
    .price-sec-m h3 { font-size: 28px }
    .price-left-col { width: 70% }
    .price-right-col { width: 30% }
    .price-row { top: -50px }
    .price-sec-m { padding: 25px 40px 25px }
}
@media only screen and (max-width:959px) {
    .container { width: 100%; padding: 0 20px; max-width: 100% }
    .wrapper { width: 620px; padding: 0 20px }
    .price-sec-m { padding: 20px }
    .price-sec-m h3 { font-size: 24px }
    .price-sec-m p { margin: 0 }
    .price-sec-m .btn-cap { font-size: 16px }
}
@media only screen and (max-width:767px) {
    .container { width: 100%; padding: 0 20px; max-width: 100% }
    .price-plan-col { width: 100% }
    .price-plan-col.business-plan-col { margin: 0; box-shadow: none }
}
@media only screen and (max-width:679px) {
    .container { width: 100%; padding: 0 20px; max-width: 100% }
}
@media only screen and (max-width:479px) {
    .container { width: 100%; max-width: 100% }
}
@media only screen and (max-width:374px) {
    .container { width: 100%; max-width: 100% }
}
@media only screen and (max-width:349px) {
    .container { max-width: 100% }
}
.bespokebtn { text-transform: uppercase; background: #15365a; margin: 0px; border: 2px solid #15365a }
.bespokebtn:hover { color: #15365a; background: #fff; border:2px solid #0a488a  }
.close{
    float: right;
    font-size: 28px;
    -webkit-appearance: none;
    font-weight: 700;
    line-height: 1;
    color: #000;
    opacity: .2;
}
.price-plan-col.business-plan-col h3 {
    padding: 10px 30px;
}