@font-face {
    font-family: 'proxima_softlight';
    src: url('../fonts/mark_simonson_-_proxima_soft_light-webfont.woff2') format('woff2'),
         url('../fonts/mark_simonson_-_proxima_soft_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_softthin';
    src: url('../fonts/mark_simonson_-_proxima_soft_thin-webfont.woff2') format('woff2'),
         url('../fonts/mark_simonson_-_proxima_soft_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_softregular';
    src: url('../fonts/mark_simonson_-_proxima_soft-webfont.woff2') format('woff2'),
         url('../fonts/mark_simonson_-_proxima_soft-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_softmedium';
    src: url('../fonts/mark_simonson_-_proxima_soft_medium-webfont.woff2') format('woff2'),
         url('../fonts/mark_simonson_-_proxima_soft_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

img { max-width: 100%; }
.top-info * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.top-info { width: 100%; margin: 10px 0; position: relative; display: inline-block; vertical-align: top; }
.top-info .info-ttl { color: #545454; font-size: 16px; line-height: 22px; }
.top-info .info-ttl a, .top-info .info-ttl a:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.top-info .info-ttl img { display: inline-block; vertical-align: middle; }

.top-info .price-sec { position: relative; width: 100%; display: inline-block; vertical-align: top; }
.price-sec .details-price { width: 300px; padding: 10px; position: relative; background: #f6f6f7; border: solid 1px #f6f6f6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; z-index: 1; overflow: hidden; text-align: center; }

.price-sec .details-price:before { content: ""; width: 40px; height: 40px; position: absolute; top: -1px; right: -1px; background: url('../images/details-top-right.png') no-repeat; z-index: 0; }
.price-sec .details-price:after { content: ""; width: 136px; height: 102px; position: absolute; bottom: -1px; left: -1px; background: url('../images/details-bottom-left.png') no-repeat; z-index: 0; }
.price-sec .details-price > p { font-family: 'proxima_softlight'; font-size: 10px; line-height: 16px; color: #545454; margin: 6px 0 0; text-align: center; font-style: italic; }
.price-sec .details-price .price-info { font-family: 'proxima_softmedium'; display: inline-block; vertical-align: top; padding-left: 20px; font-size: 20px; line-height: 26px; color: #545454; position: relative; z-index: 1; }
/* .price-sec .details-price .price-info:before { content: ""; position: absolute; width: 10px; height: 10px; background: #1DD2B6; top: 9px; left: 0; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } */
.price-sec .details-price .price-info span { font-size: 20px; display: inline-block; vertical-align: top; color: #545454; font-weight: 500; }
.price-sec .details-price ul.widget-tabs { width: 100%; display: inline-block; vertical-align: top; text-align: center; margin: 0 0 10px !important; padding-left: 0px; }

.price-sec .details-price ul.widget-tabs li { font-family: 'proxima_softmedium'; background: none; font-size: 13px; line-height: 21px !important; color: #545454; display: inline-block; padding: 8px 6px; cursor: pointer; text-transform: uppercase; border-bottom: solid 2px transparent; list-style-type: none; }
.price-sec .details-price ul.widget-tabs li.current { color: #77aab2; border-color: #77aab2; }

.price-sec .details-price .tab-content { display: none; width: 100%; max-height: 170px; overflow-y: auto; z-index: 1; position: relative }
.price-sec .details-price .tab-content.current { display: inherit; }

.price-sec .details-price .price-sec { position: relative; width: 100%; margin: 0 0 5px; padding: 5px 6px; display: inline-block; vertical-align: top; line-height: 0; border: solid 1px #83c1bb; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.price-sec .details-price .price-sec ul { width: 100%; display: inline-block; vertical-align: top; margin: 0; padding: 0px; }
.price-sec .details-price .price-sec ul li { font-family: 'proxima_softregular'; width: 33.33%; float: left; font-size: 11px; line-height: 20px !important; color: #545454 !important; list-style-type: none; text-align: center !important; }
.price-sec .details-price .price-sec ul li.month span { font-size: 24px; line-height: 20px; color: #4c919a; display: inline-block; vertical-align: top; margin-right: 3px; }
/* .price-sec .details-price .price-sec:hover { background: rgb(131, 193, 187); background: -moz-linear-gradient(left, rgba(131, 193, 187, 1) 0%, rgba(80, 147, 156, 1) 100%); background: -webkit-linear-gradient(left, rgba(131, 193, 187, 1) 0%, rgba(80, 147, 156, 1) 100%); background: linear-gradient(to right, rgba(131, 193, 187, 1) 0%, rgba(80, 147, 156, 1) 100%); }
.price-sec .details-price .price-sec:hover ul li, .price-sec .details-price .price-sec:hover ul li span { color: #fff !important; } */

.price-sec.top-info > label span { display: inline-block; vertical-align: top; }
.price-sec.top-info > label span img { margin: 5px 5px 0 5px !important; width:75px;}
.price-sec.top-info #payment_form_openpay { list-style-type: none; }

/* Responsive */
@media only screen and (max-width: 767px) {
.top-info .payment_method_openpay { padding: 15px; }
.top-info .payment_method_openpay #dd_method_openpay { margin: 0; }
.price-sec .details-price { width: 260px; }
}