/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root{
	--btn-color: #b41e1a;
}
.slides #slide_ctnr .slide{
	float: left;
}

.wapper{
	position: relative;
	z-index: 2;
}
.wapper::before{
	right: -5%;
    position: absolute;
    bottom: 11%;
	background: url(/addons/default/themes/cpraed/img/wizard/images/cross.png) no-repeat;
	content: '';
	width: 205px;
	height: 205px;
}
.wrap-desktop {
	display: block;
}
.wrap-mobile {
	display: none;
}
/*  reponsive  */
@media only screen and (max-width: 1024px){
	.wrap-desktop {
		display: none;
	}
	.wrap-mobile {
		display: block;
	}
}

.arrow_btn{
	margin-top: 170px;
	position: absolute;
	/*padding: 10px;*/
	width: 50px ;
	height: 50px;
	background: #cccccc;
	cursor: pointer;
	z-index: 99;
}

.arrow_btn:hover{
	opacity: 0.8;
	background: #000000;
}

.arrow_btn.ar{
	right: 20px;
}

.slidebanner { position: relative; overflow: auto;border-bottom: 3px solid #004c77;}
.slidebanner li { list-style: none; }
.slidebanner ul li { float: left; }

/*** Added by Kelvin 2015-01-05 ***/

.course_details{
	font-size: 18px;
	float: right;
	width: 180px;
	text-align:left;
	position: absolute;
	right: 0;
	line-height: 18px;
}

.course_table_p td {
	line-height: 25px;
	font-size: 16px;
}

.td_index {
	vertical-align:top;
}

.course_details ul{
	padding-left: 15px;

}


.course_details ul li{
	padding-bottom: 5px;

}


.page_title_blue{
	color:#125586;
	padding-top: 15px;
	padding-bottom: 15px;
}

#mainmenu{
	width: 100%;
	border-bottom: 1px solid #EAEAEA;
	background: #FFFFFF;
	/*background: #e6e4e4 -webkit-linear-gradient(#f1f1f1, #e6e4e4);
    background: #e6e4e4 -o-linear-gradient(#f1f1f1, #e6e4e4);
    background: #e6e4e4 -moz-linear-gradient(#f1f1f1, #e6e4e4);
    background: #e6e4e4 linear-gradient(#f1f1f1, #e6e4e4); 	*/

}

#mainmenu_container{

	margin: 0 auto;
	position: relative;
	width: 100% !important;
	max-width: 1150px;
}

.slideLg_text{
	font-size: 35px;
}

.slideHg_text{
	font-size: 40px;
}

#cpr_header #cpr_header_center{
	width: 100% !important;
	margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    display: flex;
    padding: 10px 30px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
	max-width: 1200px;
}

#slider{
	width: 100%;
	border-bottom: 3px solid #004c77;
	background: #e6e4e4 -webkit-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 -o-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 -moz-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 linear-gradient(#f1f1f1, #e6e4e4);

}

#slider_container{
	background:#ffffff;
	max-height: 400px;
	min-height: 400px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: auto;
}

#gd_bg{
	margin: 0 auto;
	margin-top: -125px;
	position: relative;
	width: 100%;
	text-align:center;
}

#gd{
	width: 100%;
	border-bottom: 3px solid #004c77;
	background: #e6e4e4 -webkit-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 -o-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 -moz-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 linear-gradient(#f1f1f1, #e6e4e4);

}

#gd_container{
	background:none;
	max-height: 860px;
	min-height: 850px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: auto;
}

#hiw, #hiw_register, #hiw_login, #hiw_pay{
	width: 100%;
	background: #e6e4e4 -webkit-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 -o-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 -moz-linear-gradient(#f1f1f1, #e6e4e4);
	background: #e6e4e4 linear-gradient(#f1f1f1, #e6e4e4);

}

/* add video */
h2.how_register{
	text-shadow: none;
	padding: 10px;
	width: 71%;
	margin: 0 auto;
}
#slide1_text_register div#video_player_register{
	top: unset;
}
#hiw_container_pay{
	border-bottom: 3px solid #004c77;
	padding-bottom: 20px;
}
/* end add video */


#hiw_container, #hiw_container_register, #hiw_container_login, #hiw_container_pay{
	background:#ffffff;
	max-height: 800px;
	min-height: 500px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: auto;
}

#slide1{
	width:100%;
	margin-top: -145px;
	position: relative;
}

#slide1_text, #slide1_text_register, #slide1_text_pay, #slide1_text_login{

	width:1082px;
	margin: 0 auto;

	position: relative;
}

.slide_text{
	width:1082px;
	margin: 0 auto;
	font-size: 30px;
	font-weight: bold;
	font-family: Arial;
	color: #ffffff;
	text-shadow: 2px 2px 5px #000000;
}

.slide_text .red_button{
	box-shadow: 0px 0px 5px #000000;
}

#slider_text_container{
	max-height: 400px;
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
}


#slider_footer_bottom_border{
	/*background: url('/assets/img/slider_footer_bottom_border.jpg') top center repeat-x;*/
	height: 5px;
	width: 100%;
	background-color: #FFFFFF;
	display: none;
}

#slider_footer{
	width: 100%;
	border-bottom: 1px solid #eeeeee;
	background: #e9e9e9 ;

}

#slider_footer_container{

	height: 50px;
	margin: 0 auto;
	position: relative;
	width: 1082px;
}


.selectedCourse_v2{
	background: #eee !important;
	color: #000;
}

.course_chapters li:hover{
	background: #8c8c8c !important;
	color: #ffffff !important;
}

.top_content{
	width: 100%;
	padding-top: 20px;
}

.right_content td img, .cprborder, .lightborder{
	box-shadow: 0px 0px 2px 2px #cccccc;
	border: 10px solid #fefefe !important;
	margin: 10px 5%;
}

ul{

}

.td_lineheight td{
	padding-bottom: 10px;
}

.right_content ol li {
	color: #000;
	float: none;
	font-size: 16px;
}

.menuprefix{
	letter-spacing: normal;
}

.menu_header{
	font-size: 18px;
	color: #125586;
	font-family: arial;
	padding: 10px 0 10px 5px ;
	border-bottom: 1px solid #000;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 10px;
}
.left_sidebar{
	font-family: "Inter";
	font-weight: 400;
	width: 340px !important;
	margin-right: 20px ;
	box-sizing: border-box;
}
.videos{
	border-left: 1px solid #cccccc;
	min-height: 350px;
	padding: 20px;
	margin-top: 20px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;

}

.videos_v2{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	box-sizing: border-box;
}
.videos_v2 iframe , .videos_dv2  iframe {
	width: 100%;
	min-height: 400px;
	max-width: 768px;
}

#video_player{
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -300px;
	margin-left: -400px;
	width: 800px;
	height: 474px;
	overflow:hidden;
	background: #ffffff;
	border: 1px solid #ccc;
}


.close_video{
	float: right;
	padding-top: 2px;
	padding-right: 5px;
}

.video_bar{
	height:25px;
	width: 100%;
	background: -webkit-linear-gradient(#f5f5f5, #eaeaea); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f5f5f5, #eaeaea); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f5f5f5, #eaeaea); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f5f5f5, #eaeaea); /* Standard syntax */
}

.video_title{
	color:#025faa;
	font-style:italic;
	font-weight: bold;
}

.videobox{
	text-align:left;
	width: 250px;
	cursor: pointer;
	position: relative;

}


.playbutton{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -30px;

}

.videobox:hover{

}

.closeImgLightbox{
	cursor: pointer;
}

.imageHolder{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.2;
	top: 0;
	left: 0;
}

.imageContainer{
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	height: auto;
	background: #ffffff;
	border: 1px solid #eeeeee;
}

ol li{
	padding-bottom: 10px;
	line-height: 25px;
}

.lightbox_img{
	cursor: pointer;
	color: #06F;
}


.videos_title{
	color: #025faa;
	font-size: 14px;
}

.bluebox{
	border: 2px solid #03C;
	padding: 5px;
}

.blueTable{
	border-top: 2px solid #03C;
	border-left: 2px solid #03C;
}

.blueTable td{
	border-bottom: 2px solid #03C;
	border-right: 2px solid #03C;
	padding: 7px;
	font-size: 16px;
}

ul.noindent{
	padding-left: 15;
}

ul.noindent li{
	padding-bottom: 10px;
}

.noborderTable td{
	padding-bottom: 5px;
	font-size: 16px;
}


.lightborder{
	border: 1px solid #eee;
	padding: 6px;
}

.noborderTable td img{
	border: 1px solid #eee;
}

.lightbluetext{
	color: #06F;
}

.redtext{
	color:#c82825;
}

.bluetext{
	color:#006088;
}

.noshadow{
	text-shadow: none;
}

.tableText td{
	font-size: 13px;
}

.topalign{
	vertical-align: top;
}

.course_chapters{
	margin : 0;
	background : none repeat scroll 0 0 rgba(0, 0, 0, 0);
	list-style: outside none none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 0 0 5px 5px;
}

/* START OVERRIDE OF #leftVernavNew and .leftVernavNew li */

.leftVernavNew{
	float: none !important;
	width: auto;
}

.course_chapters li a{
	font-size: 15px !important;
	display: block;
	padding: 10px 5px 10px 5px;
	background: #fff;
	line-height: 20px;
    border-bottom: 1px solid #ccc;
	font-family: "Inter";
	font-weight: 500;
}

.course_chapters li a:hover{

	background: #8c8c8c !important;

}

/* END OVERRIDE OF .leftVernavNew li */


.listBox{
	padding: 5px;
	border: 2px solid #03C;
	width: auto;
}

.course_name{
	float: left;
	width: auto;
	padding-right: 10px;
}

.arrow-up {
	margin-top: 7px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	float: left;
	border-bottom: 5px solid black;
}

.hide_class_menu{
	display: none;
}

.arrow-down {
	margin-top: 7px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	float: left;
	border-top: 5px solid black;
}

.course_menu_title{
	cursor: pointer;
	border-radius: 5px 6px 0 0;
	border: 1px solid #ccc;
	padding: 10px 0 10px 5px;
	font-family: "Inter";
	font-weight: bold;
	background: -webkit-linear-gradient(#f5f5f5, #eaeaea); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f5f5f5, #eaeaea); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f5f5f5, #eaeaea); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f5f5f5, #eaeaea); /* Standard syntax */
}

.course_h1{
    font-size: 28px;
    font-family: "Inter";
    font-weight: 700;
    background: #17354E;
    color: #ffff;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 30px;
	line-height: 30px;
}

.chapter_h2{
	color: #000;
	font-family: "Inter";
    font-weight: 700;
	font-size: 26px;
	text-transform: uppercase;
	line-height: 35px;
}

/*** End of By Kelvin 2014-0708 */

.fb_button{
	background: linear-gradient(#4c69ba, #3b55a0) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: #4c69ba;
	background: #4c69ba -webkit-linear-gradient(#4c69ba, #3b55a0); /* For Safari 5.1 to 6.0 */
	background: #4c69ba -o-linear-gradient(#4c69ba, #3b55a0); /* For Opera 11.1 to 12.0 */
	background: #4c69ba -moz-linear-gradient(#4c69ba, #3b55a0); /* For Firefox 3.6 to 15 */
	background: #4c69ba linear-gradient(#4c69ba, #3b55a0); /* Standard syntax */
	border-color: #4c69ba;
	border-radius: 2px;
	color: #fff;
	font-family: Arial;
	text-shadow: 0 -1px 0 #354c8c;
	padding: 5px;
	font-weight: bold;
}


.fb_button:hover{
	background: #4c69ba;
}

.fb_button div{
	float: left;
}

.fb_button .fb_text{
	margin-left: 8px;
}

/**** End of Add Kelvin ***/

#user_details{
	overflow:hidden;
}

body{
	background: #f7f7f7;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#login_div{
	float: right;
	margin-right: 13%;
	text-align: right;
	display: inline-flex;
	margin-top: 31px;
	display: inline-flex;
}

#cpr_container{
	height: auto;
	background: #FFF;
	margin: 0 auto;
	padding-bottom: 100px;
}

.placeholder{
	color:#ccc;
}

.company_name{
	color:#234973;
	font-size: 28px;
	font-family: "Times New Roman", Times, serif;

}

.page_title{
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding-bottom: 10px;
	text-align: left;
}

.page_subtitle {
	color: #0b5582;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
}
#student_profile_box{
	display: inline-flex;
}

