/*junio 2020*/
	#searchpts_component::placeholder, input[name="search"]::placeholder{
		font-family: 'Vietnam-bold';
		font-size:18px;
	}
	#searchpts_component, input[name="search"]{
		border-top-left-radius:20px;
		border-bottom-left-radius:20px;
	}
	.button_search{
		border-color: #ccc !important;
		border-left: none !important;
		border-top-right-radius:20px !important;
		border-bottom-right-radius:20px !important;
	}
	#header_login, #header_access_hide .btn{
		border-radius: 20px;
	}
	.logo-tw{
		padding:0 !important;
	}
	#search-bar{
		width:100%;
	}
	.navbar-brand{
		width: 100%;
	}
	.navbar-brand img{
		width:145px !important;
	}
	.logo2 img{
		width:40px;
	}
	/*header*/
	.footer1, .categories_title{
		border:0  !important;
    	padding:0 auto !important;
    }
	.max-width-cards{
		margin-bottom:15px;
	}
	#container-footer-end{
    	padding-bottom:15px;
    }
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    	width: 100%;
    	margin: auto;
	}
	.carousel-caption {
    	text-align: left !important;
    	text-shadow: none !important;
	}
	.carousel-image{
		object-fit: cover;
    	height: 100% !important;
	}
	body {
    	position: relative;
    	min-height: 100vh;
	}
	/*Payment*/
	.input-group-addon {
    	background-color: #f0f0f0 !important;
	}
	#fieldsetOpenpayCc br{
		display:none;
	}
	#fieldsetOpenpayCc .col-sm-4{
		width: 50%;
	}
	#fieldsetOpenpayCc .col-sm-4, #fieldsetOpenpayCc .col-sm-6{
		margin-top:25px;
	}
	#fieldsetOpenpayCc label{
		margin-bottom:15px;
	}
	#fieldsetOpenpayCc span.input-group-addon{
		padding: 0 10px!important;
	}
	.panel-payment{
		border:none !important;
	}
	.control-label{
		text-align:left !important;
	}	
	.col-total-payment .form-group{
		margin-bottom:15px !important;
	}
	.form-control:focus{
		box-shadow:none !important;
	}
	.col-total-payment .form-group{
		padding: 0 15px !important;
	}
	.col-total-payment .form-group:first-child .control-label{
		padding-left:0 !important;
    	padding-right:0 !important;
	}
	#payment_method .col-md-8{
		width:100% !important;
	}
	label[for="payment_type_bmx"], label[for="payment_type_bmx"] img{
		width:100% !important;
	}
	#cardDetails .row{
		margin-bottom: 12px;
    	padding: 0;
	}
	/*contact us*/
	/*My account*/
	.footer_line{
		background-color: transparent !important;
    	height: auto !important;
    	padding: 0 !important;
	}
	#my_account_info .control-label {
    	display: block;
    	text-align: left;
    	width: 100%;
    	margin-bottom: 15px;
    	padding-top: 0 !important;
	}
	#my_account_info .col-xs-12.col-sm-7.col-md-8 {
   		width: 100%;
	}
	.btn, a {
    	transition: 0.5s ease;
	}
	/*subcategories*/
	.side-subcategories br {
    	display: none;
	}
	.side-subcategories a {
    	color: #6b6b6b;
    	padding: 15px;
    	display: block;
    	border-left: 3px solid #fff;
    	border-top-right-radius: 10px;
    	border-bottom-right-radius: 10px;
	}
	.side-subcategories:before {
    	content: "Subcategorías";
    	margin-left: 18px;
    	font-size: 18px;
    	margin-bottom: 50px !important;
    	margin-top: 5px;
    	display: block;
    	font-weight:700;
    	/*color: #383838;
    	font-family: "montserrat-bold";*/
	}
	.side-subcategories a:hover, .side-subcategories a.active {
    	background-color: #F0F0F0;
    	border-left: 3px solid #0140be;
	}
	.breadcrumb > li + li::before{
		color:#dadada !important;
	}
	.breadcrumb li:last-child {
    	font-weight:700;
		display: block;
		font-size:40px;
	}
	.breadcrumb li:last-child:before{
		content:'';
		padding: 0;
	}
	.option_view span {
    	display: block;
	}
	.option_view{
		display: flex;
		justify-content: center;
		align-items: center;
		column-gap: 6px;
	}
	.btn_pay_service a{
		display:block;
	}
	.btn_pay_service a:last-child{
		margin-top:10px;
	}
	.business_card_btn_pay {
    	 margin-right: 0 !important;
	}
	.btn_pay_service {
		margin-top: auto;
		padding: 0 !important;
	}
	.btn-mas-grid a {
    	display: inline-block;
   	 	color: #0140be;
    	border: 2px solid #0140be;
    	padding: 5px 13px;
    	border-radius: 100px;
	}
	.btn-mas-grid a:hover{
		cursor:pointer;
	}
	span.modal-service-info {
    	display: block;
    	margin-bottom: 5px;
    	font-size: 16px;
    	color: #383838;
	}
	h3.modal-service-info {
    	margin-bottom: 30px;
		font-weight:700;
	}
	.close {
    	color: #E50102 !important;
    	opacity: 1 !important;
    	text-shadow:none !important;
	}
	.modal-header{
		background-color:transparent !important;
	}
	.modal-service-info img{
		max-width: 185px;
    	margin-bottom: 50px;
	}
	div.modal-service-info .modal-body {
    	padding: 30px;
	}
	span.modal-service-info a.btn-primary {
    	margin-top: 30px !important;
		font-size:16px !important;
    	font-weight:700;
	}
	.business_card_desc h4 {
    	color: #1a1b1c !important;
    	font-size: 16px;
	}
	.login-modal .control-label {
    	display: block;
    	text-align: left;
    	width: 100%;
    	margin-bottom: 15px;
    	padding-top: 0 !important;
	}
	.login-modal .form-group {
    	margin-bottom: 25px !important;
	}
	.pass-forget {
    	text-align: center !important;
    	margin-top: 25px !important;
	}
	.or {
    	position: relative;
    	border-bottom: 1px solid;
    	text-align: center;
    	display: block;
	}
	.or span {
    	position: absolute;
    	bottom: -10px;
    	background-color: #fff;
    	padding: 0 15px;
    	font-size: 16px;
	}
	.login_social_tab {
    	border: none !important;
	}
	.no-account .control-label {
    	width: 50% !important;
    	text-align: center !important;
	}
	/*payment-succes-failed*/
	@media(max-width:767px){
    	.navbar-header > button{
    		color:#fff !important;
        	border-color:#fff !important;
    	}
    	#navbar_search{
    		padding:15px !important;
    	}
    	/*.dropdown-menu>li>a {
    		color: #fff!important;
		}*/
		.white-space{
    		margin-bottom:30px;
    	}
    	.white-space-top{
    		margin-top:30px;
    	}
    	#footer .col-sm-3{
    		margin:15px 0;
    	}
    	.footer_link{
    		margin-bottom:20px;
    	}    	
    	.abcRioButtonBlue {
    		width: 100% !important;
		}
    	#g-signin2 {
    		margin-bottom: 25px !important;
		}
    	.no-account .control-label {
    		width: 100% !important;
    	}
    	#hidden_ancore_login {
    		margin-top: 25px !important;
		}
    	.or {
    		display: none;
		}
	}
	@media(min-width:768px){
		.white-space{
    		margin-bottom:50px;
    	}
    	.white-space-top{
    		margin-top:50px;
    	}
    	.flex {
    		display: flex;
		}
    	.col-payment-info .business_name{
    		font-size:24px;
    	}
    	.business_card_desc h4 {
    		overflow: hidden;
    		text-overflow: ellipsis;
    		-webkit-line-clamp: 2;
    		display: -webkit-box;
    		-webkit-box-orient: vertical;
		}
    	.navbar {
    		padding: 15px;
		}
    	#navbar > .row {
    		display: -ms-flexbox;
    		display: -webkit-flex;
    		display: flex;
    		-webkit-align-items: center;
    		align-items: center;
			flex-wrap: wrap;
			column-gap: 20px;
			justify-content: space-between;
		}
    	.login-modal {
    		width: 420px !important;
    		margin: 30px auto;
		}
    	#hidden_button_login, .conect_with {
    		display: none !important;
		}
	}
