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


/*LOADER*/

/*COLORS*/
:root{

	/*White*/
	--white-01:rgba(250,250,250,0.1);
	--white-02:rgba(250,250,250,0.2);
	--white-03:rgba(250,250,250,0.3);
	--white-04:rgba(250,250,250,0.4);
	--white-05:rgba(250,250,250,0.5);
	--white-06:rgba(250,250,250,0.6);
	--white-07:rgba(250,250,250,0.7);
	--white-08:rgba(250,250,250,0.8);
	--white-09:rgba(250,250,250,0.9);
	--white:#FFFFFF;

	/*Black*/
	--black-01:rgba(0,0,0,0.1);
	--black-02:rgba(0,0,0,0.2);
	--black-03:rgba(0,0,0,0.3);
	--black-04:rgba(0,0,0,0.4);
	--black-05:rgba(0,0,0,0.5);
	--black-06:rgba(0,0,0,0.6);
	--black-07:rgba(0,0,0,0.7);
	--black-08:rgba(0,0,0,0.8);
	--black-09:rgba(0,0,0,0.9);
	--black:#000000;

	/*Custom*/
	--black-pt:#141516;
	--white-pt:#f6f5f2;
	--red-pt:#d8232a;

	--soft-gray:#CCCCCC;
	--soft-gray-2:#d8d8d8;
	--soft-gray-3:#f8f8f8;
	--soft-gray-4:#efefef;
	--gray:#979797;
	--gray-3:#e9e9e9;
	--dark-gray:#333333;
	--dark-gray-2:#3b3b3b;

	--gray-01:rgba(59,59,59,0.1);
	--gray-01-opt01:rgba(216,216,216,0.1);
	--gray-03:rgba(216,216,216,0.3);

	--green:#49d37e;
	--success:#49d37e;

	--warning:#df0b5b;
	--warning-toast:#dd6464;
}