.slogan {
	color:#C33;
	font-size: 16px;
	font-weight: bold;
}

#inner_container{
	margin-left: -7px;
	max-width: 1180px;
	width: 100%;
	min-height: 810px;
	height: 100%;
	text-align: left;
	clear: both;
}

#inner_container table td{
	vertical-align: top;
}

.uppercase {
	text-transform: uppercase;
	font-family: arial;
}

.special{
	font-size: 18px;
	letter-spacing: -0.2px;
	font-weight: 700;
}

.subSpecial{
	font-size: 11px;
	letter-spacing: 0;
}

.redText{
	color:#c82825;
}

.greenText{
	color:#0C3;
}

.red_button a{
	color: #fff;
}

.subscribe_btn{
	border-radius: 4px;
	background: #c82825;
	color: #fff;
	text-transform: uppercase;
	font-family: Arial;
	padding: 7px 15px !important;
	float: right;
}

.body-box{
	margin-top: 20px;
	box-shadow: 0px 0px 5px #888888;
	width: 910px;
	border: 1px solid #eeeeee;
	height: auto;
	text-align: left;
	padding: 8px;
	margin-left: 17px;
}

.body-box_v2{
	border: 1px solid #eeeeee;
	box-shadow: 0 0 5px #888888;
	height: auto;
	margin-left: 17px;
	margin-top: 20px;
	padding: 8px;
	text-align: left;
	width: 880px;
}

.body-box_v3{
	border: 1px solid #eeeeee;
	box-shadow: 0 0 5px #888888;
	height: auto;
	margin-top: 20px;
	text-align: left;
	width: 930px;
}

.body-box-no-margin{
	margin-top: 0px;
	box-shadow: 0px 0px 5px #888888;
	width: 1030px;
	border: 1px solid #eeeeee;
	height: auto;
	text-align: left;
	padding: 8px;
}

.no-margin-top{
	margin-top: 0px;
	margin-top: -15px;
}

.red_text{
	color: #C00;

}

.steps_list{
	padding-left: 20px;
	font-size: 15px;
	height: 32px;
	vertical-align: middle;
	display: table-cell;
}

.steps_list div{
	float: left;
}

.steps_list .step_img{
	margin-top: 0px !important;
}

.steps_list .step_text{

	margin-top: 3px !important;
}

#steps div{
	margin-top: 15px;
	float: left;
	color: #125586;
}

.steps_title{
	padding-left: 20px;
	font-size: 20px;
}

.copyright{
	font-size:18px;
	text-align: center;
}

.section_title{
	padding-bottom: 15px;
}

.td_top td{
	vertical-align: top;
}

.li_padding li{
	padding-bottom: 5px;
}

.pad10{
	padding: 10px;
}

.padvert{
	padding-top: 10px;
	padding-bottom: 10px;
}

.bb{
	border-bottom: 1px solid #000000;
}

.f18{
	font-size: 18px;
}

.f22{
	font-size: 22px;
}

.f20{
	font-size: 16px;
}

.f24{
	font-size: 24px;
}

.f25{
	font-size: 25px;
}

.footer_img{
	padding-bottom: 25px;
	padding-right: 25px;
}

#footer_icons div{
	float: left;
	padding-right: 20px;
}

#footer_content{
	margin: 0 auto;
	padding-top: 15px;
	width: 1082px;
}

#footer_container{
	background: #e8e8e8 url('/assets/img/footer-bg.jpg') top left repeat-x;
	width: 100%;
	height: auto;
	text-align: left;
	margin-left: -6px;
	color: #333333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}

.footer_separator{
	width: 1px;
	/* height:  */
	background: url('/addons/default/themes/cpraed/img/v2/footer/separator.png') top center no-repeat;
}

.footer_box{
	padding: 20px;
	float: left;
}


.footer_box ul{
	list-style-type: none;
}

.footer_box ul li{
	margin-bottom: 10px;
}

.footer_box_250{
	width: 250px;
}

.footer_box_300{
	width: 300px;
}

.footer_box_200{
	width: 200px;
}

.footer_box_175{
	width: 175px;
}

.footer_box_185{
	width: 185px;
}

.footer_box_180{
	width: 180px;
}

.footer_box_190{
	width: 190px;
}


#newsletter_signup input{
	border: none;
	padding: 5px;
}

#newsletter_signup input[type=text]{
	width: 200px;
}

#newsletter_signup td{
	padding-bottom: 20px;
}

#newsletter_signup{
	color: #fff;
}


.body-box-ctnr{
	padding: 10px 15px;
	background: url('/addons/default/themes/cpraed/img/v2/backgrounds/box-pattern.jpg');

}

.body-box-ctnr_v3{
	padding: 10px;
}

.body-box-ctnr_v2{
	padding: 10px 15px;
}

.body-box-ctnr_sp{
	background: url("/addons/default/themes/cpraed/img/v2/backgrounds/box-pattern.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 5px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	width: 98%;
}

.body-box-ctnr-banner{
	overflow:hidden;
	width: 100%;
	height: 307px;
}

.red_button{
	background: #c82825;
	border-radius: 6px;
	padding: 3px 8px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-family: arial;
	height: auto;
	cursor: pointer;
	border: 1px solid #ffffff;
	text-shadow: none;
}

.blue_button{
	background-color: #006699;
	border: 1px solid #0b5582;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-right: 8px;
	margin-top: 1px;
	padding: 5px 10px;
	text-decoration: underline;
	text-transform: uppercase;
}


.footer_title{
	font-size: 16px;
	font-weight: bold;
	font-family: Arial;
}

.cpr_bls{
	font-size: 16px;
	font-weight: normal;
}

.cpr_green{
	color: #9dc32a;
}

.cpr_red{
	color: #c82825;
}

.cpr_blue{
	color: #125586;
}

.cpr_black{
	color: #2d2d2d;
}


.cpr_black li{
	line-height: 30px;
}

.italic{
	font-style:italic;
}

.bold{
	font-weight: bold;
}

.acceptance_text{

	clear: both;

}

.action-button-text{
	position: absolute;
	z-index: 2 !important;
}

.action-button-overlay{
	background: #c82825 url("/addons/default/themes/cpraed/img/v2/backgrounds/action-button-bg.jpg") no-repeat scroll center top;
	z-index: 1 !important;
	position: absolute;
	width: 107px;
	height: 42px;
	margin-left: -18px;
	/* opacity: .5; */
	top: 0;
	/* background: #FF0000 !important;  #c82825 */
	color: #ffffff !important;
}

.menu-item:hover{
	/* background: #ffffff url("/addons/default/themes/cpraed/img/v2/backgrounds/hover-button-bg.png") repeat-x top left; */
	/* z-index: 1 !important; */
	/* opacity: .5; */
	/* background: #FF0000 !important;  #c82825 */
	/* color: #ffffff !important; */
}

/*
@font-face{
    font-family: Arial;
    src: url('/application/design/fonts/TrebuchetMS.ttf');
}
*/

.cpr_font{
	font-family: Arial;
}

.cpr_font_v2{
	color: #4d4d4d;
	font-family: Arial;
}


div.float_left{
	float: left;
}

div.float_right{
	float: right;
}

div.horz_list{
	height: auto;
}

div.horz-list-item{
	margin-top: 7px;
	padding-right: 20px;
}

.horz_icon{
	margin-left: -7px;
}

.red_button div{
	float: left;
}

#ads-box-1{
	background: #fff url('/addons/default/themes/cpraed/img/v2/backgrounds/ads-1.png') top center no-repeat;

}

#ads-box-2{
	background: #fff url('/addons/default/themes/cpraed/img/v2/backgrounds/ads-2.png') top center no-repeat;
	background-size: 260px;
}

#ads-box-3{
	background: #fff url('/addons/default/themes/cpraed/img/v2/backgrounds/ads-3.png') top center no-repeat;
	background-size: 245px;
}

.ads-box{
	border: 1px solid #ccc;
	width: 290px;
	height: 300px;
	margin-right: 27px;
	background: #fff;
}

.ads-box.last{
	margin-right: 0px;
}

.ads-title{
	padding: 7px 3px;
	font-size: 18px;
	font-family: Arial;
	text-align: center;
}

.ads-details{

	font-family: Arial;
	font-size: 14px;
	margin-left: 5px;
	margin-top: 180px;

}

.ads-details ul li{
	margin-left: 20px;
}

/*
.course-box{
    border: 1px solid #9dc32a;
    width: 300px;
    height: 300px;

    margin-right: 47px;
    margin-bottom: 30px;
}
*/

.course_img{
	bottom: 0;
	float: left;
	left: 0;
	position: absolute;
}

.course-box {
	border: 1px solid #9dc32a;
	height: 260px;
	margin-bottom: 20px;
	margin-right: 20px;
	position: relative;
	width: 335px;
}

.course-box_details {
	position: relative;

	background: url('/assets/img/course-bg.jpg') top center no-repeat;
	height: 263px;
	margin-bottom: 20px;
	margin-right: 27px;
	width: 290px;
}

.course-box_details_v2{
	height: 263px;
	margin-bottom: 20px;
	margin-right: 27px;
	position: relative;
	width: 290px;
}

#course-box-1{
	/*background: #fff url('/addons/default/themes/cpraed/img/v2/backgrounds/course-box-1.jpg') top left repeat-y;*/
}

#course-box-2{

}

#course-box-3{

}

#course-box-4{

}

#course-box-5{

}


#course-box-6{

}

#course-box-7{

}


#course-box-8{

}


.course-title{
	padding: 7px 10px;
	font-size: 20px;
	font-family: Arial;
}

.course-title_v2{
	padding: 7px 10px;
	font-size: 20px;
	font-family: trebuchet ms;
	text-align: right;
}

.newline li{
	font-weight: bold;
	color: #C00;
}

.course-details{

	font-size: 14px;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	*/
	width: 200px;

}

.course-details .subtext{
	font-size: 14px;
}

.boxrow2{
	margin-bottom: 0;
}

.course-box.last{
	margin-right: 0px !important;
}

.red_button_center_text{
	margin-top: 3px;
	text-align:center;
}

.red_button_text{
	margin-top: 3px;
}

.red_button_text a{
	color: #FFFFFF !important;
}