/*junio 2020*/
/*FONT*/
.btn:not(.btn-link), .breadcrumb li:last-child, .bold, .m-bold{
	font-family:'Vietnam-bold';
}
.sbold{
	font-family:'Vietnam-sbold';
}
@font-face {
    font-family: 'Vietnam-bold';
    src: url('../fonts/vietnam/BeVietnamPro-Bold.eot');
    src: url('../fonts/vietnam/BeVietnamPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/vietnam/BeVietnamPro-Bold.woff2') format('woff2'),
        url('../fonts/vietnam/BeVietnamPro-Bold.woff') format('woff'),
        url('../fonts/vietnam/BeVietnamPro-Bold.ttf') format('truetype'),
        url('../fonts/vietnam/BeVietnamPro-Bold.svg#BeVietnamPro-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Vietnam-sbold';
    src: url('../fonts/vietnam/BeVietnamPro-SemiBold.eot');
    src: url('../fonts/vietnam/BeVietnamPro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/vietnam/BeVietnamPro-SemiBold.woff2') format('woff2'),
        url('../fonts/vietnam/BeVietnamPro-SemiBold.woff') format('woff'),
        url('../fonts/vietnam/BeVietnamPro-SemiBold.ttf') format('truetype'),
        url('../fonts/vietnam/BeVietnamPro-SemiBold.svg#BeVietnamPro-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Vietnam';
    src: url('../fonts/vietnam/BeVietnamPro-Regular.eot');
    src: url('../fonts/vietnam/BeVietnamPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/vietnam/BeVietnamPro-Regular.woff2') format('woff2'),
        url('../fonts/vietnam/BeVietnamPro-Regular.woff') format('woff'),
        url('../fonts/vietnam/BeVietnamPro-Regular.ttf') format('truetype'),
        url('../fonts/vietnam/BeVietnamPro-Regular.svg#BeVietnamPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.footer1, .categories_title{
	border-top:2px solid #DDD;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*.extra_margin_bottom{
	margin-bottom: 20px;
}*/

.carousel-inner > .item > img,
.carousel-inner > .item > a > img{
	width: 100%;
	margin: auto;
}

.padding_zero{
	padding-left:0 !important;
	padding-right:0 !important;
}

.no_padding_left{
	padding-left:0 !important;
}
.margin_zero{
	margin-left:0 !important;
	margin-right:0 !important;
}

.margin_top{
	margin-top: 20px;
}

.margin-left{
	margin-left: 15px;
}

.form-group{
	margin-bottom:0px !important;
}

.cc-image-bg {
    width: 46px;
    height: 23px;
    background-image: url("../../img/pts/TC.png");
    background-size: 15.3em;
    display: inline-block;
}
.cc-image-visa{ background-position: -6px 33px; }
.cc-image-mastercard{ background-position: -51px 33px }
.cc-image-amex{ background-position: -146px 33px }
/* hacer que el campo de cvv aparezca como password */

#openpay-cc-cvv{
	text-security:disc;
	-webkit-text-security:disc;
	-moz-text-security:disc;
}

.margin-top-negative{
    margin-top: -16px;
}

@media screen and (max-width: 722px)
{
	.extra-margin-footer span{
		margin-left: 5px !important;
	}
}

.button_margin{
	margin-bottom: 5px !important;
}
.text_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
}
.acepted_cards
{
	max-width: 80% ;
}
.acepted_cards_store, .acepted_cards_store_lg
{
	max-width: 119% !important;
}

.footer_options_links, .footer_options_links:hover{
	text-decoration: none ;
	color: #000;
}

.card_label_font{
	font-size: 13px;
}
.card_input_font{
	font-size:13px !important;
}

.panel-footer{
	background-color: #FFFFFF !important;
}

/*.categories_img{
	max-width: 360px;
	max-height:172px;
}*/

@media screen and (max-width: 370px){
	.buttons_success{
		left: 50px !important;
		top: 30px !important;
		font-size: 12px !important;
	}
}

@media screen and (min-width: 768px){
	.principal_menu_2, .hide_logo{
		display: none !important;
	}
}

@media screen and (max-width: 767px){
	.acepted_cards, .acepted_cards_store_lg {
		max-width: 100% !important;
	}
	.acepted_cards_store
	{
		max-width: 120% !important;
	}
	/*.padding_zero{
		padding-top: 56px;
	}*/
	.navbar-brand{
		position: absolute;
		font-size: 26px !important;
		left: 0;
		right: 0;
		top: 0;
		text-align: center;
		margin: auto;
	}
	.footer_glyph{
		color: #ffffff;
		font-size: 47px;
	}
		#left-adds, #right-adds{
		display: none;
	}
	.navbar-nav .open .dropdown-menu>li>a {
		line-height: 28px !important;
		font-size: 18px;
	}

	.navbar-nav .dropdown a {
		line-height: 28px !important;
		font-size: 18px;
    }
    .navbar-nav li>a{
		line-height: 28px !important;
		font-size: 18px;
    }
    #my-signin2 .abcRioButton{
		width: 100% !important;
    }
}