/*FONTS*/
@font-face {
    font-family: 'Noe_bold';
    src: url('fonts/NoeDisplay-Bold.woff2') format('woff2'),
        url('fonts/NoeDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noe_black';
    src: url('fonts/NoeDisplay-Black.woff2') format('woff2'),
        url('fonts/NoeDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noe_regular';
    src: url('fonts/NoeDisplay.woff2') format('woff2'),
        url('fonts/NoeDisplay.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*GENERICS*/

html{width:100%; height:100%}

body{width:100%; height:100%; background:var(--white-pt); font-size:1em; font-family:'Raleway', sans-serif; font-weight:400; color:var(--black-pt);  -webkit-font-smoothing: antialiased; /*-webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);*/}

a{color:var(--black); text-decoration:none; transition: all 0.35s ease-in-out;}

header, section, article, aside, footer, nav, figure, div, a{box-sizing:border-box; position:relative;}

	/*Form*/

		/*Input*/
		input{height:40px; background:transparent; border:none; border-bottom:var(--black-pt) 1px solid; padding:0 10px; box-sizing:border-box; font-family:'Raleway', sans-serif; font-weight:700; font-size:0.875rem; letter-spacing:1px;}

			input.inactive{pointer-events:none; border-bottom:var(--soft-gray-2) 1px solid; color:var(--soft-gray-2);}

		/*TextArea*/
		textarea{height:140px; resize:none; background:transparent; border:none; border-bottom:var(--black-pt) 1px solid; padding:0 10px; box-sizing:border-box; font-family:'Raleway', sans-serif; font-weight:700; font-size:0.875rem; letter-spacing:1px;}

		/*Select*/
		.select_style{height:40px; background:var(--white); border-bottom:var(--black-pt) 1px solid; border-right:none; border-left:none; border-top:none;}
		.select_style::before{width:0; height:0; border-style:solid; border-width:6px 6px 0 6px; border-color:var(--black-pt) transparent transparent transparent; position:absolute; top:0; bottom:0; right:15px; margin:auto 0; pointer-events:none; content:''}

			.select_style select{border:none; background:transparent; height:100%; color:var(--black-pt); box-sizing:border-box; -webkit-box-sizing:border-box; font-family:'Raleway', sans-serif; font-weight:700; font-size:0.875rem; letter-spacing:1px; text-transform:uppercase;}

				.select_style select option{height:40px;}

			/*Inactive*/
			.select_style.inactive{pointer-events:none; border-bottom:var(--soft-gray-2) 1px solid;}

				.select_style.inactive::before{border-color:var(--soft-gray-2) transparent transparent transparent;}

					.select_style.inactive select{color:var(--soft-gray-2);}

		/*Float Label*/
		label.floating_label{position:absolute; top:14px; left:0; font-family:'Raleway', sans-serif; font-weight:700; color:var(--black-pt); font-size:0.875rem; text-transform:uppercase; pointer-events:none; z-index:10; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; will-change:font-size, color, top; touch-action:manipulation;}

			input:not(:placeholder-shown) + label,
			input:focus + label {top:0px; font-size:0.750rem;}

				input:not(:placeholder-shown),
				input:focus{padding:15px 0 0 !important;}

			/*select:focus + label, 
			select:not([value=""]):valid + label{top:0px; font-size:0.750rem;}

				select:focus, 
				select:not([value=""]):valid{padding:15px 0 0 !important;}*/

			textarea:not(:placeholder-shown) + label,
			textarea:focus + label {top:0px; font-size:0.750rem;}

				textarea:not(:placeholder-shown),
				textarea:focus{padding:20px 0 0 !important;}

		/*Checkbox*/
		.label-check{position:relative; cursor:pointer; margin:0 0 10px; z-index:3; display:flex; align-items:center;}
	    .label-check input[type="checkbox"] {padding:0 !important; opacity:0; position:absolute; left:0; top:0; margin:0; z-index:1; cursor:pointer; width:24px; height:24px; background:transparent;}
	    .label-check span.label_check { position:relative; display:inline-block; vertical-align:bottom; margin-right:10px; width:24px; height:24px; border:var(--black-pt) 1px solid;}
	    .label-check input[type="checkbox"]:checked + span:after { content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:16px; height:16px; background:var(--black-pt);}
	    .label-check .text{font-size:0.875rem; color:var(--black-pt); font-weight:600; position:relative;}

	    /*Radio*/
		.label-radio {width:auto; float:left; position:relative; cursor:pointer; margin:0 10px 0 0;}
		.label-radio:last-child{margin:0;}
	    .label-radio input[type="radio"] {opacity:0; position:absolute; left:0; top:0; margin:0; padding:0 !important; z-index:1; cursor:pointer; width:35px; height:35px;}
	    .label-radio span.label_radio { position:relative; top:0; background:var(--white); border:var(--black) 1px solid; box-sizing:border-box; display:inline-block; vertical-align:bottom; width:35px; height:35px;}
	    .label-radio input[type="radio"]:checked + span:after { content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:35px; height:35px; background:var(--black);}
	    .label-radio .text{width:100%; height:100%; display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; padding:0 !important; margin:0 !important; text-transform:uppercase; font-size:0.875rem !important; font-style:normal !important; font-weight:600 !!important; color:var(--black); letter-spacing:normal;}
	    .label-radio input[type="radio"]:checked ~ .text{color:var(--white);}

	    /*Warning*/

			/*Input*/
			.warning input{border-bottom:var(--red-pt) 1px solid}

			/*Input*/
			.warning textarea{border-bottom:var(--red-pt) 1px solid}

			/*Select*/
			.warning .select_style{border-bottom:var(--red-pt) 1px solid}

			/*Label*/
			.warning label{color:var(--red-pt);}

			/*CheckBox*/
			.warning .label-check span.label_check{background:var(--red-pt);}

			/*Terms*/
			.warning .terms{color:var(--red-pt);}

			/*Warning Msg*/
			.content_warning_text{height:16px; position:absolute; left:0; bottom:-20px; font-weight:600; font-size:0.750rem; color:var(--red-pt); padding:0 0 0 20px; line-height:16px; pointer-events:none; opacity:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
			.warning .content_warning_text{opacity:1;}

				.content_warning_text::before{width:16px; height:16px; position:absolute; top:0; bottom:0; left:0; margin:auto; background:url(../../img/ic_warning_msg.svg) no-repeat; content:'';}

		/*Eye*/
        .show_hide_pass{width:30px; height:20px; position:absolute; top:12px; bottom:0; right:10px; margin:auto; z-index:3; background:url(../../img/sp_show_password.svg) no-repeat; font-size:0; transition:none; -webkit-transition:none;}
        .show_hide_pass.open{background-position:0px -2px;}
        .show_hide_pass.close{background-position:0px -32px;}

	/*Cursor*/
	.cursor-dot,
	.cursor-dot-outline{pointer-events:none; z-index:999; position:fixed; top:50%; left:50%; border-radius:50%; opacity:0; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}

	.cursor-dot{width:8px; height:8px; background:var(--red-pt);}

	.cursor-dot-outline{width:48px; height:48px; border:none;}

		.cursor-dot-outline::before{width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; display:flex; justify-content:center; align-items:center; font-family:"Noe_bold", serif; font-weight:400; font-size:1.5rem; letter-spacing:1px; text-transform:uppercase; color:var(--black-pt);}
	
	/*Buttons*/
	.button{height:40px; align-items:center; justify-content:center; transition:none;}

		.button span{font-weight:600; font-size:0.750rem; text-transform:uppercase; letter-spacing:2px; display:inline-block; transition:color .18s linear;}

		/*Inactive*/
		.button.inactive{border:var(--black-03) 1px solid !important; pointer-events:none;}

			.button.inactive span{color:var(--black-03) !important;}

		/*Button Border*/

			/*White*/
			.button.border.white{border:var(--white) 1px solid;}

				.button.border.white span{color:var(--white);}

				/*Hover*/
				.button.border.white:hover{background:var(--white);}

					.button.border.white:hover span{color:var(--black);}

			/*Black*/
			.button.border.black{border:var(--black) 1px solid;}

				.button.border.black span{color:var(--black);}

				/*Hover*/
				.button.border.black:hover{background:var(--black);}

					.button.border.black:hover span{color:var(--white);}

		/*Full*/

			/*Black*/
			.button.full.black{border:var(--black) 1px solid; background:var(--black)}

				.button.full.black span{color:var(--white);}

				/*Hover*/
				.button.full.black:hover{background:transparent;}

					.button.full.black:hover span{color:var(--black);}

			/*White*/
			.button.full.white{border:var(--white) 1px solid; background:var(--white)}

				.button.full.white span{color:var(--black);}

				/*Hover*/
				.button.full.white:hover{background:transparent;}

					.button.full.white:hover span{color:var(--white);}	

		/*Button Back*/
		.btn_back{height:50px; display:flex; justify-content:center; align-items:center; background:var(--white); border-radius:30px;}

			.btn_back img{transition:all 0.35s ease-in-out;}
			.btn_back:hover img{transform:translateX(-5px);}

			.btn_back span{font-weight:700; font-size: 0.875rem; color:var(--black-pt); margin:0 0 0 15px;}

	/*Link*/
	.link{position:relative; display:flex; align-items:center;}

		/*Svg*/
		.link svg{fill:none; stroke:var(--black-pt); stroke-linecap:square; transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out;}

			.link:hover svg{transform:translateX(-10px); -webkit-transform:translateX(-10px);}

		/*Svg*/
		.link img{transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; margin:0 10px 0 0;}

			.link:hover img{transform:translateX(-10px); -webkit-transform:translateX(-10px);}

		/*Text*/
		.link span{font-weight:700; font-size:0.875rem;}

			.link:hover span{color:var(--black-pt);}

		/*Hover Line*/
		.link::before{width:100%; height:1px; position:absolute; bottom:-5px; left:0; right:0; margin:0 auto; background:var(--black); content:''; transform:scaleX(1); -webkit-transform:scaleX(1); transform-origin:center; transition:all 0.5s cubic-bezier(0.25, 0.1, 0.1, 1); -webkit-transition:all 0.5s cubic-bezier(0.25, 0.1, 0.1, 1);}
		.link.invert::before{transform:scaleX(0);}

			.link:hover::before{transform:scaleX(0);}
			.link.invert:hover::before{transform:scaleX(1);}

			.link.invert.active::before{transform:scaleX(1.0); pointer-events:none;}

	/*Accordion*/
	.content_accordion{ border-bottom:var(--gray-01) solid 1px;}
	.content_accordion.show{border:none;}

		/*Button Open Close*/
		.content_accordion .btn_open_close_accordion{width:20px; height:20px; z-index:2; font-size:0;}

			.content_accordion .btn_open_close_accordion::before{width:3px; height:100%; position:absolute; top:0; left:0; right:0; margin:auto; background:var(--black); content:''; transition:all 0.35s ease-in-out;}
			
				.content_accordion.show .btn_open_close_accordion::before{transform:scaleY(0);}

			.content_accordion .btn_open_close_accordion::after{width:100%; height:3px; position:absolute; top:0; left:0; bottom:0; margin:auto; background:var(--black); content:'';}

		/*Box*/
		.content_accordion .content_accordion_box{max-height:0; overflow:hidden; transition:all 0.35s ease;}
		.content_accordion.show .content_accordion_box{max-height:2000px;}

	/*Grid*/

		/*Header*/
		.content_grid .hd{height:55px; background:var(--gray-01-opt01); border-bottom:var(--gray-01) 1px solid; display:grid; padding:0 30px 0 20px; box-sizing:border-box;}

			.content_grid .hd li{height:100%; display:flex; justify-content:center; align-items:center;}

				/*Text*/
				.content_grid .hd li span{font-weight:500; font-size:0.750rem;}

				/*Order Link*/
				.content_grid .hd li a{font-weight:500; font-size:0.750rem; padding:0 20px 0 0; position:relative;}

					.content_grid .hd li a::before{display:inline-block; width:0; height:0; border-style:solid; border-width:4px 4px 0 4px; border-color:var(--black) transparent transparent transparent; position:absolute; top:0; bottom:0; right:0; margin:auto; content:''; transition:all 0.35s ease-in-out;}

					.content_grid .hd li a.active::before{transform:rotate(180deg);}

		/*Information*/
		.content_grid .information{height:55px; display:grid; background:var(--white); padding:0 30px 0 20px; box-sizing:border-box;}
		.content_grid .information.extra{height:30px;}

			.content_grid .information li{height:100%; display:flex; justify-content:center; align-items:center; position:relative;}

				/*Text*/
				.content_grid .information li span{font-weight:700; font-size:0.813rem;}
				.content_grid .information.extra li span{font-weight:400;}

				/*Input Check*/
				.content_grid .information li .label-check{margin:0;}

					.content_grid .information li .label-check input[type="checkbox"]{width:20px; height:20px;}
					.content_grid .information li .label-check span.label_check{width:20px; height:20px; margin:0;}
					.content_grid .information li .label-check input[type="checkbox"]:checked + span::after{background-color:var(--black); width:20px; height:20px; background-image:url(../../img/ic_check.svg); background-repeat:no-repeat; background-position:center 5px;}

				/*Input*/

					/*Input*/
					.content_grid .information li input{height:30px; padding:0 0 0 40px !important;}

					/*Label*/
					.content_grid .information li .label{position:absolute; left:5px; bottom:18px; font-weight:700; font-size:0.875rem;}
					.content_grid .information.extra li .label{font-weight:400; position:relative; left:auto; bottom:auto; width:100%; display:flex; align-items:center; justify-content:flex-start;}

		/*9 Columns*/
		.content_grid.nine_col .hd,
		.content_grid.nine_col .information{grid-template-columns:50px 200px repeat(6, 1fr);}

			.content_grid.nine_col .hd li:nth-child(2),
			.content_grid.nine_col .information li:nth-child(2){justify-content:flex-start;}

		/*7 Columns*/
		.content_grid.seven_col .hd,
		.content_grid.seven_col .information{grid-template-columns:50px 220px repeat(5, 1fr);}

			.content_grid.seven_col .hd li:nth-child(2),
			.content_grid.seven_col .information li:nth-child(2){justify-content:flex-start;}

		/*3 Columns*/
		.content_grid.three_col .hd,
		.content_grid.three_col .information{grid-template-columns:repeat(2, 25%) 1fr;}

			.content_grid.three_col .hd li:nth-child(1),
			.content_grid.three_col .information li:nth-child(1){justify-content:flex-start;}

	/*Toast*/
	.content_toast{width:100%; height:70px; position:fixed; top:0; left:0; z-index:9999; transform:translateY(-120px); transition:all 0.5s ease-in-out;}
	.content_toast.show{transform:translateY(0);}

		/*Warning*/
		.content_toast.warning{background:var(--warning);}

		/*Success*/
		.content_toast.success{background:var(--success);}

		/*Center*/
		.content_toast .center_content{width:100%; height:100%; display:flex; align-items:center; justify-content:center;}

			.content_toast .center_content .texts{order:2; margin:-4px 0 0;}

				/*Heading*/
				.content_toast .center_content h3{font-weight:700; font-size:1.375rem; color:var(--white);}

				/*Description*/
				.content_toast .center_content p{font-weight:700; font-size:0.875rem; color:var(--white);}

			/*Icon*/
			.content_toast .center_content .icon{width:40px; height:40px; background:var(--black-03); border-radius:20px; order:1; margin:0 30px 0 0;}

				/*Background*/
				.content_toast .center_content .icon::before{width:40px; height:40px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; content:'';}

					/*Warning*/
					.content_toast.warning .center_content .icon::before{background:url(../../img/bg_cross.svg) no-repeat;}

					/*Success*/
					.content_toast.success .center_content .icon::before{background:url(../../img/bg_big_check.svg) no-repeat;}

	/*Toast Action*/
	.toast_action{position:fixed; left:0; bottom:0; z-index:5; height:100px; background:var(--black); pointer-events:none; clip-path:inset(100% 0 0 0); transition:all 0.5s ease-in-out; align-items:center;}
	.toast_action.show{pointer-events:all; clip-path:inset(0 0 0 0);}

		.toast_action .center_content{display:flex; justify-content:space-between; align-items:center;}

			/*Detail*/
			.toast_action .detail{font-weight:800; font-size:1.125rem; color:var(--white);}

			/*Content*/
			.toast_action .content{display:flex; align-items:center;}

				/*Ammount*/
				.toast_action .ammount{font-weight:800; font-size:1.125rem; color:var(--white); margin:0 35px 0 0;}

				/*Button*/
				.toast_action .button{width:215px;}

			/*Input Check*/
			.toast_action .label-check{margin:0;}

				.toast_action .label-check input[type="checkbox"]{width:20px; height:20px;}
				.toast_action .label-check span.label_check{width:20px; height:20px; margin:0 20px 0 0; border:var(--white) 1px solid; background:var(--white);}
				.toast_action .label-check input[type="checkbox"]:checked + span::after{background-color:var(--white); width:20px; height:20px; background-image:url(../../img/ic_check_black.svg); background-repeat:no-repeat; background-position:center 5px;}
				.toast_action .label-check .text{color:var(--white);}

	/*Paginator*/
	.content_paginator{justify-content:space-between;}

		/*Pages*/
		.content_paginator .content_pages{display:flex; align-items:center;}

			.content_paginator .content_pages li{margin:0 15px 0 0;}
			.content_paginator .content_pages li:last-child{margin:0;}

				.content_paginator .content_pages li a{font-weight:700; color:var(--black-pt); position:relative;}

					/*Hover Line*/
					.content_paginator .content_pages li a::before{width:100%; height:1px; position:absolute; bottom:-2px; left:0; right:0; margin:0 auto; background:var(--black-pt); content:''; transform:scaleX(0); transform-origin:center; transition:all 0.5s cubic-bezier(0.25, 0.1, 0.1, 1); -webkit-transition:all 0.5s cubic-bezier(0.25, 0.1, 0.1, 1);}

						.content_paginator .content_pages li:hover a::before{transform:scaleX(1);}

				.content_paginator .content_pages li.active a{background:var(--dark-gray-2); border-radius:4px; padding:2px 6px; color:var(--white); pointer-events:none;}

		/*Link*/

			/*Disable*/
			.content_paginator .link.disable{opacity:0.3; pointer-events:none;}

			/*Next*/
			.content_paginator .link.next img{transform:rotate(180deg); margin:0 0 0 10px;}

				.content_paginator .link.next:hover img{transform:rotate(180deg) translateX(-10px);}

/*LAYOUT*/
.row{width:100%; display:flex; flex-wrap:wrap;}

.center_content{width:1200px; margin:0 auto; display:flex; flex-wrap:wrap;}

/*LOGO*/
.logo{height:100px; margin:auto; z-index:2; background:url(../../img/bg_logo.svg) no-repeat; background-size:auto 100%; background-position:center; font-size:0; margin:35px 0;}

/*LOGIN*/
.login{height:100%;}

	.login .content_login{height:100%; justify-content:center; align-content:flex-start; background:url(../../img/bg_login.jpg) no-repeat; background-size:cover;}

		/*Box*/
		.login .content_login .box{width:540px; height:440px; background:var(--white); padding:30px 80px;}

			/*Heading*/
			.login .content_login .box h2{font-family:'Noe_regular', serif; font-weight:400; font-size:2.625rem; margin:0 0 5px; justify-content:center;}

			.login .content_login .box h3{font-weight:400; margin:0 0 40px; justify-content:center;}

			/*Form*/
			.login .content_login .box ul li{position:relative; margin:0 0 20px; justify-content:space-between;}
			.login .content_login .box ul li:last-child{margin:0;}
			.login .content_login .box ul li:last-child{margin:20px 0 0;}

				/*Link Remember*/
				.login .content_login .box ul li .link_remember{position:relative; font-weight:800; font-size:0.875rem;}
				.login .content_login .box ul li .link_remember:hover{color:var(--black-pt);}

					/*Hover Line*/
					.login .content_login .box ul li .link_remember::before{width:100%; height:2px; position:absolute; bottom:10px; left:0; right:0; margin:0 auto; background:var(--black-pt); content:''; transform:scaleX(1); transform-origin:center; transition:all 0.5s cubic-bezier(0.25, 0.1, 0.1, 1); -webkit-transition:all 0.5s cubic-bezier(0.25, 0.1, 0.1, 1);}

						.login .content_login .box ul li .link_remember:hover::before{transform:scaleX(0);}

/*RECOVER PASS*/
.password{height:100%;}

	.password .content_recover{height:100%; justify-content:center; align-content:flex-start; background:url(../../img/bg_login.jpg) no-repeat; background-size:cover;}

		/*Box*/
		.password .content_recover .box{width:540px; height:440px; background:var(--white); padding:30px 80px;}

			/*Back*/
			.password .content_recover .box .btn_back{width:140px; position:absolute; top:0; left:-350px;}

			/*Heading*/
			.password .content_recover .box h2{font-family:'Noe_regular', serif; font-weight:400; font-size:2.625rem; margin:0 0 30px; text-align:center; line-height:1.2; justify-content:center;}

			/*Form*/
			.password .content_recover .box ul li{position:relative; margin:0 0 20px; justify-content:space-between;}
			.password .content_recover .box ul li:last-child{margin:0;}
			.password .content_recover .box ul li:last-child{margin:20px 0 0;}

				/*Hide Msg*/
				.password .content_recover .box ul li .hide_text{align-items:center; justify-content:center; transition:all 0.5s ease-in-out; opacity:0;}
				.password .content_recover .box ul li.show .hide_text{opacity:1;}

					.password .content_recover .box ul li .hide_text .text{font-weight:600; font-size:0.813rem; font-style:italic; margin:0 0 0 10px;}

				/*Warning*/
				.password .content_recover .box ul li .warning_text{padding:10px 15px; background:var(--soft-gray-3); display:flex; align-items:center; justify-content:space-between;}

					.password .content_recover .box ul li .warning_text img{margin:0 10px 0 0;}

					.password .content_recover .box ul li .warning_text span{width:90%; line-height:1.2; font-weight:500; font-size:0.813rem; font-style:italic;}

						.password .content_recover .box ul li .warning_text span a{font-weight:700;}

/*HEADER*/
header.generic_hd{padding:0;}

	/*Navigation*/
	header.generic_hd nav{position:absolute; top:35px; left:0; z-index:3;}

		/*Burger*/
		header.generic_hd nav .btn_burger{display:none;}

		/*List*/
		header.generic_hd nav ul{justify-content:space-between;}

			header.generic_hd nav ul li{position:relative; display:flex; align-items:center;}
			header.generic_hd nav ul li.logo_mobile{display:none;}

				header.generic_hd nav ul li .link{color:var(--black-pt); margin:0 45px 0 0;}
				header.generic_hd nav ul li .link:last-child{margin:0;}

		/*Dashboard*/
		.dashboard header.generic_hd nav ul{justify-content:flex-end;}

	/*Information*/
	header.generic_hd .content_information{margin:25px 0 0; justify-content:center; align-items:flex-end;}

		/*Select*/
		header.generic_hd .content_information .content_select{width:200px;}

		/*Store*/
		header.generic_hd .content_information .content_store_information{justify-content:center; display:flex; flex-wrap:wrap; padding:0 200px;}

			header.generic_hd .content_information .content_store_information img{width:95px; margin:0 0 20px;}

			header.generic_hd .content_information .content_store_information span{justify-content:center; text-align:center;}

			header.generic_hd .content_information .content_store_information .big_text{font-weight:700; font-size:1.5rem; color:var(--black); margin:0 0 5px;}

			header.generic_hd .content_information .content_store_information .brand_text{font-family:'Noe_regular', serif; font-weight:400; font-size:1.5rem; text-transform:uppercase; padding:0 200px; box-sizing:border-box;}

			header.generic_hd .content_information .content_store_information .small_text{font-weight:400;}

		/*Button*/
		header.generic_hd .content_information .content_button{position:absolute; right:0; bottom:0;}

			header.generic_hd .content_information .content_button .button{width:190px;}

			header.generic_hd .content_information .content_button .button span{font-size:0.625rem; letter-spacing:1px;}


/*DASHBOARD*/

	/*Dashboard Content*/
	.dashboard .content_dashboard{margin:35px 0 0;}

		/*Brands*/
		.dashboard .content_dashboard .content_brands{display:flex; justify-content:space-between;}

			.dashboard .content_dashboard .content_brands li{width:49%; margin:0 0 20px;}
			.dashboard .content_dashboard .content_brands li.full{width:100%; margin:0;}	

				.dashboard .content_dashboard .content_brands li a{height:80px; background:var(--white); padding:0 40px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center;}

					.dashboard .content_dashboard .content_brands li a .text{font-weight:700; font-size:1.375rem; color:var(--black-pt); text-transform:uppercase; letter-spacing:1px;}

					.dashboard .content_dashboard .content_brands li a img{transition:all 0.35s ease-in-out;}
					.dashboard .content_dashboard .content_brands li a:hover img{transform:translateX(10px);}

/*NO RESULTS*/
.content_no_results .center_content{display:flex; justify-content:center; flex-wrap:wrap; align-content:flex-start; margin:90px auto 0;}

	/*Headings*/
	.content_no_results .center_content h3{justify-content:center; font-family:'Noe_regular', serif; font-weight:400; font-size:1.250rem; margin:40px 0 20px;}

	.content_no_results .center_content h4{justify-content:center; font-weight:600; font-size:0.875rem; line-height:1.3; text-align:center;}


/*PAYMENT*/

	/*Payment Content Mobile*/
	.payment .content_payment_mobile{display:none;}

	/*Payment Content*/
	.payment .content_payment{margin:40px 0 180px;}

		/*Heading*/
		.payment .content_payment .content_heading{justify-content:space-between; align-items:center; padding:0 0 15px;}

			/*Heading*/
			.payment .content_payment .content_heading h3{font-weight:700; font-size: 1.125rem;}

				.payment .content_payment .content_heading h3 span{font-weight:500;}

		/*Accordion*/
		.payment .content_payment .content_accordion{margin:0 0 40px;}
		.payment.payment_group .content_payment .content_accordion{margin:0 0 10px;}

	/*Total Box*/
	.payment .content_payment .content_total_box{height:55px; background:var(--white); justify-content:space-between; align-items:center; padding:0 20px; margin:0 0 40px;}

		/*Label*/
		.payment .content_payment .content_total_box .label{font-weight:800; font-size:0.813rem;}

		/*Content*/
		.payment .content_payment .content_total_box .content{display:flex; align-items:center;}

			/*Ammount*/
			.payment .content_payment .content_total_box .content .ammount{font-weight:700; margin:0 50px 0 0;}

			/*Button*/
			.payment .content_payment .content_total_box .content .button{width:130px; height:30px;}

				.payment .content_payment .content_total_box .content .button span{font-size:0.625rem; font-weight:600;}

	/*Success*/
	.payment.payment_success .content_payment .center_content{width:540px;}

		.payment.payment_success .content_payment .content_box{background:var(--white); padding:50px 90px; justify-content:center;}

			/*Icon*/
			.payment.payment_success .content_payment .content_box img{width:65px; margin:0 0 25px;}

			/*Heading*/
			.payment.payment_success .content_payment .content_box h3{font-family:'Noe_regular', serif; font-weight:400; font-size:2.625rem; margin:0 0 5px; justify-content:center;}

			.payment.payment_success .content_payment .content_box h4{font-weight:400; line-height:1.5; margin:0 0 20px; text-align:center;}

			.payment.payment_success .content_payment .content_box h5{font-weight:700; font-size:0.875rem; color:var(--black); background:var(--soft-gray-3); font-style:italic; padding:10px; border-radius:5px; box-sizing:border-box; margin:0 0 20px;}


			/*Buttons//Links*/
			.payment.payment_success .content_payment .content_box ul{padding:0 45px; box-sizing:border-box;}

				.payment.payment_success .content_payment .content_box ul li{margin:0 0 15px; justify-content:center;}
				.payment.payment_success .content_payment .content_box ul li:last-child{margin:15px 0 0;}

					.payment.payment_success .content_payment .content_box ul li .button{height:30px;}

						.payment.payment_success .content_payment .content_box ul li .button span{font-size:0.625rem;}

						.payment.payment_success .content_payment .content_box ul li .button svg{margin:0 0 0 10px;}

							.payment.payment_success .content_payment .content_box ul li .button:hover svg{fill:var(--white);}

					.payment.payment_success .content_payment .content_box ul li .link{font-size:0.750rem; letter-spacing:2px; font-weight:600; text-transform:uppercase;}

						.payment.payment_success .content_payment .content_box ul li .link:hover{color:var(--black-pt);}

/*MY PAYMENTS*/

	/*Select Dates*/
	.my_payments .content_my_payment .content_select_dates{margin:0 0 25px;}

		.my_payments .content_my_payment .content_select_dates ul{justify-content:flex-start;}

			.my_payments .content_my_payment .content_select_dates ul li{margin:0 15px 0 0;}
			.my_payments .content_my_payment .content_select_dates ul li:last-child{margin:0;}

				/*Label*/
				.my_payments .content_my_payment .content_select_dates ul li .label{font-weight:600; font-size:0.625rem; text-transform:uppercase; letter-spacing:1px; padding:0 0 0 20px; margin:0 0 10px; box-sizing:border-box;}

				/*Input Date*/
				.my_payments .content_my_payment .content_select_dates ul li input[type="date"]{border:none; letter-spacing:normal; width:180px; height:40px; padding:0 20px !important; background:var(--white); border-radius:30px;}

				/*Button*/
				.my_payments .content_my_payment .content_select_dates ul li .button{padding:0 20px; margin:20px 0 0;}

	/*Box Information*/
	.my_payments .content_my_payment .box_information{margin:0 0 60px;}

	.my_payments .content_my_payment .box_information_mobile{display:none;}


		/*Buttons*/
		.my_payments .content_my_payment .box_information .button{width:100px; height:30px;}

			.my_payments .content_my_payment .box_information .button span{font-size:0.625rem; letter-spacing:1px;}

	/*Box Information*/
	.my_payments .content_my_payment .content_paginator{margin:0 0 160px;}

/*Modal*/
.modal{width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; background:var(--black-08); display:flex; justify-content:center; align-items:center; opacity:0; transition:all 0.5s ease-in-out; pointer-events:none;}
.modal.show{opacity:1; pointer-events:all;}

	/*Box Payment*/
	.modal .box_payment{width:940px; display:flex; justify-content:space-between; align-items:flex-start;}

		/*Close*/
		.modal .box_payment .btn_close_modal{position:absolute; top:22px; right:25px; z-index:12; transition:all 0.5s ease-in-out;}
		.modal .box_payment .btn_close_modal:hover{transform:rotate(180deg);}

		/*Select Bank*/
		.modal .box_payment .content_select_bank{width:625px; height:575px; background:var(--white-pt); padding:50px 40px;}

			/*Heading*/
			.modal .box_payment .content_select_bank h3{font-weight:700; font-size:1.5rem; margin:0 0 5px; text-align:center;}

			/*Paragraph*/
			.modal .box_payment .content_select_bank p{font-weight:500; margin:0 0 30px; text-align:center;}

			/*Banks Grid*/
			.modal .box_payment .content_select_bank .content_banks_grid{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px 15px;}

				.modal .box_payment .content_select_bank .content_banks_grid li{height:90px; position:relative; background:var(--white);}

					/*Big Radio*/
			      	.modal .box_payment .content_select_bank .content_banks_grid li .big-label-radio{width:100%; height:100%; position:absolute; top:0; left:0; z-index:3; cursor:pointer; margin:0;}
				     	
				     	.modal .box_payment .content_select_bank .content_banks_grid li .big-label-radio input[type="radio"]{opacity:0; position:absolute; left:0; top:0; margin:0; z-index:1; cursor:pointer; width:100%; height:100%; padding:0 !important;}
				        .modal .box_payment .content_select_bank .content_banks_grid li .big-label-radio span.label_radio {position:absolute; top:0; right:0; box-sizing:border-box; background:transparent; display:inline-block; vertical-align:bottom; margin-right:0; width:100%; height:100%;}
				        .modal .box_payment .content_select_bank .content_banks_grid li .big-label-radio input[type="radio"]:checked + span{border:var(--black) 2px solid;}
				        .modal .box_payment .content_select_bank .content_banks_grid li .big-label-radio input[type="radio"]:checked + span:after{ content:''; display:block; position:absolute; top:10px; right:10px; width:17px; height:17px; background-color:var(--black); border-radius:10px; background-image:url(../../img/ic_arrow_white.svg); background-repeat:no-repeat; border:var(--black) 1px solid; background-position:center;}

				    /*Bank Background*/
			        .modal .box_payment .content_select_bank .content_banks_grid li .content_bg{height:100%; display:flex; justify-content:center; align-content:center; flex-wrap:wrap; padding:20px;}

			        	.modal .box_payment .content_select_bank .content_banks_grid li .content_bg img{height:100%; object-fit:contain;}

		/*Resume*/
		.modal .box_payment .content_resumen{width:275px; height:575px; background:var(--white-pt); padding:50px 30px; display:flex; flex-wrap:wrap; align-content:flex-start;}

			/*Logo*/
			.modal .box_payment .content_resumen .logo_pta{width:65px; margin:0 0 25px;}

			/*Heading*/
			.modal .box_payment .content_resumen h3{font-weight:700; font-size:1.125rem; margin:0 0 20px;}

			/*List Detail*/
			.modal .box_payment .content_resumen .content_list_detail{height:220px; display:flex; flex-wrap:wrap; align-content:flex-start; margin:0 0 20px; overflow:auto;}

				.modal .box_payment .content_resumen .content_list_detail li{border-bottom:var(--gray-01) 1px solid; padding:0 0 10px; margin:0 0 10px; display:flex; align-items:center; justify-content:space-between;}
				.modal .box_payment .content_resumen .content_list_detail li:last-child{border:none; padding:0;}

					/*Label*/
					.modal .box_payment .content_resumen .content_list_detail li .label{font-weight:500; font-size:0.875rem;}

					/*Price*/
					.modal .box_payment .content_resumen .content_list_detail li .price{font-weight:600; font-size:0.875rem;}
					.modal .box_payment .content_resumen .content_list_detail li .price.big{font-weight:700; font-size:1rem;}

			/*Button*/
			.modal .box_payment .content_resumen .button.disable{pointer-events:none; opacity:0.3;}

			/*Disclaimer*/
			.modal .box_payment .content_resumen .disclaimer{font-size:0.750rem; color:var(--dark-gray); margin:20px 0 0;}

		/*Box PrePaid*/
		.modal .box_prepaid{width:670px; background:var(--white); display:flex; justify-content:center; flex-wrap:wrap; padding:60px 180px;}

			/*Close*/
			.modal .box_prepaid .btn_close_modal{position:absolute; top:22px; right:25px; z-index:12; transition:all 0.5s ease-in-out;}
			.modal .box_prepaid .btn_close_modal:hover{transform:rotate(180deg);}

			/*Heading*/
			.modal .box_prepaid h3{font-family:'Noe_regular', serif; font-weight:400; font-size:2rem; margin:0 0 10px; justify-content:center;}

			.modal .box_prepaid h4{font-weight:400; line-height:1.25rem; margin:0 0 15px; text-align:center; justify-content:center;}

			/*Form*/
			.modal .box_prepaid .content_form li{margin:0 0 20px; position:relative;}
			.modal .box_prepaid .content_form li:last-child{margin:0;}

				/*Label*/
				.modal .box_prepaid .content_form li .label{font-weight:400; justify-content:center;}

				/*Input*/
				.modal .box_prepaid .content_form li input{padding:0 0 0 50px !important; box-sizing:border-box;}

				/*Symbol*/
				.modal .box_prepaid .content_form li .symbol{position:absolute; bottom:11px; left:10px; font-weight:700; font-size:0.875rem; z-index:2;}

				/*Error Msg*/
				.modal .box_prepaid .content_form li .error_msg{text-align:center; justify-content:center; font-weight:700; font-size:0.875rem; color:var(--warning); margin:20px 0 0; display:none;}
				.modal .box_prepaid .content_form li .error_msg.show{display:block;}


		/*New Password*/
		.modal .box_newpassword{width:670px; background:var(--white); display:flex; justify-content:center; flex-wrap:wrap; padding:60px 180px;}

			/*Close*/
			.modal .box_newpassword .btn_close_modal{position:absolute; top:22px; right:25px; z-index:12; transition:all 0.5s ease-in-out;}
			.modal .box_newpassword .btn_close_modal:hover{transform:rotate(180deg);}

			/*Heading*/
			.modal .box_newpassword h3{font-family:'Noe_regular', serif; font-weight:400; font-size:2rem; margin:0 0 30px; justify-content:center;}

			/*Form*/
			.modal .box_newpassword .content_form{}

				.modal .box_newpassword .content_form li{position:relative; margin:0 0 20px; justify-content:space-between;}
				.modal .box_newpassword .content_form li:last-child{margin:0;}
				.modal .box_newpassword .content_form li:last-child{margin:20px 0 0;}

					/*Hide Msg*/
					.modal .box_newpassword .content_form li .hide_text{align-items:center; justify-content:center; transition:all 0.5s ease-in-out; opacity:0;}
					.modal .box_newpassword .content_form li.show .hide_text{opacity:1;}

						.modal .box_newpassword .content_form li .hide_text .text{font-weight:600; font-size:0.813rem; font-style:italic; margin:0 0 0 10px;}

					/*Warning*/
					.modal .box_newpassword .content_form li .warning_text{padding:10px 15px; background:var(--soft-gray-3); display:flex; align-items:center; justify-content:space-between;}

						.modal .box_newpassword .content_form li .warning_text img{margin:0 10px 0 0;}

						.modal .box_newpassword .content_form li .warning_text span{width:90%; line-height:1.2; font-weight:500; font-size:0.813rem; font-style:italic;}

							.modal .box_newpassword .content_form li .warning_text span a{font-weight:700;}


/*Media Query 1300px*/
@media (max-width: 1300px) {

	/*GENERAL*/

		/*Grid*/
		.content_grid .hd{padding:0 20px 0 10px;}

		.content_grid .information{padding:0 20px 0 10px;}

			.content_grid .information li span{font-size:0.750rem;}

			/*9 Columns*/
			.content_grid.nine_col .hd,
			.content_grid.nine_col .information{grid-template-columns:40px 170px repeat(7, 1fr);}

	/*LAYOUT*/
	.center_content{width:990px;}

	/*RECOVER PASSWORS*/

		.password .content_recover .box .btn_back{left:-250px;}

}

/*Media Query Ipad Landscape*/
@media (max-width: 1100px) {

	/*GENERICS*/

		/*Cursor*/
		.cursor-dot,
		.cursor-dot-outline{display:none;}

	/*RECOVER PASSWORS*/

		.password .content_recover .box .btn_back{left:-200px;}

}


/*Media Query Mobile*/
@media (max-width: 1000px) {

	/*GENERICS*/

		/*Toast*/
		.content_toast{}

			/*Center*/
			.content_toast .center_content{width:100%; float:left; padding:0 25px;}

				.content_toast .center_content .texts{width:80%;}	

		/*Toast Action*/
		.toast_action{height:auto; padding:20px 10px;}

			.toast_action .center_content{padding:0 10px;}

				/*Detail*/
				.toast_action .detail{width:100%; font-size:0.875rem; margin:0 0 10px; text-align:center;}

				/*Content*/
				.toast_action .content{width:100%; flex-wrap:wrap; justify-content:center;}

					/*Ammount*/
					.toast_action .ammount{font-size:0.875rem; margin:0 10px 10px 0;}
					.toast_action .ammount:last-child{margin:0 0 10px;}

					/*Button*/
					.toast_action .button{width:100%;}

				/*Input Check*/
				.toast_action .label-check{margin:0;}

					.toast_action .label-check input[type="checkbox"]{width:20px; height:20px;}
					.toast_action .label-check span.label_check{width:20px; height:20px; margin:0 20px 0 0; border:var(--white) 1px solid; background:var(--white);}
					.toast_action .label-check input[type="checkbox"]:checked + span::after{background-color:var(--white); width:20px; height:20px; background-image:url(../../img/ic_check_black.svg); background-repeat:no-repeat; background-position:center 5px;}
					.toast_action .label-check .text{color:var(--white);}

	/*LAYOUT*/
	.center_content{width:100%;}

	/*LOGO*/
	.logo{height:55px; margin:30px 0;}

	/*LOGIN*/

		.login .content_login .box{width:calc(100% - 40px); height:auto; padding:35px 20px;}

			.login .content_login .box h2{font-size:2rem;}

			.login .content_login .box h3{margin:0 0 15px;}

				.login .content_login .box ul li .label-check{order:2; width:100%;}

				.login .content_login .box ul li .link_remember{margin:0 0 25px;}

					.login .content_login .box ul li .link_remember::before{bottom:-4px; height:1px;}

				.login .content_login .box ul li:last-child{margin:0;}

	/*RECOVER PASS*/

		.password .content_recover .box{width:calc(100% - 40px); height:auto; padding:35px 20px;}

			.password .content_recover .box .btn_back{width:50px; height:30px; left:0; top:-50px;}

				.btn_back span{display:none;}

			.password .content_recover .box h2{font-size:2rem; justify-content:center; line-height:1;}

			.password .content_recover .box ul li .hide_text{display:none;}
			.password .content_recover .box ul li.show .hide_text{display:flex;}

				.password .content_recover .box ul li .hide_text .text{width:100%; margin:10px 0 0; text-align:center;}

			.password .content_recover .box ul li .warning_text{justify-content:center; padding:10px;}

				.password .content_recover .box ul li .warning_text img{margin:0 0 5px;}

				.password .content_recover .box ul li .warning_text span{width:100%; text-align:center;}

	/*HEADER*/

		header.generic_hd nav{padding:20px 15px 0; top:0; justify-content:flex-end; z-index:30;}

			/*Burger Menu*/
			header.generic_hd nav .btn_burger{display:block; width:20px; height:17px; position:relative; z-index:9; pointer-events:all; margin:3px 0 0;}

				header.generic_hd nav .btn_burger::after{width:100%; height:1px; position:absolute; top:0; right:0; content:'';}

				header.generic_hd nav .btn_burger::before{width:100%; height:1px; position:absolute; bottom:0; right:0; content:'';}

				header.generic_hd nav .btn_burger span{width:100%; height:1px; position:absolute; top:0; bottom:0; right:0; margin:auto; font-size:0;}

					header.generic_hd nav .btn_burger span::before{width:20px; height:1px; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; content:'';}

					/*Colors*/
					header.generic_hd nav .btn_burger::after,
					header.generic_hd nav .btn_burger::before,
					header.generic_hd nav .btn_burger span,
					header.generic_hd nav .btn_burger span::before{background:var(--black-pt);}

						header.generic_hd nav .btn_burger.open::after,
						header.generic_hd nav .btn_burger.open::before,
						header.generic_hd nav .btn_burger.open span,
						header.generic_hd nav .btn_burger.open span::before{background:var(--white-pt);}

					/*Animations*/
					header.generic_hd nav .btn_burger::before,
					header.generic_hd nav .btn_burger::after{transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; will-change:opacity; transition-delay:0.5s; -webkit-transition-delay:0.5s;}

					header.generic_hd nav .btn_burger.open::before,
					header.generic_hd nav .btn_burger.open::after{opacity:0; transition-delay:0s; -webkit-transition-delay:0s;}

					header.generic_hd nav .btn_burger span{transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; will-change:transform; transition-delay:0.35s; -webkit-transition-delay:0.35s;}
					header.generic_hd nav .btn_burger.open span{transform:rotate(45deg); -webkit-transform:rotate(45deg);}

						header.generic_hd nav .btn_burger span::before{transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; will-change:transform; transition-delay:0.35s; -webkit-transition-delay:0.35s;}
						header.generic_hd nav .btn_burger.open span::before{transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}

			/*List*/
			header.generic_hd nav ul{position:absolute; top:0; left:0; background:var(--black-pt); clip-path:inset(0 0 100% 0); pointer-events:none; transition:all 0.5s ease-in-out;}
			header.generic_hd nav.open ul{clip-path:inset(0 0 0 0); pointer-events:all;}

				header.generic_hd nav ul li{width:100%; margin:0 0 45px; flex-wrap:wrap;}
				header.generic_hd nav ul li.logo_mobile{display:flex; justify-content:center; margin:25px 0 45px;}

					header.generic_hd nav ul li.logo_mobile img{width:55px;}

					header.generic_hd nav ul li .link{width:100%; margin:0 0 45px; justify-content:center;}
					header.generic_hd nav ul li .link:last-child{margin:0;}

						header.generic_hd nav ul li .link span{color:var(--white); font-size:1.125rem;}

						header.generic_hd nav ul li .link img{display:none;}

						header.generic_hd nav ul li .link::before{display:none;}

		header.generic_hd .content_information .content_store_information img{width:55px;}

		header.generic_hd .content_information .content_store_information .brand_text{font-size:1.750rem; padding:0 20px;}

		header.generic_hd .content_information .content_store_information .small_text br{display:none;}

		header.generic_hd .content_information .content_button{width:100%; position:relative; margin:25px 0 0; padding:0 15px;}

			header.generic_hd .content_information .content_button .button{width:100%;}

	/*DASHBOARD*/

		.dashboard .content_dashboard{padding:0 15px;}

			.dashboard .content_dashboard .content_brands li{width:100%; margin:0 0 10px;}

				.dashboard .content_dashboard .content_brands li a{height:60px; padding:0 20px;}

					.dashboard .content_dashboard .content_brands li a .text{font-size:1.125rem;}

					.dashboard .content_dashboard .content_brands li a img{width:23px;}

	/*PAYMENT*/

		/*Payment Content*/
		.payment .content_payment{display:none;}
		.payment.payment_success .content_payment{display:block;}

			/*Payment Success*/
			.payment.payment_success .content_payment .center_content{width:calc(100% - 40px);}

				.payment.payment_success .content_payment .content_box{padding:30px 35px;}

					.payment.payment_success .content_payment .content_box ul{padding:0;}

		/*Payment Content Mobile*/
		.payment .content_payment_mobile{display:flex; padding:0 15px; margin:45px 0 170px;}

			/*Item*/
			.payment .content_payment_mobile .content_item{margin:0 0 20px;}
			.payment .content_payment_mobile .content_item:last-child{margin:0;}

				/*Heading//Action*/
				.payment .content_payment_mobile .content_item .content_heading_actions{justify-content:space-between; align-items:center;}

					/*Line*/
					.payment .content_payment_mobile .content_item .content_heading_actions::before{width:100%; height:3px; position:absolute; bottom:-2px; left:0; background:var(--white); content:'';}

					/*Heading*/
					.payment .content_payment_mobile .content_item .content_heading_actions h3{font-weight:700; font-size:1.125rem;}
					.payment.payment_group .content_payment_mobile .content_item .content_heading_actions h3{width:230px; display:flex; flex-wrap:wrap; margin:0 0 10px;}
					
						.payment.payment_group .content_payment_mobile .content_item .content_heading_actions h3 span{width:100%; font-weight:500; font-size:0.875rem;}

					/*Actions*/
					.payment .content_payment_mobile .content_item .content_heading_actions .content_actions{display:flex; align-items:center;}

						/*Button Open Close*/
						.payment .content_payment_mobile .content_item .content_heading_actions .content_actions .btn_open_close_accordion_mobile{width:20px; height:20px; z-index:2; font-size:0; margin:0 50px 0 0;}
						.payment.payment_group .content_payment_mobile .content_item .content_heading_actions .content_actions .btn_open_close_accordion_mobile{margin:0;}

							.payment .content_payment_mobile .content_item .content_heading_actions .content_actions .btn_open_close_accordion_mobile::before{width:3px; height:100%; position:absolute; top:0; left:0; right:0; margin:auto; background:var(--black); content:''; transition:all 0.35s ease-in-out;}
							
								.payment .content_payment_mobile .content_item.show .content_heading_actions .content_actions .btn_open_close_accordion_mobile::before{transform:scaleY(0);}

							.payment .content_payment_mobile .content_item .content_heading_actions .content_actions .btn_open_close_accordion_mobile::after{width:100%; height:3px; position:absolute; top:0; left:0; bottom:0; margin:auto; background:var(--black); content:'';}

						/*Check*/
						.payment .content_payment_mobile .content_item .content_heading_actions .content_actions .label-check{margin:0; background:var(--white); padding:15px 15px 10px;}

							.payment .content_payment_mobile .content_item .content_heading_actions .content_actions .label-check span.label_check{margin:0;}
							.payment .content_payment_mobile .content_item .content_heading_actions .content_actions .label-check input[type="checkbox"]{width:20px; height:20px;}
							.payment .content_payment_mobile .content_item .content_heading_actions .content_actions .label-check span.label_check{width:20px; height:20px; margin:0;}
							.payment .content_payment_mobile .content_item .content_heading_actions .content_actions .label-check input[type="checkbox"]:checked + span::after{background-color:var(--black); width:20px; height:20px; background-image:url(../../img/ic_check.svg); background-repeat:no-repeat; background-position:center 5px;}


				/*Information*/
				.payment .content_payment_mobile .content_item .content_information{background:var(--white); padding:0 20px; max-height:0; overflow:hidden; align-content:flex-start; transition:all 0.5s ease-in-out;}
				.payment .content_payment_mobile .content_item.show .content_information{max-height:175px; padding:25px 20px;}
				.payment.payment_group .content_payment_mobile .content_item.show .content_information{margin:0 0 5px;}

					.payment .content_payment_mobile .content_item .content_information li{justify-content:space-between; margin:0 0 15px; align-items:center;}
					.payment .content_payment_mobile .content_item .content_information li:last-child{margin:0;}

						/*Label*/
						.payment .content_payment_mobile .content_item .content_information li .label{font-weight:500; font-size:0.625rem; text-transform:uppercase;}

						/*Data*/
						.payment .content_payment_mobile .content_item .content_information li .data{text-align:right; font-weight:700; font-size:0.875rem;}

						/*Input*/

							.payment .content_payment_mobile .content_item .content_information li .content_input input{padding:0 0 0 40px !important; height:20px;}

							.payment .content_payment_mobile .content_item .content_information li .content_input .label{position:absolute; left:2px; bottom:0px; font-weight:700; font-size:0.875rem;}

				/*Total Box*/
				.payment .content_payment_mobile .content_total_box{justify-content:space-between; margin:0 0 40px;}

					/*Label//Ammount*/
					.payment .content_payment_mobile .content_total_box .label,
					.payment .content_payment_mobile .content_total_box .ammount{font-weight:800; font-size:1.125rem;}

					/*Button*/
					.payment .content_payment_mobile .content_total_box .button{margin:15px 0 0; height:35px;}

	/*MY PAYMENTS*/

		/*Dates*/
		.my_payments .content_my_payment .content_select_dates{margin:25px 0; padding:0 15px;}

			.my_payments .content_my_payment .content_select_dates ul{justify-content:space-between;}

				.my_payments .content_my_payment .content_select_dates ul li{width:49%; margin:0;}

					.my_payments .content_my_payment .content_select_dates ul li input[type="date"]{width:100%;}

		/*Information*/
		.my_payments .content_my_payment .box_information{display:none;}

		.my_payments .content_my_payment .box_information_mobile{display:flex; padding:0 15px; margin:0 0 30px;}

			.my_payments .content_my_payment .box_information_mobile ul li{background:var(--white); padding:20px; margin:0 0 10px;}
			.my_payments .content_my_payment .box_information_mobile ul li:last-child{margin:0;}

				.my_payments .content_my_payment .box_information_mobile ul li .content{justify-content:space-between; margin:0 0 15px; align-items:center;}
				.my_payments .content_my_payment .box_information_mobile ul li .content:last-child{margin:0;}

					.my_payments .content_my_payment .box_information_mobile ul li .content .label{font-weight:500; font-size:0.625rem; text-transform:uppercase;}

					.my_payments .content_my_payment .box_information_mobile ul li .content .data{font-weight:700; font-size:0.875rem;}

					.my_payments .content_my_payment .box_information_mobile ul li .content .label-check span.label_check{margin:0;}
					.my_payments .content_my_payment .box_information_mobile ul li .content .label-check input[type="checkbox"]{width:20px; height:20px;}
					.my_payments .content_my_payment .box_information_mobile ul li .content .label-check span.label_check{width:20px; height:20px; margin:0;}
					.my_payments .content_my_payment .box_information_mobile ul li .content .label-check input[type="checkbox"]:checked + span::after{background-color:var(--black); width:20px; height:20px; background-image:url(../../img/ic_check.svg); background-repeat:no-repeat; background-position:center 5px;}


					.my_payments .content_my_payment .box_information_mobile ul li .button{height:30px;}

						.my_payments .content_my_payment .box_information_mobile ul li .button span{font-size:0.625rem; letter-spacing:1px;}

		/*Paginator*/
		.my_payments .content_my_payment .content_paginator{padding:0 15px;}

		/*Toast*/
		.my_payments .toast_action .label-check{width:100%; margin:0 0 20px;}


	/*MODAL*/

		/*Prepaid*/
		.modal .box_prepaid{width:calc(100% - 40px); padding:60px 25px 50px;}

			.modal .box_prepaid .btn_close_modal{width:20px; top:20px; right:0; left:0; margin:auto;}


		/*Prepaid*/
		.modal .box_newpassword{width:calc(100% - 40px); padding:60px 25px 50px;}

			.modal .box_newpassword .btn_close_modal{width:20px; top:20px; right:0; left:0; margin:auto;}

		/*Payment*/
		.modal.payment{align-items:flex-start; overflow:scroll;}

			.modal .box_payment{width:100%; padding:20px 25px 50px; flex-wrap:wrap;}

				.modal .box_payment .btn_close_modal{right:40px; top:40px;}

				.modal .box_payment .content_select_bank{width:100%; height:auto; margin:0 0 10px; padding:40px 10px 15px;}

					.modal .box_payment .content_select_bank h3{justify-content:center;}

					.modal .box_payment .content_select_bank .content_banks_grid{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px 15px;}

						.modal .box_payment .content_select_bank .content_banks_grid li{height:75px;}

				.modal .box_payment .content_resumen{width:100%; height:auto;}

					.modal .box_payment .content_resumen .disclaimer{text-align:center;}

}