.course-text-center{
	text-align:center;
}

.vert_list{
	margin-top: 10px;
	margin-bottom: 10px;
}


.banner{
	/* position: absolute;*/
	max-width: 1030px;
	width: 100%;
	overflow:hidden;
}


.banner_text{
	position: absolute;
	margin: 15px 15px;
	max-width: 1000px;
	width: 100%;
}

.center_text{
	text-align: center;
}

.banner1_details{
	float: left;
	margin-top: 12px;
	margin-left: 40px;
	width: 250px;
}

.banner1_details div{
	font-size: 18px;
	text-transform: uppercase;
}

.uppercase{
	text-transform: uppercase;
}

.cpr_heading{
	letter-spacing: -1px;
	font-size: 30px;
	font-weight: bold;
}

.clrBg{
	background: none;
}

.clrShadow{
	box-shadow: none;
}

.clrBorder{
	border: none;
}

#body-6{
	/* background: url('/addons/default/themes/cpraed/img/v2/backgrounds/box6.jpg') top center no-repeat;	 */
}


.cpr_blue_bubble_80{
	cursor: pointer;
	position: absolute;
	width: 122px;
	height: 127px;
	left: 575px;
	top: 420px;
	background: url('/addons/default/themes/cpraed/img/v2/backgrounds/blue_bubble_80.png') top center no-repeat;
}

.cpr_blue_bubble{
	display: none;
	cursor: pointer;
	position: absolute;
	right: -35;
	top: 245;
	width: 122px;
	height: 127px;
	background: url('/addons/default/themes/cpraed/img/v2/backgrounds/blue_bubble_50.png') top center no-repeat;
}

.bubble_text{
	font-family: Arial;
	margin-left: 42px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}

.bubble_subtext{
	letter-spacing: 0px;
	width: 50px;
	margin-top: -3px;
	line-height: 8px;
	margin-left: 36px;
	font-size: 8px;
	font-weight: bold;
	color: #fff;
	text-align:center;
}

.cpr_subtext{
	font-size: 12px;
}

#pricing_table td{
	padding: 20px;
	font-size: 15px;
	text-align:center;
	margin: 0 auto;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}



#subscribe_btns td{
	background: #c82825;
}

#subscribe_btns .red_button_text{
	text-align: center;
	width: 130px;
}

#subscribe_btns .red_button{
	width: 160px;
}

#pricing_table td.left{
	text-align:left !important;
}

#pricing_table {
	border-right: 1px solid #ccc;
}

.pricing_headers td{
	width: 	250px;
	font-weight: bold;
	font-family: Arial;
	font-size: 20px !important;
	border-top: 1px solid #ccc;

	color: #fff;
	background: #125586 !important;

}

.pricing_header{
	width: 130px;
	font-weight: bold;
	font-family: Arial;
	font-size: 20px !important;
}


.pricing_row4{
	background: #eeeeee /* #dadada */ !important;
}

.pricing_row3{
	background: #f4f4f4 /* //#e1e1e1 */ !important;
}

.pricing_row2{
	background: #eeeeee !important;
}

tr:hover{
	/* background: #fff !important;	 */
}

.pricing_row1{
	background: #f4f4f4 !important;
}

td.blank_box_top{
	color: #999;
	text-transform: uppercase;
	background: #fff !important;
	border-left: none !important;
	border-top: none !important;
}

.blank_box_bottom{
	background: none !important;
	border-left: none !important;
	border-bottom: none !important;
}


.footer_box ul li a {
	color: #333333;
	text-decoration: none;
	font-size: 16px;
}

#coursebottom{
	color:#c82825;
}

#coursebottom img{

	margin-top: -5px;
}

#course_pricing {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	box-shadow: 0px -4px 5px #cccccc;
}

#course_pricing td{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	vertical-align: middle !important;
	font-size: 18px;
}

#course_pricing .course_title{
	font-weight: bold;
	color:#125586 ;
}

#course_pricing .course_subtitle{
	color:#6699cc;
}

.course-headers td{
	text-align: center !important;
	color: #333;
	font-size: 16px !important;
}

.course-headers td.first{
	font-size: 18px !important;
}

.course-row td.first{
	font-size: 18px;
	text-align: left !important;
	width: 190px !important;
}

.course-row td.last{
	text-align: center !important;
	width: 140px !important;
}


.course-headers td.first{

	text-transform: uppercase;
}

.course-headers td{
	font-size: 14px;
}


.course-row td{

	width: 90px;
	text-align: center !important;

}


.course-row0 td.first{
	background: #f2f2f2;
	text-align: left !important;
}


.course-row1 td.first{
	background: #ffffff;
	text-align: left !important;
}

.course-row0 td{
	background: #f2f2f2;
	text-align: center !important;
}


.course-row1 td{
	background: #ffffff;
	text-align: center !important;
}
/************* Overrides from styles.css **************/

#faq-page p, ol li {
	color: #000;
	float: none;
	font-size: 14px;
}

#inner_container ul{
	/* padding: 0 !important; */
}

.leftVernavNew ul.in {
	background: none;
	float: left;
	list-style: none outside none;
	padding: 5px 0 0;
	width: 200px;
}


#faq-page {
	color: #222222;
	font-size: 14px;
	width: 600px;
	text-align: left;
}

.package {
	float: left;
	padding: 15px 0 0;
	width: 505px;
}

.leftPart1 {
	border-bottom: 1px solid #CCCCCC;
	float: left;
	margin-left: 0;
	padding: 0 0 5px 5px;
	width: 1000px;
}

.leftVernavNew li {
	display: block;
	float: none !important;
	list-style: none outside none;
	color: #000;
	font-family: "Inter";
    font-weight: 500;
	margin-bottom: 0;
	background: #fff;
	line-height: 25px;
}


.leftVernavNew a:hover {
	color:#fff;
}

.leftVernavNew li:hover {
	background:#333;
	color: #fff;
}

.leftPart {
	float: left;
	height: 470px;
	margin-left: 5px;
	padding: 0 0 5px;
	width: 100%;
}

.leftRightBox {
	float: left;
	width: 505px;
}

.leftRightBox {
	float: left;
	width: 720px;
}


.left-take-quiz a {
	background: #b51d1a;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    display: block;
    padding: 18px 0;
	transition: 0.3s ease-out;
}
.left-take-quiz a:hover{
    background-color: #8c0e0c;
}


#demo_select {
	font-size: 16px;
	width: 270px;
	font-weight: bold;
	color: #0B5582;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

li {
	font-size: 15px;
}

.li_large_line_height {
	line-height:25px;
}

#course_title{
	font-size: 18px;
	color: #0B5582;
	margin-bottom: 5px;
}

#phone{
	float: right;
	font-size: 20px;
	/*font-weight: bold;*/
	color: #777777;
	margin-left: 0px;
	margin-top: -2px;
}

#phone_icon{
	float: right;
	margin-left: 25px;
	margin-top: 3px;
}

#livechat{
	font-size: 14px;
	color: #333;
	cursor: pointer;
}

#login_links{
	margin-bottom: 7px;
	float: right;
	font-size: 18px;
	/* border-right: 1px solid #DEDEDE; */
	padding-right: 24px;
}

#bbb{
	float: right;
}

.leftVernavNew h1 {
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: none;
	color: #285B9A;
	float: left;
	font-size: 22px;
	font-weight: bold;
	width: 300px;
	margin-bottom: 10px;
}

.take a{
	color: #fff !important;
}

.take a{
	color: #fff;
	float: left;
	font-size: 16px;
	font-weight: normal;
	padding: 1px 3px 2px 1em;
	text-decoration: none;
	text-indent: -1em;
	padding: 5px;
}

.take {
	background: #FF0000;
	border: none;
	float: left;
	margin: 7px 0 0;

	width: 265px;
	color: #fff;
}


.leftRightBox p {
	color: #000;
	font-size: 14px;
	padding-bottom: 10px;
}

body{
	font-family: Arial;
}


.quizRowText {
	color: #000000;
	float: left;
	font-size: 16px;
	font-weight: normal;
	left: 40px;
	position: absolute;
	text-decoration: none;
	top: 10px;
}


.tableWrapper1 h2 {
	color: #000000;
	float: left;
	font-size: 16px;
	font-weight: normal;
	padding: 30px 0 15px;
	width: 630px;
}


.leftRightBox ol li {
	color: #333333;
	font-size: 16px;
	width: auto;
}

#demo-header-left {
	background: #E20300;
	width: 9px;
}

#demo-header-right {
	background: #E20300;
	width: 9px;
}

#demo-header-middle {
	background-color: #E20300;
	height: 24px !important;
	padding-top: 2px;
	width: 1010px;
}


#checkout-box-payment {
	padding-left: 12px;
	padding-right: 12px;
	width: 300px;
}

#cpr_header{
	width: 100%;

	/*background: #fff url('/addons/default/themes/cpraed/img/bg/header_bg.jpg') top center repeat;	*/
	border-bottom: 1px solid #EAEAEA;
	position: relative;
	background-color: #FFFFFF;
	z-index: 1;
}

#header_coupon_1 {
	font-weight: bold;
	left: 550px;
	position: absolute;
	top: 20px;
	width: 120px;
}
#header_coupon_1 #coupon_amount1 {
	color: #c33;
	font-size: 52px;
	left: 0px;
	position: absolute;
	top: -9px;
}
#header_coupon_1 #coupon_amount2 {
	color: #c33;
	font-size: 52px;
	left: 20px;
	position: absolute;
	top: -9px;
}
#header_coupon_1 #percent_off {
	position: absolute;
	top: 0;
	left: 52px;
	font-size: 12px;
	color: #c33;
}
#header_coupon_1 #use_code {
	position: absolute;
	top: 14px;
	left: 52px;
	font-size: 11px;
	color: #333;
}
#header_coupon_1 #code_value {
	position: absolute;
	top: 26px;
	left: 52px;
	font-size: 13px;
	color: #c33;
	text-align: center;
}
#header_coupon_1 #order_limit {
	position: absolute;
	top: 43px;
	left: 6px;
	font-size: 11px;
	color: #8205be;
}

#header_coupon_1 #coupon_expire {
	position: absolute;
	top: 43px;
	left: 20px;
	font-size: 11px;
	color: #234973;
}



#logo_ctn{
	float:left;
	flex: 1;
	justify-content: flex-start;
}



#footer_4{
	/*display: none;	*/
}

#newsletter_signup{
	display: none;
}

#logo{
	float: left;
	width: 384px;
	height: 62px;
	background: url('/addons/default/themes/cpraed/img/header.png') top center no-repeat;
}

#affliates{

}

#contact{

}

.newline{
	clear:both;
}

a{
	text-decoration: none !important;
}



.menu-item{
	/* background: url('/addons/default/themes/cpraed/img/v2/backgrounds/menu.jpg') top center no-repeat;*/
	/*background: #e6e6e6;*/


	/* text-transform: uppercase; */
	/*font-family: “Trebuchet MS”, sans-serif;*/
	font-family: "Inter", Sans-serif;
	font-style: normal;
	font-weight: 600;
	list-style: none;
	font-size: 16px;
	color: #707070;

	text-align: center;
	padding: 22px 20px;
	float: left;
	cursor: pointer;
	/*margin: 0px 10px;*/
	min-width: 132px;
	box-sizing: border-box;


}