.extra_categories{
	display: none;
}

.categories a:hover{
	color: #f7a7bd !important;
}
@media screen and (min-width: 1200px){
	.email_payment_no_padding_right{
		padding-right: 0px !important;
	}
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
    border-radius: 0;
}
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
.navbar-header {
	text-align: center;
}
span.glyphicon.glyphicon-option-vertical.color ,.last_footer {
    color: #FFFFFF;
}
.navbar_option_box{
	height: 40px !important;
	z-index: 10;
}

.menu_myaccount{
	margin-right: 5px;
	margin-bottom: 8px !important;
	border-radius: 20px !important;
	font-size: 12px !important;
}

.alert_payment {
    padding: 8px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

#last_footer_pts span{
	font-size: 1.2em;
    vertical-align: middle;
}

.tableList {
    border: 2px solid #c2c2c2;
    font-size: 14px;
}
.even {
    background: #fce8ee;
}

.css_division:not(:last-of-type):after{
	content: " | ";
}

.tableList th, .tableList td {
    text-align: center;
    padding: 5px;
}
.login_span,
.login_span:hover{
	font-size: 25px;
	text-decoration: none;
}

.header_logo_size, .confirm_amount_text{
	font-size: 1.3em;
}
.footer_login{
	border-top: none !important;
}

.hide_logo{
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 64%;
}

.btn_special_pts{
	padding: 0px 3px !important;
}

#my-signin2{
	width: 100%;
}

.input-group-addon{
	padding: 4px 4px !important;
}

#cc-image, #cc-cvv, .confirm_amount{
	font-size: 26px;
}

.glyphicon-caret{
	font-size: 10px;
}
/*.carousel-indicators{
        bottom: -4px !important;
        margin-bottom: 0 !important;
}*/
.carousel-control {
    background-image: none !important;
}

.breadcrumb{
	padding: 0 !important;
	margin-top: 5px !important;
	background-color: transparent !important;
}
textarea {
    resize: none;
}
.compropago_desing{
    border: 1px solid #ddd;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    border-radius: 5px;
}
.compropago_desing legend{
	font-size: 9px;
	border-bottom: none !important;
	margin: 0 !important;
}
.pointer{
	cursor:pointer;
}
.img_business_card{
	width: 100%;
	height: 120px !important;
	object-fit: contain;
}

.desc-wrapper_ss {
  margin: 0 auto;
  max-height: 125px;
  overflow: hidden;
}

.more-info{
	display: none;
}
.business_card_glyph{
	margin-right: 4px;
}
.radio_payment_method{
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.compropago_desing .btn{
	padding: 6px 8px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
.alert_tag{
	text-transform: uppercase;
}
.black_navbar .navbar-default{background-color: #333 !important;}
#payment_method .btn-primary.active:hover{cursor:default;background-color:#e6e6e6;border-color:#d4d4d4;}
.container-mp{    border: solid 1px #f2f2f2; border-radius: 8px;padding: 0px 3px; margin-bottom: 8px;}
.small-font{font-size:70%;}
.StripeElement {
  padding: 10px 12px;
  border: 1px solid black;
}

.display-inline-flex{display:inline-flex;}

.gt-flag{
	border:1px solid white !important;
	margin:6px;
	padding:3px 8px;
	margin-top:2px;
}

.container-google-translate{text-align: right;}


#checkout_load { padding: 15%; background-color: #0006; }

.loader {
  margin: 0 auto;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.black{color:black;}
#_op_data_r,#_op_data_antifraud,#thm_mp_cntnr{
display:none;
}

.business_card_btn_pay{margin-right:10px;}

#loading {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	opacity: 0.8;
	z-index: 99;
  }
  
  #loading-image {
	position: absolute;
	top: 40%;
	left: 50%;
	z-index: 100;
  }

/* bof diseño 2024 */

/* bof menu */
#header{
	position:sticky;
	top:0;
	z-index: 11;
}
/* eof menu */

/* bof index */
.categories > a .category_title{
	color: #012A7C;
}
.categories > a:hover .category_title{
	color: #0140be;
}
.category_container{	
	position:relative;
	overflow:hidden;
	border-radius: 15px;
}
.main-categories > div{	
	margin-bottom:30px;
}
.categories_img{
	width: 100%;
	transition:.15s ease-in-out;
}
.category_title .glyphicon{
	font-size:25px;
}
.category_title span:not(.glyphicon){
	font-family: "Vietnam-bold";
	margin-left: 8px;
}
.categories a:hover .categories_img{
	transform:scale(1.03);
}
.category_title{
	position: absolute;
	margin-bottom: 15px;
	bottom: 0;
	right: 0;
	margin-right: 15px;
	padding:15px;
	border-radius: 35px;
	background-color:#fff;
	display:flex;
	align-items: center;
}
/* eof index */

/* bof footer */
#footer hr{
	margin-top: 15px;
	margin-bottom:15px;
	border-color:#275cc8;
}
#footer{
	background-color:#0140be;
	padding-top: 20px;
}
.footer_link a{
	margin-left:10px;
	margin-right:10px;
	display:inline-block;
}
#footer, #footer a{
	color: #fff !important;
}
#footer a:hover{
	color:#ccc !important;
}
/*#footer{
	position: absolute;
	bottom: 0;
	width: 100%;
}*/
#footer_accordion_one a:hover,
#footer_accordion_one span:hover,
.class_no_underline:hover{
	text-decoration: none ;
}
.footer_line h4,
#last_footer_pts a:hover{
	color: #FFFFFF;
	text-decoration: none ;
}
.apps_footer_link{
	text-align:center;
	margin-top:15px;
}
.apps_footer_link img{
	display:inline-block;
	margin-left:8px;
	margin-right:8px;
}
.last_footer + a{
	margin-left: 0 !important;
	margin-right: 0 !important;
	vertical-align: middle;
}
.last_footer + a span{
	font-size:20px;
}
.pci-footer{
	margin: 0 0 0 auto;
}
.footer-about{
	padding-left:30px !important;
	padding-right: 30px !important;
}
/* eof footer */