.Trebuchet{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.clr{
	clear: both;
}


.group_disclaimer{
	padding-top: 10px;
	color: #000000; width: 480px; text-align:left; font-size: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal;

}

#select_course.group_register_button{
	background: #bfea75 -webkit-linear-gradient(#bfea75, #9acb3a);
	background: #bfea75 -o-linear-gradient(#bfea75, #9acb3a);
	background: #bfea75 -moz-linear-gradient(#bfea75, #9acb3a);
	background: #bfea75 linear-gradient(#bfea75, #9acb3a);

	border: medium none #c33;
	color: #0253a8;
	cursor: pointer;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
}

.group_accountForm .field input, .field select {
	width: 465px !important;
}

.group_accountForm_2 .field input, .field select {
	width: 610px !important;
}

.group_form_title{
	font-size: 22px;
}

.group_accountForm {
	background: none repeat scroll 0 0 #f6f6f6;
	border: 1px solid #d9dadc;
	float: left;
	/* margin: 18px 5px 0 0;*/
	padding: 11px;
	width: 475px;
}

#group_register_box {
	text-align: left;
	padding-right: 10px;
	float: left;
	background: #eee;
	border-radius: 0px;
	width: 500px;
	margin: 20px;
	box-shadow: 3px 0px 10px #666666;

}

/* #register_box {
    text-align: left;
    padding-right: 10px;
    float: left;
    background: #eee;
    border-radius: 8px;
    width: auto;
    margin: 20px;

}

#register_box_v2{
    text-align: left;
    padding-right: 10px;
    float: right;
    border-radius: 8px;
    width: auto;
    margin: 20px;

} */

.register_button{
	/*			background: #e2021c;
            background: #e2021c -webkit-linear-gradient(#e85454, #e2021c);
            background: #e2021c -o-linear-gradient(#e85454, #e2021c);
            background: #e2021c -moz-linear-gradient(#e85454, #e2021c);
            background: #e2021c linear-gradient(#e85454, #e2021c);
            color: #f4f4f4;		*/
}

.register_input{
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 10px;
	width: 300px;
}

.menu-item_text:hover{
	/*background: #669933;
    background: #669933 -webkit-linear-gradient(#9dc32a, #669933);
    background: #669933 -o-linear-gradient(#9dc32a, #669933);
    background: #669933 -moz-linear-gradient(#9dc32a, #669933);
    background: #669933 linear-gradient(#9dc32a, #669933);
    color: #f4f4f4;
    text-decoration: underline;*/
	display: inline;
	padding-bottom: 5px;
	color: #C00;
}

#more-details1{
	width: 700px;
}

#more-details1 li{
	font-size: 14px;
	margin-left: 20px;
}

/*	.buttons {
		float: left;
		margin-left: 110px;
		padding: 40px 0 0;
	}
*/

.buttons {
	float: left;
	width: 100%;
	padding: 0;
	padding-top: 40px;
}
.menu-separator, .menu-separator-top{
	font-size: 14px;
	color: #ccc;
	text-align: center;
	cursor: pointer;
	width: 1px;
	height: 25px;
	float: left;
	margin-top: 20px;
	border-right: 1px solid;
}

.menu-separator-top {
	margin: 0 10px !important;
}


.course_image{
	background: #f1f1f1;
	border: 1px solid #d1d1d1;
	padding:10px;
	overflow: hidden;
	margin-bottom: 5px;
	margin-left: 10px;
}

.course_chp_title{
	clear:both;
}



#checkout-box-payment {
	padding-left: 12px;
	padding-right: 12px;
	width: 325px !important;
}


.checkout-boxes .input-rows .input-wrappers .inputbox {
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	color: #222222;
	font-size: 15px !important;
	/*height: 16px !important;*/
	height: 20px !important;
	padding: 3px 2px;
	width: 314px !important;
}


.checkout-boxes .input-rows .input-wrappers #state, .checkout-boxes .input-rows .input-wrappers #mailing_state {
	width: 132px !important;
}

.checkout-boxes .input-rows .input-wrappers #firstname, .checkout-boxes .input-rows .input-wrappers #first_name {
	width: 153px !important;
}


.checkout-boxes .input-rows .input-wrappers #lastname, .checkout-boxes .input-rows .input-wrappers #last_name {
	width: 152px !important;
}


.checkout-boxes .input-rows .input-wrappers #zipcode, .checkout-boxes .input-rows .input-wrappers #mailing_zip {
	width: 180px !important;
}

.checkout-boxes .input-rows .input-wrappers select.inputbox {
	clear: both;
	height: 28px !important;
}

.checkout-boxes .input-rows .input-wrappers #city, .checkout-boxes .input-rows .input-wrappers #mailing_city {
	width: 180px !important;
}


.checkout-boxes .input-rows .input-wrappers #creditcardtype {
	width: 320px !important;
}

.checkout-boxes .input-rows .input-wrappers #country, .checkout-boxes .input-rows .input-wrappers #mailing_country {
	width: 132px !important;
}


.checkout-boxes .input-rows .input-wrappers #expirationyear {
	width: 80px !important;
}

.checkout-boxes .input-rows .input-wrappers #expirationmonth {
	width: 60px !important;
}

.checkout-boxes .input-rows .input-wrappers #cvvcode {
	width: 114px  !important;
}

#ps-purchase-box, #ps-coupon-box{
	/* width: 305px !important; */
}

#ps-shipping, #ps-courses, #ps-total{
	width: 250px !important;
}

#coupon, #referral{
	/* width: 180px !important; */
}

.checkout-boxes .title {
	background: #497BAE !important; /* -moz-linear-gradient(center top , #6FACD5, #497BAE) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	border: 1px solid #456F9A;
	font-size: 12px !important;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 3px !important;
	padding-left: 5px;
	padding-top: 3px;
	position: relative;
	width: 315px;
}


.checkout-boxes .input-rows .input-wrappers #course_type1 {
	border: 1px solid #BBBBBB;
	color: #CC0000;
	font-size: 13px;
	padding: 1px;
	width: 320px !important;
}

.quizRowList {
	float: left;
	position: relative;
	width: 100%;
}

.tableWrapper1 {
	float: left;
	padding: 15px 0 0 32px;
	width: 100%;
}

.tableWrapper1 h2 {
	color: #000000;
	float: left;
	font-size: 16px;
	font-weight: normal;
	padding: 20px 0 5px;
	width: 100%;
}

.quizRowList {
	float: left;
	position: relative;
	width: 100%;
}

.tableWrapper2 {
	padding: 15px 0 0 32px;
	width: 100%;
	position: relative;
}

.tableWrapper2 .questions {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 0 5px;
	width: 650px;
}

.tableWrapper2 .quizRows {
	display: table-row;
	line-height: 26px;
}

.tableWrapper2 .quizRows .answer {
	display: table-cell;

}

.tableWrapper2 .quizRows .answer_text {
	display: table-cell;
	font-size: 16px;
	padding-left: 5px;
	width: 620px;
}


.faq_title p{
	padding: 10px;
	color: #000 !important;
	font-weight: bold !important;
}

.faq_text{
	display: none;
	padding: 8px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}



#faq_keyword_search{
	font-size: 24px;
	width: 100%;
	border: 1px solid #ccc;
	padding: 7px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-style: italic;
}

.faq_title_old{

	width: 100%;
	padding: 8px;
	background: #ccc;
	cursor: pointer;
	border-top-left-radius:  6px;
	border-top-right-radius:  6px;
	border: 1px solid #ccc;
}

.faq_title{
	background: linear-gradient(#f5f5f5, #eaeaea) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #ccc;
	border-radius: 6px;
	cursor: pointer;
	padding: 1px 0px;
	width: 100%;
}

.faq_question{
	width: 100%;

	margin-bottom: 10px;


}

.quote_bubble{
	float: left;
	width: 275px;
}

.blue_text{
	color:#03F;
}

.gray_text{
	color: #999;
}

/** Improvements ***/

.course_subtitle a{
	font-size: 12px;
	color: #999 !important;
}

.course-headers td{
	font-weight: bold;
	vertical-align: middle;
}



.startCourse {
	margin-bottom: -1px;
	width: 100%;
	border: 1px solid #DDD;
}

.startCourse .features {
	border-left: 1px solid #ddd;
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}

.startCourse .features img{
	height: 20px;
}

.startCourse .features.price {
	width: 120px;
}

.startCourse .features.check1 {
	width: 60px;
}
.startCourse .features.check2 {
	width: 60px;
}
.startCourse .features.check3 {
	width: 65px;
}
.startCourse .features.check4 {
	width: 50px;
}
.startCourse .features.check5 {
	width: 65px;
}


.startCourse .certificate_wrappers {
	background-color: #fff;
	border-top: 1px solid #ddd;
	padding: 15px;
	position: relative;
	display: none;
}

.startCourse .certificate_wrappers #pointer_inner {
	border-bottom: 8px solid #fff;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	left: 31%;
	position: absolute;
	top: -8px;
}
.startCourse .certificate_wrappers #pointer_outer {
	border-bottom: 8px solid #CCC;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	left: 31%;
	position: absolute;
	top: -9px;
}


.list_views {
	display: table;
	border: 1px solid #DDD;
	width: 100%;
	width: calc(100% - 2px);
	border-radius: 5px;
}

.list_views .headers {
	display: table-row;
	background-color: #f0f0f0;
	color: #333;
	font-weight: bold;
}

.list_views .headers .cols {
	display: table-cell;
	padding: 5px;
	border-right: 1px solid #DDD;
	text-align: center;
}
.list_views .headers .cols.last {
	border-right: none;
}
.list_views .headers .cols.left_align {
	text-align: left;
}

.list_views .rows {
	display: table-row;
	font-family: "Inter";
}

.list_views .rows .cols {
	display: table-cell;
	padding: 10px 7px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	text-align: center;
}
.list_views .rows .cols.last {
	border-right: none;
}
.list_views .rows .cols.left_align {
	text-align: left;
}

.list_views .rows .cols .good {
	color: #080;
}

.list_views .rows .cols .bad {
	color: #a00;
}


.hide{
	display: none;
}
/* Group Discount */

#moregroupdetails .newfeature{
	padding: 20px;
}

.newfeature div{
	float: left;

}

.newfeature .text{
	padding-left: 20px;
	width: 700px;
}

.newfeature .image{
	padding-left: 20px;
}

/* Course cost */

.orgCost{
	font-size: 12px;
	color: #FF0000;

}

/* How it Works */
#howtosteps td.text{
	padding-top: 15px;
}

#howtosteps td{
	padding-bottom: 25px;
}

/* Contact Form */
#contactform{
	padding: 10px 5px 0px 20px;
	margin-bottom: 20px;
	background: #eee;
	border-radius: 6px;
}

#contact_info, #contact_div{
	float: left;
}

#contact_box{
	width: 300px;
	float: right;
	padding: 15px;
	background: none repeat scroll 0 0 #eee;
	border-radius: 8px;
}


#contact_box input {
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 10px;
	width: 300px;
}

.required {
	color: #E8554E;
	font-family: "brandon-grotesque",Helvetica,Arial,sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1px;
	position: relative;
	text-transform: uppercase;
	top: 7px;
}



.field, .txtfield{
	text-transform: uppercase;
	float: left;
	font-family: arial;
	font-size: 14px;

}