/* bof categorie list */
.categorie-heading{
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	justify-content: space-between;
	border-bottom: 1px solid #ebf0fa;
  	padding-bottom: 15px;
}
.breadcrumb{
	margin-bottom:0 !important;
}
.service_cont > div{
	border-color: #f5f5f5;	
	border-radius: 5px;
	box-shadow: 3px 4px 13px -3px rgba(217, 227, 245, 0.5);
	padding:5px;
	height: 100%;
}
.flexCategorieList{
	display: flex;
	flex-wrap: wrap;
	row-gap: 30px;
}
.img_div_business_card, .business_card_desc{
	padding:0 !important;
	margin-bottom:15px;
}
.business_card_body, .business_card_body > .row{
	height:100%;
}
.business_card_body > .row{
	display: flex;
  flex-wrap: wrap;
}
/* eof categorie list */
/* bof product info */
.col-payment-info .row > div:first-child > a img{
	border: 5px solid #d9e3f5;
	border-radius: 50%;
	border-radius: 50%;
	width: 150px;
	height: 150px;
	object-fit: cover;
	background-color: #fff;
}
.col-payment-info{
	border-radius: 8px;
	border: 1px solid #E7F0FF;
	background: radial-gradient(64.03% 95.55% at 9.33% 13.4%, #F5F9FF 0%, #FBFBFB 100%);
	padding:20px 20px;
}
.col-payment-info .business_name{
	font-size:36px;
	color:#1a1b1c !important;
	margin-top: 0;
}
.col-payment-info .business_links{
	margin-top:8px;
}
.col-payment-info .business_links a{
	margin-right:12px;
	font-family:'Vietnam-bold';
}
.col-payment-info small{
	color:#53535b;
}
.col-payment-info .row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.col-payment-info{
	position:relative;
	overflow: hidden;
}
.absolute-img{
	position:absolute;
	opacity:.08;
	height: 130% !important;
	width: auto;
	object-fit: contain;
	top: -15%;
	right:0;
}
#payment_total{
	background-color: transparent;
	border: none;
	box-shadow: none;
	width: 100%;
	font-size:32px;
	color:#1a1b1c;
	text-align: left;
	padding-left: 5px;
}
.total-design{
	margin-top:25px;
	text-align: center;
}
#dinamic_total{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;	
	align-items: center;
	flex-direction: column;
}
#dinamic_total >div{
	display: flex;
  	align-items: center;
	justify-content: center;
}
#dinamic_total > div > span{
	width: calc(100% - 130px);
	text-align: right;
	font-size: 22px;
}
.step-text, .step-num{
	font-size: 32px;
}
.step-text{
	color:#1a1b1c;
}
.step-num{
	border-radius: 50%;
	width: 60px !important;
	height: 60px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 8px;
}
.col-service-info, .col-total-payment{
	margin-top:60px;
	margin-bottom:30px;
	padding-left:30px !important;
	padding-right:30px !important;
}
.col-service-info > div, .col-total-payment > div{
	border-radius: 18px;
	box-shadow: 0px 0px 15px 0px rgba(1, 42, 124, 0.10);
	backdrop-filter: blur(2px);
	padding:40px 30px !important;
	height: 100%;
}
.col-total-payment > div{
	border: 1px solid #A9BAD9;
	background: radial-gradient(50% 50% at 50% 50%, rgba(172, 191, 240, 0.15) 0%, rgba(96, 123, 191, 0.15) 100%);
}
.col-service-info > div{
	border: 1px solid #CDDBF5;
	background: radial-gradient(50% 50% at 50% 50%, rgba(190, 208, 236, 0.15) 0%, rgba(152, 174, 209, 0.15) 100%);
}
.col-total-payment .step-num{
	color:#fff;
	background-color: #0140be;
}
.col-service-info .step-num{
	background-color: #D9E3F5;
}
.col-service-info .form-group > *{
	width: 100%;
}
.col-service-info .form-group > .control-label{
	color:#757575;
	font-size:14px;
	font-family: 'Vietnam-sbold';
	margin-bottom:4px;
}
.step-instruction{
	font-size:20px;
	margin-bottom:20px;	
}
#btn_next, .autodisable[name="btn_next"]{
	margin-bottom:60px;
	margin-top:25px;
	border-radius: 60px;
	font-size:24px;
	padding: 15px 15px;
}
.panel-payment > .panel-body > .row{
	display: flex;
  	flex-wrap: wrap;
	background-image: url('../img/pts/paymentBg.png');
	background-position: center center;
	background-repeat: no-repeat;
}
/* eof product info */

/* bof payment success */
.successWrapper, .basicBgImg{
	background-image: url('../img/pts/successBG.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.success-service-detail > div{
	margin-bottom:25px;
	border-radius: 8px;
	border: 1px solid #CDDBF5;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%), radial-gradient(50% 50% at 50% 50%, rgba(190, 208, 236, 0.15) 0%, rgba(152, 174, 209, 0.15) 100%);
	box-shadow: 0px 0px 15px 0px rgba(1, 42, 124, 0.10);
	backdrop-filter: blur(1px);
	padding:30px 15px;
}
.success-service-detail > div .row, .btnWrapper{
	display: flex;
	flex-wrap: wrap;
	row-gap: 15px;
}
.btnWrapper{
	flex-direction: column;
	margin-top:35px;
	margin-bottom:15px;
}
.btnWrapper .btn:not(.btn-link){
	padding:15px 15px;
	border-radius: 60px;
}
.success-service-detail .text-success{
	font-size:24px;
}
.success-service-detail .glyphicon-checkmark, .success-service-detail .glyphicon-warning-sign{
	border-radius: 25px;
	font-size: 25px;
	padding: 8px;
	display: inline-block;
	margin-bottom: 5px;
	color: #fff;
}
.success-service-detail .glyphicon-checkmark{
	background-color: #02a42f;	
}
.success-service-detail .glyphicon-warning-sign{
	background-color: #c70303;	
}
.success-service-detail .status{
	margin-bottom: 35px;
}
.success-service-detail .headings{
	margin-bottom:50px;
}
.successWrapper .col-payment-info .row > div:first-child > a img{
	height: auto;
}
/* eof payment success */
/* bof contact us */
.no-glow{
	box-shadow:none !important;
	padding-top:15px !important;
	padding-bottom:15px !important;
}
.no-glow .heading{
	margin-top:5px;
	margin-bottom:0;	
}
.contctUsStyle{
	padding-top:30px;
	padding-bottom:30px;
}
.contactUsLinkWrapper{
	display: flex;
	flex-wrap: wrap;
	column-gap: 15px;
	justify-content: center;
	row-gap: 20px;
	margin-top: 25px;
	margin-bottom: 20px;
}
.contactUsLinkWrapper > div{
	flex-grow: 1;
	flex-basis: 0;
}
/* eof contact us */
/* bof my account */
#my_account_menu{
	margin-bottom:25px;
}
/* eof my account */
.blue-badge{
	background-color: #0140be !important;
}
/*bof media querys*/
@media(max-width:767px){
	/* bof product info */
	.col-service-info, .col-total-payment, .col-payment-info {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.col-payment-info{
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom:30px;
	}
	.col-service-info, .col-total-payment{
		margin-top:20px;
		margin-bottom:30px;
	}
	.col-service-info > div, .col-total-payment > div{
		padding: 25px 15px !important;
	}
	.step-instruction {
		font-size: 18px;
		margin-bottom: 35px;
	  }
	  .business_links a{
		display: block;
		margin-bottom: 8px;
	  }
	/* eof product info */
	/*bof payment success*/
	.success-service-detail {
		margin-left: 5px !important;
		margin-right: 5px !important;
	}
	/*eof payment succes*/
	/*bof footer*/
	.footer_link a{
		margin-bottom:15px;
	}
	#body{
		min-height: calc(100vh - 95px - 280px);
	}
	/*eof footer*/
}
@media (min-width:768px) {
	/*bof footer*/
	#body{
		min-height: calc(100vh - 82px - 170px);
	}
	/*eof footer*/
}
/*eof media querys*/
/* eof diseño 2024 */