.field input, .field select{
	width: 273px;
	padding: 10px;
	border: none;
	margin-right: 20px;
	/*background: #f4f4f4;*/
	font-size: 16px;
	margin-top: 5px;
	border-radius: 6px;
	background: #fff;
	border: 1px solid #ccc;
}

.group .field input, .field select{
	width: 295px;
}

.styled-form input[type="text"], .styled-form input[type="password"], .styled-form textarea {
	background-color: #E1E1DB;
	border-radius: 3px;
	box-sizing: border-box;
	font-family: "museo-slab",Georgia,serif;
	padding: 12px 14px;
	width: 100%;
}

#contact_message{
	width: 710px;
	border: none;
	background: #f4f4f4;
	border-radius: 6px;
	background: #fff;
	border: 1px solid #ccc;
}

.submit-button{
	background: none repeat scroll 0 0 #ea3d3d;
	border: medium none #c33;
	color: #fff;
	cursor: pointer;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
}

#contact_div{
	width: 780px;
}

#contact_info{
	background: #f4f4f4;
	padding: 10px;
	height: 400px;
	width: 250px;
}

.subtext{
	width: 300px;
}

.txtfield textarea{
	margin-top: 5px;
	padding: 10px;
}

.contact-button{
	float: right;
	margin-right: 15px;

}

.contact-button input{
	/*
    background: #ff6666;
    color: #fff;
    padding: 10px;
    width: 150px;
    border: none;
    border-bottom: 5px #cc6666 solid;
    cursor: pointer;
    */
	background: none repeat scroll 0 0 #ea3d3d;
	border: medium none #c33;
	color: #fff;
	cursor: pointer;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	width: 160px;
	border-radius: 6px;
	padding: 10px;
}

.contact-button input:hover{
	background: #cc3333;
}

.error{
	display: none;
}

#contact_div h2{
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 10px;
}

.headline{
	color: 	#ff6666;
	font-weight: bold;

}

.headline_content{
	margin-bottom: 20px;

}


/* Footer */

#footer_content li{
	font-size: 14px;
	line-height: 12px;
	text-decoration: underline;
}

.footer_box a{
	color: #81a512;
}

#company_slogan .company_name, #company_slogan .slogan{
	color: #81a512;
}

#company_slogan .company_name{
	font-size:14px	!important;
}

#company_slogan .slogan{
	font-size: 10px;
}

/* Payment */
#payment .inputBox{
	/* width: 320px; */
}


.PayInfo {
	width: 350px;
}

#certified{
	border-top: 1px solid #ccc;
	padding: 10px;
}

#certified a{
	padding-left: 10px;

}

#payment_submit_button{
	width: 320px;
}

#coupon, #referral {
	/* width: auto !important; */
}

.leftPart h3 {
	width: auto !important;
}

.ps-box{
	background: none;
	border: none;
	/* padding: 0 7px 2px !important; */
}

.selectCourseBtn{
	background: none;
	border: none;

}

/* Demo Course */

.courseSelect:hover{
	background: #666;
	color: #FFF;
}

.selectedCourse{
	background: #234973 !important;
	color: #fff;
}

#courseMenu a{
	margin: 0;
	padding: 0;
}

#courseMenu a:hover{
	color: inherit;
}

.courseSelect{
	padding: 5px;
	background: #f4f4f4;
	width: 100%;
	cursor: pointer;
	box-sizing: border-box;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

/* Menu */

.currentPage .menu-item_text {
	/* background: -webkit-linear-gradient(#9dc32a, #669933);  For Safari 5.1 to 6.0 */
	/* background: -o-linear-gradient(#9dc32a, #669933);  For Opera 11.1 to 12.0 */
	/* background: -moz-linear-gradient(#9dc32a, #669933); For Firefox 3.6 to 15 */
	/* background: linear-gradient(#9dc32a, #669933);  Standard syntax */

	display: inline;
	padding-bottom: 5px;
	color: #C00;	}

/* Testimonials */

#testimonials{
	margin-top: 20px;
	position: relative;
	width: 1000px;
	height: auto;

}

.testimonial{
	border: 1px solid #ccc;
	background: #fff;
	padding: 20px;
	width: 240px;
	float: left;
	margin-right: 40px;
	min-height: 100px;
	position: relative;
	margin-bottom: 50px;
	display: block;
}

.testimonial .text{
	margin-top: 20px;
}

.testimonial .circle{
	border-radius: 50%;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	text-align: center;
	background: #fff url('/application/design/images/v2/quotes-30.png') center center no-repeat;

	top: -25px;
	position: absolute;
	margin-left: 35%;
}

.testimonial .name{
	font-size: 12px;
	font-family: verdana;
	padding: 10px;
	border: 0px solid #ccc;
	text-align: center;
	bottom: -15px;
	background: #fff;
	position: absolute;
	margin-left: 30%;
	width: auto;
}


/* added by Hieu 2014-07-17 */
.edit_forms {
	padding: 15px 15px;
	background-color: #F0F0F0;
	border-radius: 10px;
	border: 1px solid #DDD;
}

.edit_forms .field_rows {
	display: table-row;
}

.edit_forms .field_rows .labels {
	color: #333;
	display: table-cell;
	padding-right: 10px;
	vertical-align: middle;
	white-space: nowrap;
}

.edit_forms .field_rows input[type="text"], .edit_forms .field_rows select {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 16px;
	margin: 3px;
	padding: 10px;
	width: 300px;
	display: table-cell;
}

.edit_forms .field_rows input[type="button"] {
	padding: 5px;
	margin: 3px;
}

#billing_form {
	width: 450px;
	margin-top: 10px;
}


/* Begin: Secret Coupon Email Popup */
#coupon_popup #text1 {
	color: #8181f8;
	font-family: verdana;
	font-size: 22px;
	margin-top: 20px;
}

#coupon_popup #text2 {
	color: #222;
	font-family: impact;
	font-size: 90px;
	font-weight: bold;
	margin-top: -10px;
}

#coupon_popup #text3 {
	color: #aaa;
	font-family: verdana;
	font-size: 12px;
	margin-top: -10px;
}

#coupon_popup #text4 a{
	color: #888;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	margin-top: 15px;
	text-decoration: underline;
}

#coupon_popup #text5 {
	color: #888;
	font-size: 9px;
	margin-top: 12px;
}

#coupon_popup #cpbox {
	background-color: #d0d8ff;
	border: 1px solid #fff;
	border-radius: 5px;
	display: inline-block;
	padding: 10px;
	width: 350px;
	margin-top:10px;
}

#coupon_popup #cpemail {
	border: 1px solid #fff;
	border-radius: 4px;
	font-size: 16px;
	padding: 5px 10px;
	text-align: center;
	width: 327px;
}

#coupon_popup #cpbutton {
	background-color: #393ae3;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #8181f8 ), to( #393ae3 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #8181f8, #393ae3 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #8181f8, #393ae3 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #8181f8, #393ae3 ); /* IE10 */
	background-image:      -o-linear-gradient( #8181f8, #393ae3 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #8181f8, #393ae3 );
	border: 1px solid #ccc;
	color: #eee;
	font-family: verdana;
	font-size: 23px;
	margin-top: 8px;
	padding: 13px 10px 15px;
	width: 348px;
	cursor: pointer;
}


/* End: Secret Coupon Email Popup */

#mobile-header-wrapper{
	background-color: #0B5582;
	height: 14vw;
	width: 100%;
	vertical-align: middle;
	text-shadow: none !important;
	position: fixed;
	z-index: 10;
	padding: 0px 15px;
	box-sizing: border-box;

}

.mobile_course_footer{
	position: fixed;
	bottom: 0;
	left: 0;
	vertical-align: middle;
	text-shadow: none !important;
	z-index: 10;
	display: flex;
	justify-content: space-around;
	width: 100%;
	background: rgb(6 52 116 / 90%);
	padding: 7px 0;
}

.ui-panel-inner{
	position: fixed;
	width: 100%;
}

.logo_text {
	color: white;
	font-size: 2.7vw;
	font-weight: bold;
	margin: 0% 0;
}

#header_contact, .header_login, .header_logout, .header_logout{
	font-size: 3.7vw;
	color: white;
	font-weight: bold;
}

.logo_div{
	float: left;
	width: 37%;
	margin-top: 2%;
}

#mobile-menu1{
	float: left;
	height: 15%;
	margin-right: 10%;
	margin-left: 2%;
	margin-top: 2%;
	width: 20%;

	/* margin-top: 0;
    border: 2px solid white;
    width: 12%;
    padding: 3%; */
}

#logo1{
	float: left;
	height: 20%;
	width: 20%;
}

#mobile-body-2{
	background-color: #737373;
	height: 40vw;
	width: 100%;
	margin: 0px;
	color: white;
	text-shadow: none;
	padding-top: 1%;
}

#mobile-body-2 h2{
	font-size: 4.3vw;
	margin-left: 2%;
	margin-bottom: 1%;
	color: white;
}
.ui-bar-c h2 {
	color: #3e3e3e;
}
#mobile-body-2 .body-2-step{
	text-align: center;
	width: 32.8%;
	height: 81%;
	float: left;
	margin-top: 1%;
}

#mobile-body-2 .body-2-step img{
	width: 57%;
	height: 56%;
	margin: 4%;
}

#mobile-body-2 .body-2-step h3{
	margin: 2% 0;
	font-size: 3.3vw;
}
#mobile-body-2 .body-2-step span{
	font-size: 2.2vw;
}

#mobile-body-3{
	padding: 2% 2% 2% 2%;
	background-color: #00ace6;
	text-shadow: none;
	height: 16vw;
}

#mobile-body-3 h1{
	font-size: 4vw;
	color: white;
	margin-bottom: 1%;
}

#mobile-body-3 span{
	font-size: 3.1vw;
	color: white;
}

#mobile-body-3 .myButton{
	margin-left: 10%;
	margin-top: 1%;
}

#mobile-body-4{
	padding: 2%;
	text-shadow: none;
	background-color: white;
}

#mobile-body-4 h1{
	font-size: 3.9vw;
	margin-bottom: 3%;
}

#mobile-body-4 .mobile-course-box{
	height: 33vw;
	border-radius: 5px;
	border: solid 1px #f2f2f2;
	border-left: solid 3vw #008ae6;
	box-shadow: 4px 6px 22px -6px rgba(156,156,156,1);
	padding: 0 0 0 2%;
	margin-bottom: 3%;
}

.mobile-course-name {
	font-size: 4.4vw;
	margin: 2% 2%;
}

.mobile-course-detail {
	font-size: 3.8vw;
	margin: 2% 0 2% 2%;
	position: relative;
	height: 67%;
}

.mobile-course-detail .mobile-course-feature{
	margin: 1% 0;
}

.mobile-course-detail .mobile-course-price{
	position: absolute;
	right: 0;
	top: 11%;
	height: 12vw;
	width: 29vw;
}

.mobile-course-price .mobile-course-promo-price{
	font-size: 6.3vw;
}

.mobile-course-price .mobile-course-reg-price{
	font-size: 3.3vw;
}

.mobile-course-price .arrow{
	position: absolute;
	right: 0;
	width: 25%;
	bottom: 0;
	height: 90%;

}

.mobile-course-detail .mobile-course-exp{
	position: absolute;
	bottom: 1%;
	right: 1%;
	font-size: 3.2vw;
}

#course_pricing td{
	vertical-align: middle !important;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:13px;
	padding:8px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.myButton:active {
	position:relative;
	top:1px;
}

.mobile_header{
	margin: 2% 1.5%;
}

#mobile-ps-purchase-box{
	padding: 0 0 2px !important;
	width: 100%;
	font-size: 3.1vw;
}

#mobile-ps-purchase-box .ps-column-left{
	width: 80% !important;
}

#mobile-ps-purchase-box .ps-column-right{
	width: 17.5%;
}

#mobile-ps-purchase-box .ps-row{
	width: 100%;
	color: black !important;
}

#mobile-ps-purchase-box .ps-column-right{
	color: black !important;
	float:left;
}

#mobile-ps-purchase-box #ps-total{
	font-weight: normal;
}

#mobile-ps-purchase-box #ps-courses-price, #mobile-ps-purchase-box #ps-courses{
	height: auto;
}

.mobile_course_menu{
	padding: 6px 1% 2% 1%;
}

.content_mobile {
	padding: 3% 3% 30% 3%;
}

.mobile_course_footer .mobile_course_left, .mobile_course_footer .mobile_course_right , .mobile_course_footer .mobile_course_quiz{
	text-align: center;
	border: none;
	text-shadow: none;
	color: #fff !important;
}


#cpr_container{
	font-family: Arial !important;
}

.vjs-playing{
	display: block !important;
}

#mobile-footer{
	background: #737373;
	color: #fff;
}


#mobile-footer .footer_title h3{
	font-size: 3.4vw;

}

#mobile-footer li{
	font-size: 3vw;

}

#mobile-footer .footer_box{
	margin: 3% 4%;
	padding: 0;
	width: 42%;
}

#mobile-footer .footer_box a{
	color: #fff;
	font-size:inherit;
}

.mobile-content #contactform{
	padding: 10px 10px 0px 10px;
}

.mobile-content #contactform .field, .mobile-content #contactform .txtfield{
	width: 100%;
}

.mobile-content #contactform .field input, .mobile-content #contactform .field select, .mobile-content #contactform textarea{
	width: 100% !important;
	padding: 10px 0 10px 3px;
}

.mobile-content .contact_us_info{
	width: 60%;
	float: left;

}
.mobile-content .contact_us{
	width: 100% !important;

}

.mobile-content .ui-slider{
	display: none !important;
}

.mobile-content .tableWrapper1{
	padding: 15px 0 0 0;
}

.mobile-content .course-box_details_v2 img{
	display: none;
}

.mobile-content .course-box_details_v2 .course-details_v2{
	width: 100% !important;
}

.mobile-content .course-box_details_v2 .course-details-topics{
	margin-left: 0px !important;
}

.mobile-content .faqs_course{
	display: none;
}

.mobile-content .course-details div{
	margin-left: 0 !important;
}


.mobile-content .body-box{
	width: 96%;
}

.mobile-content #faq_keyword_search{
	width: 94%;
}
/* End: Secret Coupon Email Popup */

.text-between {
	color: #222222;
	font-size: 17px;
	font-weight: 400;
	line-height: 20px;
	display: flex;
	margin-bottom: 16px;
}
.text-between span {
	margin: 0 10px;
	min-width: fit-content;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #565555;
}
.text-between::before, .text-between::after {
	border-top: 1px solid #D9D9D9;
	content: "";
	display: block;
	width: 50%;
	transform: translateY(50%);
}

@media only screen and (max-width : 1024px) {
	.mobile_100width {
		width:100% !important;
	}
	.ui-body-c h2 {
		color: #333;
	}
	.desktop_only {
		display: none;
	}
	.full_width {
		width: 100% !important;
	}
	.ul_zero_margin {
		margin-left: 0px !important;
	}
	.ui-mobile, .ui-mobile .ui-page{
		min-height: 420px !important;
	}

	#cpr_header{
		display: none;
	}

	#mainmenu{
		display: none;
	}

	#mobile-header-wrapper{
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: transparent;
		padding: 0;
		height: auto;
	}

	#mobile-body-1{
		display: block;
	}

	#body-1{
		display: none;
	}

	#inner_container{
		padding: 0px;
		box-shadow: none;
	}

	.body-box{
		margin: 0;
		padding: 0;
	}

	/*.mobile-content{*/
	/*	padding: 0  0 50px 0!important;*/
	/*	background: #f1f6fa;*/
	/*	width: 90%;*/
	/*	margin: 0 auto;*/
	/*	border-radius: 5px;*/

	/*}*/
	.mobile-content{
		padding: 80px 0 0 0 !important;
		background: #fff;

	}

	.banner_img img{
		width: 140%;
		margin-left: -25%;
		max-width: none;
	}

	.banner_text{
		margin: 3%;
	}

	.myButton{
		padding: 1% 2% !important;
	}

	.mobile-body-box{
		display: block;
	}

	.computer-body-box{
		display: none;
	}

	#footer_container{
		display: none;
	}

	#cpr_container{
		display: none;
	}

	.Course a.action_btns{
		font-size: 3vw;
		padding: 1% 2%;
	}

	.startCourse .Course{
		width: 100% !important;
		display: block;
	}

	.videos_v2{
		border-left: none;
		padding: 0;
		width: 100%;
		margin-left: 0;
	}

	.top_content{
		width: 100%;
	}

	.listBox{
		width: auto !important;
	}

	#outer_shopper_verified{
		display: none;
	}

	#coupon_popup{
		display: none !important;
	}

	#faq-page{
		width: 95%;
	}

	#howtosteps img{
		display: none;
	}

	#howtosteps .ui-link img{
		width:auto;
		height: auto;
		display: block;
	}

	#blendedlearning img{
		display: none;
	}

	#promotions img{
		display: none;
	}


	.ui-link img{
		display: block !important;
		width: 200px;
	}

	.course-box{
		background: none !important;
	}

	.float_left{
		width: 100% !important;
	}

	.float_left div{
		width: 100% !important;
	}

	.course-details{
		width: 100% !important;
		margin-left: 0;
	}

	.course-details ul{
		margin-left: 0 !important;
	}

	.course-details > div{
		margin-right: 0px !important;
		float:left !important;
		width: 100% !important;
	}

	.course-details > div > div{
		padding-left: 0 !important;
	}

	#testimonials{
		width: 100%;
	}

	#payment_submit_button{
		width: 100%;
	}

	#chatBox{
		display: none !important;
	}

	.slidebanner, #slider_footer, #slider_footer_bottom_border, .arrow_btn, .arrows, #hiw{
		display: none;
	}

	.ui-mobile-viewport .mobile-content.ui-content{
		font-size: 0;
	}

	.ui-mobile-viewport .mobile-content.ui-content > * {
		font-size: initial;

	}
	.breadcrumb-url{
		color: #405460;
		font-size: 14px !important;
		font-family: "Inter";
		border-bottom: 1px solid #e6ebed !important;
		padding: 15px 0 15px 10px !important;
		box-sizing: border-box;
	}
	.breadcrumb-url i{
		margin: 0 3px;
	}
	.breadcrumb-mobile.breadcrumb-url {
		padding: 15px 0 15px 10px !important;
	}
	.bg-billing .breadcrumb-url {
		padding-top: 100px !important;
	}
	.breadcrumb-mobile {
		margin-bottom: 16px !important;
	}

}

@media only screen and (min-width : 1025px) {
	#mobile-header-wrapper{
		display: none;
	}

	.mobile-body-box{
		display: none !important;
	}

	.mobile-content{

		display: none;
	}

	#right-panel{
		display: none;
	}

	.ui-panel-content-wrap{

		display: none;
	}

	#mobile-footer{
		display:none;
	}

	.video-js{
		width: 250px;
		height: 140px;
	}

	.profile-container .field_rows input, .profile-container .field_rows select {
		font-size: 15px;
		font-weight: normal;
		font-family: arial;
		border-radius: 3px;
		border: 1px solid #ccc;
		flex: 1;
		padding: 5px 8px;
		color: #333;
	}
	.profile-container input, #order_history_wrapper input, #shop_wrapper input {
		height: 26px;
	}
	.ui-input-btn input {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		outline: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		cursor: pointer;
		background: rgba(255,255,255,0);
		filter: Alpha(Opacity=0);
		opacity: .1;
		text-indent: -9999px;
		z-index: 2;
	}

}

.column .box .box-3-columns {
	display: flex;
}
.pos-relative {
	position: relative;
}
.margin-bot-14 {
	margin-bottom: 14px;
}
.margin-top-17 {
	margin-top: 17px;
}
.lr-margin-10 {
	margin: 0px 10px;
}
.margin-bot-10 {
	margin-bottom: 10px;
}
.margin-bot-24 {
	margin-bottom: 24px !important;
}
.three-columns-container, .one-column-container, .two-column-container {
	display: flex;
}
.center {
	text-align: center !important;
}
.three-columns-container .column, .one-column-container .column {
	flex: 1;
}
.three-columns-container .column {
	max-width: calc((100% - 18px) / 2);
}
._2columns {
	flex: 2;
}
.font-size-15 {
	font-family: arial;
	font-size: 15px;
}
.line-light-gray {
	border-top: 1px solid #eee;
}
#changed-password .labels {
	flex: 1;
	line-height: 32px;
}
#changed-password input {
	flex: 2.5;
}
.height-38 {
	height: 38px;
}
.bg-white {
	background: white
}
.profile-container .field_rows input, .profile-container .field_rows select {
	font-size: 15px;
	font-weight: normal;
	font-family: arial;
	border-radius: 3px;
	border: 1px solid #ccc;
	flex: 1;
	padding: 5px 8px;
	color: #333;
}
.mobile-content .mobile h1 {
	padding-bottom: 18px;
	padding-top: 24px;
	font-size: 20px;
	font-family: "Arial";
	font-weight: bold;
	color: #0B5582;
}
.mobile-content .mobile h2 {
	margin-bottom: 18px;
	margin-top: 24px;
	font-size: 20px;
	font-family: "Arial";
	font-weight: bold;
	color: #0B5582;
}
p.description {
	font-size: 15px;
	font-family: arial;
	font-weight: normal;
}
.mobile_btn_201810 {
	padding: 2% 8% !important;
	background-color: #396b9e;
	color: #fff !important;
	border-radius: 5px;
	flex: 1;
}
.width-18 {
	width: 18px;
}
.color-white {
	color: #fff !important;
}
.flex {
	display: flex;
}
.flex-row-reverse {
	flex-flow: row-reverse !important;
}
.flex-column {
	flex-direction: column;
}
.r-margin-30 {
	margin-right: 30px;
}
.flex_three_quater {
	flex: 0.75;
}
.display-block {
	display: block !important;
}
.img-container img {
	width: 100%;
}
.column .box .field_rows .submit_btns{
	padding: 8px 0px;
	flex: 1;
	font-size: 18px;
	font-family: Arial;
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-image: linear-gradient( #51789c, #396b9e);
	background-image: -webkit-gradient(linear, left top, left bottom, from( #51789c ), to( #396b9e));
	background-image: -webkit-linear-gradient(#51789c, #396b9e);
	font-weight: normal;
}
@media only screen and (max-width: 1024px){
	#left-panel.ui-body-a.ui-panel-closed, #right-panel.ui-body-c.ui-panel-closed {
		width: 0;
	}
	#left-panel.ui-body-a.ui-panel-open, #right-panel.ui-body-c.ui-panel-open {
		width: 100%;
		background: transparent;
		z-index: 9999;
		height: auto;
		box-shadow: unset !important;
	}
	.mobile-bg-nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 736px;
		background: #000;
		opacity: .6;
	}
	.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-moz-transform: none;
	}
	.ui-content .ui-listview, .ui-panel-inner > .ui-listview {
		margin: 0px !important;
	}
	ul.menu-nav-mobile {
		width: 320px;
		background: #0b5582;
	}
	#left-panel .ui-listview .ui-bar-a, #right-panel .ui-listview .ui-bar-a {
		border: 1px solid #0B5582;
		background: #0B5582;
		color: #fff;
		background-image: linear-gradient( #0B5582,#0B5582 );
		padding-left: 0px;
	}
	#left-panel li:not(:first-child) {
		border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
	}
	ul.menu-nav-mobile li {
		padding: 0px !important;
	}
	#left-panel ul.menu-nav-mobile li a, #right-panel ul.menu-nav-mobile li a {
		padding: 15px 0px 15px 20px;
		font-size: .8em;
		/* font-weight: 600 !important; */
		text-transform: uppercase;
		color: rgba(255,255,255,0.8) !important;
		letter-spacing: 0.02em !important;
		font-family: Arial !important;
		background: transparent !important;
		border: 1px solid #0B5582;
		display: block;
	}
	#left-panel .ui-panel-inner {
		padding: 0;
		position: fixed
	}
	#left-panel .company_name {
		color: white;
		font-size: 16px;
		font-family: Arial;
	}
	#left-panel .mobile-info-company span.slogan {
		font-size: 10px !important;
		font-weight: bold !important;
		color: #fff !important;
		text-transform: uppercase;
	}
	li.ui-li-divider.ui-bar-a.ui-first-child {
		padding: 20px 7px !important;
	}
	#showDropDown i.fas, #hideDropDown i.fas {
		font-size: 2rem;
		color: #131313;
	}
	.profile-container.mobile #mobile_profile_form .ui-state-disabled {
		opacity: 1;
		background: transparent !important;
	}
	.profile-container.mobile .field_rows .ui-input-text,
	.profile-container.mobile .field_rows .ui-select,
	.profile-container.mobile .field_rows .ui-btn {
		flex: 1;
	}
	.profile-container.mobile .field_rows .ui-body-inherit input {
		background: #fff;
	}
	.profile-container.mobile .column .box .box-3-columns input {
		max-width: unset !important;
	}
	.profile-container.mobile #mobile_changed-password .field_rows .labels {
		flex: 0.65;
		line-height: 52px;
	}
	.profile-container.mobile .column .box .box-3-columns .ui-input-text {
		max-width: calc((100% - 16px) / 3) !important;
		flex: 1;
		margin-right: 5px;
		background-color: white;
	}
	.flag-icon{
		padding-top: 0px !important;
	}
}

#mainmenu_container a:first-of-type .menu-item {
	margin-left: 22px;
}
#mobile_cprquiz input {
	float: left;
	margin: 5px 0.5ex 0px 0.5ex;
}
#mobile_cprquiz label {
	width: unset;
}
body {
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
div[data-url=\/cprcertificationcards] #inner_container,
div[data-url=\/legal\/privacy] #inner_container {
	display:table;
}

.howitworks_container_custom #cpr_container #inner_container {
	min-height: unset;
}
.msg_successfully{
	color: white;
}
.language {
	float: left;
}
.lang-m{
	float: left;
	width: 50%;
}
.lang-sub-en-m{
	border-right: 1px solid gray;
	padding: 15px;
}
.lang-sub-es-m{
	padding: 15px;
}
@media only screen and (max-width: 1024px){
	.ui-panel-content-wrap{
		min-height: unset !important;
	}

}
.flag-icon{
	width: 20px;
	height: auto;
	margin-left: 5px;
	padding-top: 0px;
	cursor: pointer;
}
#inner_container table .right_content img {
	max-width: 100%;
}
.right_content td img {
	box-shadow: none;
	border: none !important;
	margin: 0px;
}
.language_div {
	margin: 0 10px;
}
.color-icon {
	color: #0e567b;
}

.header-center{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.header-center .header-center__item {
	display: inline-flex;
	justify-content: space-evenly;
	align-items: center;
	width: max-content;
	font-size: 1.2rem;
}
.black{
	color: #333333 !important;
}
.bold{
	font-weight: bold;
}
.underline{
	text-decoration: underline !important;
}
.input_border:focus{
	border: 1px solid #b41e1a;
	background: transparent;
}
.breadcrumb-url {
	font-size: 14px;
	color: #405460;
	font-weight: 500;
	padding: 10px 0 15px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #e6ebed;
	font-family: "Inter";
}
.breadcrumb-url.breadcrumb-quiz{
	color: #083650;
	padding: 10px 14px;
}
.mobile-content.mobile-content-quiz{
	padding: 70px 0 0 0 !important;
}
/* // new menu */
.new-menuV2{
	font-family: "Inter";
	display: flex;
    padding: 4px 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.new-menuV2  li {
	display: inline-block;
    vertical-align: top;
    padding: 10px 0px;
    position: relative;
}
.menu-Es li{
	padding: 18px 34px;
}
.new-menuV2  li:before {
	display: none;
	position: absolute;
	top: calc(50% - 10px);
	right: 0;
	content: '';
	background: #cccccc;
	height: 20px;
	width: 1px;

}
.new-menuV2  li:first-child{
	padding-left: 0;
}
.new-menuV2  li:last-child {
	padding-right: 0;
}
.new-menuV2  li:last-child:before {
	display: none;
}
.new-menuV2  li a{
	display: block;
    cursor: pointer;
    color: #191A22;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;

}
.new-menuV2  li a.currentPage,.new-menuV2  li a:hover{
	color: #b51d1a;
}
.wclear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
.info-right{
	float: right;
	font-family: "Inter";
	font-weight:400 ;
	font-size: 16px;
  }

.info-right li{
	display: inline-block;
	padding: 0 30px;
	position: relative;
	min-height: 26px;
	vertical-align: bottom;
}
.info-right li img{
	vertical-align: middle;
}
.info-right li:before {
	position: absolute;
	top: calc(50% - 10px);
	left: 0;
	content: '';
	background: #cccccc;
	height: 20px;
	width: 1px;
}
.info-right li:last-child {
	padding-right: 0;
}
.info-right li:first-child::before {
	display: none;
}
.info-right .info-user a{
	color: #424242;
}
span.dash {
	color: #ccc;
}
.info-right .info-user{
	font-size: 16px;
	font-weight:500;
	color: #000;
	transform: translateY(3px);
}
.info-right .new-phone a{
	font-size: 16px;
	font-weight:500;
	color: #000;
}
.info-right .lang-select{
	margin: 0;
}
.lang-select  .btn-select{
	width: 80px;
	max-width: 85px;
	height: 26px;
	border-radius: 20px;
	font-family: 'Inter';
	cursor: pointer;
}
.info-right .new-phone{
	transform: translateY(7px);
}
/* mobile screen*/
.ui-page.ui-page-theme-a.ui-page-active.howitworks_container_custom {
	padding-bottom: 80px;
}
.btn-dv2{
	background: var(--btn-color);
	text-decoration: none;
	color: white;
	min-width: 142px;
	height: 36px;
	border: unset;
	border-radius: 2px;
	font-size: 1rem;
	padding: 12px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nav-mobile-icon {
	font-size: 1.6rem !important;
}
.bold{
	font-weight: bold !important;
}
.wrap-container {
    width: 100%;
    max-width: 1200px;
    padding: 0 30px;
    box-sizing: border-box;
    margin: auto;
}
.left-take-quiz i{
	display: none;
}
.leftVernavNew a{
	float:  none !important;
	width: auto;
	text-indent: 0;
	padding-left: 0;
}
.left-take-quiz.disabled a {
	cursor: no-drop;
	background: gray;
}
a.myButton.mobile_course_quiz.disabled.ui-link {
	cursor: pointer;
	background: gray;
	border: unset;
	box-shadow: unset;
}
.right_content{
	padding: 20px 20px 20px 50px;
	box-sizing: border-box;
	font-family: "Inter";
	font-weight: 400;
	color: #4c5866;
	width: calc( 100% - 360px );
}
.right_content p ,.right_content span{
	line-height: 27px;
	font-size: 17px !important;
    color: #333;
	font-family: "Inter";
	font-weight: 400;
	margin-bottom: 10px;
}
.listBox{
	width: auto !important;

}

/* backgound all page mobile*/
.ui-page.ui-body-c.ui-page-active.howitworks_container_custom {
	background: white;
}
/* share breadcrumb */
.w-breadcrumbs{
    border-bottom: 1px solid #e6ebed;
    padding: 15px 0;
    margin-bottom: 40px;
}
.w-breadcrumbs ul {
	padding: 0 !important;
}
.w-breadcrumbs ul li{
    display: inline-block;
    /* cursor: pointer; */
    font-weight: 500;
    color: #405460;
    font-size: 14px;
    margin-right: 5px;
	font-family: "Inter";
}
/* .w-breadcrumbs ul li:hover,.w-breadcrumbs ul li a:hover{
    color: #b51d1a;
} */
.w-breadcrumbs ul li a{
    display: block;
    font-weight: 500;
    color: #405460;
	font-family: "Inter";
}
/* fix firefox browser */
.mobile_select_lang_container .mobile_select_lang, .select_lang {
	border: 1px solid #767676;
	background: #fff;
}
@media only screen and (max-width: 1024px){
    .w-breadcrumbs{
        margin-bottom: 20px;
        margin-top: 70px;
    }
}
.w-breadcrumbs-mobi{
    border-bottom: 1px solid #e6ebed;
    padding: 15px 5px;
    margin-bottom: 40px;
    margin-bottom: 20px;
    margin-top: 70px;
}
.w-breadcrumbs-mobi ul li {
    display: inline-block;
    cursor: pointer;
    font-weight: 500;
    color: #405460;
    font-size: 14px;
    margin-right: 5px;
	font-family: "Inter";
}
.w-breadcrumbs-mobi ul li a{
    display: block;
    font-weight: 500;
    color: #405460;
	font-family: "Inter";
}
.video_interac{
	display: none;
}
.video_courses{
	display: block;
	float: left;
	width: 360px;
}
.video_courses .videos_dv2{
	border-left: 1px solid #cccccc;
    padding: 20px;
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    float: left;
    margin-left: 10px;
    box-sizing: border-box;
}
.right_content h3{
	font-family: "Inter";
    font-size: 1.5rem ;
    font-weight: bold ;
    display: block;
    max-width: 100% !important;
	line-height: 27px;
	margin-bottom: 15px;
	color: #000;
}
.right_content .underline{
	text-decoration: underline !important;
}
.right_content ol {
    list-style: auto;
    margin-left: 40px;
}
.right_content ol li {
    font-family: "Inter" !important;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
}
.right_content ul.is_stick{
	margin-left: 60px;
}
.right_content ul.is_stick li{
	font-family: "Inter" !important;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 10px;
	position: relative;
}
.is_stick li::before ,.is_stick_table li::before {
    content: "";
    width: 15px;
    height: 15px;
    background: url(/addons/default/themes/cpraed/img/icon-include.png) left no-repeat;
    position: absolute;
    left: -20px;
    top: 4px;
}
.right_content strong {
    font-weight: bold !important;
}
.right_content h4{
	font-family: "Inter" ;
	font-size: 1.2rem ;
	font-weight:500 ;
	margin-bottom: 10px;
	color: #4c5866 !important;
	line-height: 35px;
}
.center-img{
	text-align: center;
}
.right_content ol li::marker {
    color: #b51d1a;
    font-weight: 500;
}
.video_dv1{
	display: none;
}
.video_dv2{
	display: block;
}
@media only screen and (max-width : 1024px) {
	.content_mobile p, .content_mobile span{
		font-family: "Inter" !important;
		font-weight: 400;
		font-size: 16px !important;
		color: #333;
		line-height: 27px;
		margin-bottom: 10px !important;
	}
	.content_mobile  h3{
		font-family: "Inter";
		font-size: 1.2rem;
		font-weight: bold;
		display: block;
		max-width: 100% !important;
		line-height: 27px;
		margin-bottom: 15px;
		color: #000;
	}
	.content_mobile ol li {
		font-family: "Inter" !important;
		font-size: 16px;
		font-weight: 400;
		line-height: 25px;
	}
	.content_mobile ol li::marker {
		color: #b51d1a;
		font-weight: 500;
	}
	.content_mobile strong {
		font-weight: bold !important;
	}
	.content_mobile ul.is_stick {
		margin-left: 30px;
	}
	.content_mobile ul.is_stick li {
		font-family: "Inter" !important;
		font-size: 16px;
		font-weight: 400;
		line-height: 25px;
		margin-bottom: 10px;
		position: relative;
	}
	.content_mobile ol {
		list-style: auto;
		margin-left: 30px;
	}
	.is_stick li::before , .is_stick_table li::before {
		content: "";
		width: 15px;
		height: 15px;
		background: url(/addons/default/themes/cpraed/img/icon-include.png) left no-repeat;
		position: absolute;
		left: -20px;
		top: 4px;
	}
	.content_mobile img {
		max-width: 100%;
	}
	.center-img {
		text-align: center;
	}
	.videos_v2 iframe, .videos_dv2 iframe{
		min-height: 270px;
	}
	.chapter_h2{
		font-size: 1.1rem;
		line-height: 27px;
	}
}
.is_dot{
	list-style: disc !important;
}
.is_dot li::marker {
    color: #000 !important;
}
.new-cart-shopping{
	position: relative;
}
.total_cart,.total_cart_mobi{
	position: absolute;
    top: 19%;
    right: 5%;
    display: inline-block;
    color: #fff;
    background: #b51d1a;
    font-family: "Inter";
    font-size: 13px;
    font-weight: 500;
    padding: 3px 5px;
    border-radius: 50%;
}
.m-heght{
	max-height: inherit  !important;
}
.nav-card-mobile{
	position: relative;
}
.d-none{
	display: none;
}
@media only screen and (max-width: 1024px){
	.total_cart,.total_cart_mobi{
		font-size: 10px;
		top: -25%;
		right: -32%;
	}
}
.sub-course{
	font-size: 15px;
    line-height: 27px;
    margin-top: 15px;
    font-weight: 400;
}
.title_course_mobi{
	background: #17354E;
    color: #fff;
    font-size: 18px;
    font-family: "Inter";
    font-weight: 500;
    line-height: 27px;
    padding: 10px 0 10px 10px;
}
.right_content .mgl-40{
	margin-left: 40px !important;
}
/* css course UI table*/
table.table_course_ui{
	margin-bottom: 15px;
	width: 100%;
}
table.table_course_ui img{
	min-width: 100px
}
table.table_course_ui td {
	vertical-align: middle !important;
	border: 1px solid #ddd;
	font-size: 16px;
	font-family: 'inter';
	padding: 10px;
	line-height: 25px;
}
ul.is_stick_table{
	margin-left: 20px;
}
ul.is_stick_table li{
	font-family: "Inter" !important;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 10px;
    position: relative;
}
.right_content em {
	font-style: italic;
}

/* begin dropdown */
	.dropdown {
		position: relative;
		display: inline-block;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		z-index: 1;
		width: 100%;
		text-align: left;
	}

	.dropdown:hover .dropdown-content {
		display: flex;
		flex-direction: column;
	}
	.dropdown-content ul {
		list-style: none;
	}
	.btn-group {
		display: inline-flex;
		vertical-align: middle;
		position: relative;
		box-sizing: border-box;
	}
	.btn-group:first-child {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		cursor: pointer;
		color: #fff;
		background-color: #6c757d;
		border-color: #6c757d;
	}
	.btn-group .sub-button:hover {
		opacity: 0.7;
	}
	label.dropdown-content > * {
		margin-top: 1px;
	}
	.btn-group .sub-button {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		margin-left: -1px;
		color: #fff;
		background-color: #b41e1a;
		border-color: #b41e1a;
		display: inline-block;
		cursor: pointer;
		border: none;
	}
	.btn-group .main-button {
		color: #fff;
		background-color: #b41e1a;
		border: 1px solid #b41e1a;
		border-radius: 5px;
		padding: 10px 15px;
		font-size: 15px;
		font-family: "Inter";
		font-weight: 500;
		cursor: pointer;
	}
/* end dropdown */

/* begin cpr-select2 */
	.select2-container * {
		cursor: pointer;
	}

	.select2-results__option .wrap:before{
		font-family: fontAwesome;
		color:#999;
		content:"\f096";
		width:25px;
		height:25px;
		padding-right: 10px;

	}
	.select2-results__option[aria-selected=true] .wrap:before{
		content:"\f14a";
	}
	.select2-container--default .select2-results__option--highlighted[aria-selected] .wrap:before {
		color: #fff;
	}
	/** example
	<div class="dropdown">
		<div class="btn-group">
			<button class="main-button">Action</button>
			<button class="sub-button"><i class="fa-solid fa-caret-down"></i></button>
		</div>
		<label class="dropdown-content">
			<a href="/" target="_blank">text</a>
			<button>text</button>
		</label>
	</div>
	 */
/* end cpr-select2 */
/* start custom input label */
	.cus-input-label.cus-input-wrap {
		margin: 8px 0;
	}
	.cus-input-label label {
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
		font-family: 'Inter';
		color: #000;
		margin-bottom: 0;
		width: 100%;
	}
	.cus-input-label input {
		border: 1px solid #ddd;
		display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
	.cus-input-label.cus-input-wrap input {
        width: 100%;
		border-radius: 4px;
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
		font-family: 'Inter';
		min-height: 50px;
	}
	.cus-input-label span.red {
		color: #DA0008;
		margin-left: 4px;
	}
/* end custom input label */
.rep-table{
	overflow-x:auto;
	width: 100%;
}
.user_id {
    text-align: right;
    font-size: 13px;
    padding-top: 6px;
}

@media screen and (max-width: 767px) {
    .user_id, .name_user_box, .info-right li {
        display: none;
    }
}
@media only screen and (max-width: 1024px){
	.nav-mobile.nav-mobile_custom{
		justify-content: space-between;
        padding: 0px 14px;
	}
	.user_id{
        font-size: 11px;
        padding-top: 2px;
    }
	.nav-mobile {
		justify-content: space-between;
		padding: 0px 14px;
	}
	.nav-express_v3 {
		display: flex;
		align-items: center;
	}
	.nav-language-mobile {
		display: flex;
	}
	.info-user {
		display: flex;
		align-items: center;
	}
	table.table_course_ui td{
		font-size: 15px;
	}
	ul.is_stick_table li{
		font-size: 15px;
	}
	.content_mobile iframe {
		width: 100%;
	}
}
@media only screen and (max-width: 500px){
	.content_mobile iframe {
		width: 100%;
		height: 300px;
	}
}
@media only screen and (max-width: 400px){
	.content_mobile iframe {
		height: 200px;
	}
	/* min-width 360px */
	body.ui-mobile-viewport {
		min-width: 360px;
		overflow-x: scroll !important;
	}
	.ui-mobile .ui-page {
		background: #fff;
		min-width: 360px;
	}
}
.action_btns_v3.takequiz.action_btns_bygroup.disabled_m{
	color: grey !important;
}
.videos_dv2  a.various {
	text-align: center;
    display: block;
}
.button-youtube{
	position: relative;
	display: inline-block;
	display: flex;
	justify-content: center;
}
.button-youtube::before{
	position: absolute;
	content: "";
	top: calc( 50% - 24px );
	left: calc( 50% - 34px );
	background: url(/addons/default/themes/cpraed/img/YouTube_play_button_icon.png) no-repeat;
	background-size: cover;
	width: 68px;
	height: 48px;
}
.videos_dv2_mobi img {
	width: 90% !important;
}
#mainmenu_container .menu-item a {
    color: #444;
}
#mainmenu_container .menu-item a:hover {
    color: #b51d1a;
}
.noCLick-logo{
	cursor: auto;
}
/* start style model */
	.cpr-model-s1 {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		opacity: 0;
		visibility: hidden;
		transform: scale(1.1);
		transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	}
	.cpr-model-s1 .modal-content {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: white;
		padding: 20px 40px;
		width: auto;
		border-radius: 8px;
		display: flex;
		flex-direction: column;
	}
	.cpr-model-s1 .close-button {
		height: 18px;
		width: 18px;
		text-align: center;
		cursor: pointer;
		border-radius: 50%;
		background-color: #fff;
		border: 1px solid #000;
		font-weight: 300;
		position: absolute;
		right: 10px;
		top: 10px;
		font-size: 18px;
	}
	.cpr-model-s1 .close-button:hover {
		background-color: darkgray;
	}
	.cpr-model-s1.show-modal {
		z-index: 2;
		opacity: 1;
		visibility: visible;
		transform: scale(1.0);
		transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
	}
	.cpr-model-s1.multiple-email a {
		font-weight: 600;
		text-decoration: underline !important;
	}
	.cpr-model-s1 .sub-m-title {
		text-align: center;
		line-height: 1.5em;
		font-size: 14px;
		margin: 10px 0 20px 0;
	}
	.cpr-model-s1 b {
		font-weight: 600;
	}
	.cpr-model-s1 .modal-content .modal-header {
		border: none;
		font-size: 23px;
		color: #B51D1A;
	}
	.cpr-model-s1 .modal-content .modal-header .close-button {
		color: #000;
	}
	.cpr-model-s1 select, .cpr-model-s1 input, .cpr-model-s1 button {
		height: 50px;
		box-sizing: border-box;
		border: 1px solid #ccc;
		margin-bottom: 10px;
		padding: 0 10px;
		border-radius: 6px;
	}

	/*css for mobile apple pay*/

@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */
	.css_mobile_container{
		display: none;
	}
	#mobile_state, #mobile_country, #mobile_shipping_state, #mobile_shipping_country, #shipping_state_mobi, #country {
		color: black;
		background: white;
		height: 36px;
	}

}
@supports not (-webkit-touch-callout: none) {
	/* CSS for other than iOS devices */
	.css_mobile_container{
		display: block;
	}
}
.ui-header {
    border: none !important;
}
/* @media screen and (orientation: landscape) {
    .ui-mobile, .ui-mobile .ui-page {
        min-height: unset !important;
        height: 100%;
    }
} */

/* end style model */