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

h5.step_counter:before
{
    margin-top: -5px;
}

#studyPlan_form, #test_box
{
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    margin-bottom: 50px;
}

#studyPlan_form *
{
	transition: width 2s, height 2s, transform 2s;
	transition: background-color 0.5s ease;
}
#studyPlan_head
{
	background: #354146;
    color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 20px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

#studyPlan_steps
{
	background: #e5eaef;
	padding: 40px 0px 0px 0px;
}

.sec_level
{
    padding: 40px 0px 20px 0px;
    background: #e5eaef;
}

.sec_level span
{
    display: table;
    margin: auto;
    font-size: 24px;
    border-bottom: solid 3px #5cceff;
    padding-bottom: 8px;
    font-weight: 100;
    position: absolute;
    left: -234px;
    transition: 1s;
}

.sec_level span.lower_elementary
{
    border-bottom-color: #5cceff;
}

.sec_level span.upper_elementary
{
    border-bottom-color: #37aade;
}

.sec_level span.lower_intermediate
{
    border-bottom-color: #68ea1c;
}

.sec_level span.upper_intermediate
{
    border-bottom-color: #8bc36b;
}

.sec_level span.lower_advanced
{
    border-bottom-color: #f8954a;
}

.sec_level span.upper_advanced
{
    border-bottom-color: #ec4444;
}

.sec_level span.show
{
    left: 0;
    position: relative;
}


#studyPlan_steps ol
{
 	padding: 0px;   
}
#studyPlan_steps ol li, #studyPlan_steps ul li
{
	display: inline-block;
    position: relative;
    width: 16.7%;
}

#plan_start, #test_start
{
	    padding: 60px;
    background: #e5eaef;
}

#plan_start .start_plan_btn, .create_plan, #test_start .start_test_btn
{
	background: #98d161;
    color: #fff;
    padding: 20px 60px;
    font-size: 30px;
    margin: auto;
    display: table;
    cursor: pointer;
}
#plan_start .start_plan_btn:hover,  .create_plan:hover, #test_start .start_test_btn:hover
{
    background: #a6e46b;
}

.create_plan
{
	margin: 50px auto;
    line-height: 35px;
    text-align: center;

}

.form_holder
{
	display: none;
    overflow: hidden;
    position: relative;
}
#studyPlan_steps ol.showMobile
{
		display: none;
}

#studyPlan_steps ol li
{

    color: #99a2a8;
    font-weight: bold;
    font-size: 16px;
	text-align: center;	
    border-bottom: solid 3px #99a2a8;
    padding-bottom: 18px;
    margin-right: -4px;
}

#studyPlan_steps ol li:after
{
    position: absolute;
    content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="check-circle" class="svg-inline--fa fa-check-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 512 512"><path fill="%2399a2a8" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>');
    top: 32px;
    left: 43.6%;
    font-size: 35px;
    background: white;
    border-radius: 50%;
    z-index: 9;
    font-weight: 900;
}

#studyPlan_steps ol li.step_complete:after
{
    content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="check-circle" class="svg-inline--fa fa-check-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 512 512"><path fill="%2376bf14" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>');
}
#studyPlan_steps ol li.step_complete
{
	border-bottom: solid 3px #71c000;
}

#studyPlan_steps ol li.step_active:after
{
    content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="check-circle" class="svg-inline--fa fa-check-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 512 512"><path fill="%232ba7e0" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>');
}
#studyPlan_steps ol li.step_active
{
	border-bottom: solid 3px #2ba7e0!important;
}

#studyPlan_steps ul li
{

    font-size: 16px;
}

#studyPlan_main, #test_main
{
	background: #f1f5f9;
    padding: 40px 40px 40px 40px;
    position: relative;
}

div.plan_block.plan_hide
{
	display: none;
}


.plan_titleMain
{
    display: block;
    text-align: center;
    font-size: 28px;
    color: #4d585e;
	margin: 30px 0px;
	line-height: 35px;
}
.test_instruction 
{
    font-size: 22px;
    margin-top: 0;
}

.q_title
{
    margin: auto;
    display: table;
    font-size: 20px;
    margin-bottom: 20px;
}

.q_audio
{
    margin-bottom: 20px;
}

.listening_answer
{
    border: solid thin #97a2a6;
    padding: 10px;
    max-width: 600px;
    margin: auto;
    font-size: 20px;
    line-height: 28px;
}

.plan_box
{
	border: solid thin #98a2a7;
	cursor: pointer;
	position: relative;
}

.plan_box.option_selected
{
	border: solid thin #2ba7e0!important;
    background: #a0de76b8;
}

.plan_box.option_selected:before
{
	position: absolute;
    content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="check-circle" class="svg-inline--fa fa-check-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 512 512"><path fill="%232ba7e0" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>');
    top: -9px;
    left: 90%;
    font-size: 30px;
    color: #2ba7e0;
    background: white;
    border-radius: 50%;
    z-index: 9;
    font-weight: 900;
}

.plan_box .plan_option
{
	color: #99a2a8;
}


.plan_box.option_selected .plan_option
{
	color: #000;
}

.plan_box.selected
{
	border: solid thin #2ba7e0!important;
    background: #9ee0ff;
}

#nav_controls
{
	min-height: 100px;
    padding: 32px 0px;
}
.next_plan, .previous_plan, .submit_answer
{
	color: #fff;
    background: #98a2a7;
    padding: 8px 25px;
    cursor: pointer;
    margin: 0px 10px;
    font-size: 20px;
	display: inline-block;
}

.submit_answer 
{
    margin: auto;
    display: table;
    margin-top: 30px;
    transition: .8s;
}

.next_plan.ready
{
	background: #a0de76;
}

.previous_plan.ready, .submit_answer.ready
{
	background: #37c0ff;
}

.next_plan.ready:hover, .submit_answer.ready:hover
{
	background: #8cc466;
    
}

.submit_answer.ready:hover
{
   transition: unset; 
}

.previous_plan.ready:hover
{
	background: #2ba7e0;
}

.wrapper_collapse .column_4
{
	width: 24%;
}

.wrapper_collapse .column_5
{
	width: 18%;
}

.area
{
	background: #fff;
    padding: 25px 10px;
    border: solid thin #97a2a6;
}

input[type=checkbox].plan-check {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=checkbox].plan-check + label.plan-check-label {
							padding-left:35px;
							height:20px; 
							display:inline-block;
							line-height:30px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:20px;
							vertical-align:middle;
							cursor:pointer;
							position: relative;

						}

						input[type=checkbox].plan-check:checked + label.plan-check-label {
							background-position: 0 -20px;
						}
						label.plan-check-label {
				background-image:url(https://www.anglo-link.com/images/check_box.png);
				background-size: 20px;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

#slidecontainer {
    width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
   -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

/* Mouse-over effects */
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use webkit (Chrome, Opera, Safari, Edge) and moz (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
	border-radius: 25px;
}

.slider::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
	border-radius: 25px;
}

.slider.disabled::-webkit-slider-thumb
{
	background: #98a2a7!important;
}

.slider.disabled::-moz-range-thumb
{
	background: #98a2a7!important;
}

.sliderTitle
{
	display: block;
    margin-bottom: 25px;
    font-size: 20px;
}
.slider_value
{
	display: table;
    margin-top: 15px;
    font-size: 18px;
    border-bottom: solid thin #83c786;
}

.slider_value.disabled
{
	border-bottom: solid thin #98a2a7;
	color: #98a2a7; 
}

.secTitle
{
	font-size: 20px;
    color: #2ca7e0;
	padding: 10px 0px 25px 20px;
    display: block;
	line-height: 30px;
}

div.method label
{
	display: inline-block;
}


.timeFrame_slider
{
	padding: 20px;
    text-align: center;
    width: 80%;
    margin: auto;
}

.area hr
{
	
    margin-bottom: 25px;
}

.column_5.method.tools
{
    max-width: 15%;
}


#parameters 
{
	background: #fff;
    padding: 20px;
    margin-bottom: 40px;
    border: 2px solid #dbdbdb;
    border-radius: 3px;
}

.paramHead
{
    font-size: 23px;
    margin-bottom: 25px;
    display: block;
}

table.paramList
{
	width: 100%;
}

.paramList td
{
	vertical-align: top;
	width: 16%;
	text-align: center;
}

.paramList td img
{
	padding-bottom: 10px;
    width: 50px;
}
.paramList td .plan-td-val ul>li
{
	position: relative;
}
.paramList td .plan-td-val ul>li:before
{
    content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512"><path fill="%23b1e974" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>');
    font-weight: 600;
    padding-right: 10px;
}

span[data-id='param_method'] select 
{
    max-width: 100%;
}

.paramList td select
{
    padding: 3px;
    max-width: 160px;
}

.plan-td-head
{
	display: block;
    font-size: 16px;
    font-weight: bold;
    color: #5a4343;
    padding-bottom: 10px;
}

 .plan-td-val, .plan-td-val ul li
{
	color: #2284c7;
    font-size: 20px;
}

#plan_list .planMembership_icon 
{
    margin: auto;
    display: block;
    width: 300px;
    margin-bottom: -70px;
    z-index: 1;
    position: relative;
}

#plan_list .plan_head
{
    background: #37aadc;
    padding-top: 30px;
    position: relative;
    z-index: 0;
}

#bronze_option.membership_plans
{
    border: 1px solid #c48943;
    box-shadow: 0px 2px 10px rgb(231, 193, 130);
}

#silver_option.membership_plans
{
    border: 1px solid #959697;
    box-shadow: 0px 2px 10px rgb(193, 195, 197);
}

#bronze_option .planMembership_block
{
    border-bottom: 1px solid #c48943;
}

#silver_option .planMembership_block
{
    border-bottom: 1px solid #959697;
}


#gold_option.membership_plans
{
    border: 1px solid #fdcc42;
    box-shadow: 0px 2px 10px rgb(239, 213, 62);
}

#gold_option .planMembership_block
{
    border-bottom: 1px solid #fdcc42;
}

.lessons_included
{
    padding: 20px;
    background: #37aadd;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
}

.membership_plans
{
	background: #ffffff;
    border-radius: 3px;
	margin-bottom: 60px;

}

.membership_plans .wrapper_collapse .column 
{
    min-height: 160px;
	display: table;
}

.membership_plans .wrapper_collapse .column:not(:first-child):not(:last-child)
{
    border-right: 1px solid #dbdbdb;
}

.planMembership_block
{
    padding: 20px 10px;
}

.planMembership_subHead
{
	display: block;
	font-size: 20px;
	color: #888;
	text-transform: uppercase;
	padding-bottom: 20px;
}


.planMembership_val
{
	font-size: 25px;
	line-height: 30px;
}


.recommendedFlag
{
    left: 0px;
    border-radius: 2px 0 0 2px;
    position: absolute;
    top: 167px;
    line-height: 22px;
    padding: 5px 10px;
    font-size: 15px;
    background: #8bc36b;
    color: #fff;
}
.recommendedFlag:after {
       content: '';
    display: block;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: transparent transparent transparent #8bc36b;
    border-width: 16px 7px 16px 11px;
    right: -18px;
}

.startOption
{
	display: table-cell;
    vertical-align: middle;
	float: right;
    margin-right: 20px;
}

.selectPlan, .changeParameters
{
	padding: 10px 20px;
    background: #98D160;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
}

.changeParameters
{
	background: #d16d60;
	margin: auto;
    display: table;
    margin-top: 50px;
	color: #fff;
}

.changeParameters.save
{
    background: #37aadd;
}

.selectPlan:hover
{
	background: #a4de6b;
}
.changeParameters:hover
{
	background: #ee7f70
}

.changeParameters.save:hover
{
    background: #3fbbf2;
}

.more_plan_info
{
	padding: 20px;
    background: #eaeaea;
}

.info_row
{
	/*display: none;*/
	padding: 20px;
    background: #d9d9d9;
}

.skill_info
{
	display: none;
    padding-top: 30px;
}

.toggle_info
{
	cursor: pointer;
    display: table;
}

.info_table
{
	width: 100%
}

.info_table th, .info_table td
{
	text-align: center;
}

.info_table th
{
	padding-bottom: 10px;
	border-bottom: 1px solid #bbb9b9;
}

.info_table td
{
	padding-top: 10px;
}

.plan_price
{
    color: #8bc36a;
    font-size: 20px;
    display: block;
    margin-top: 16px;
}


.level_progress 
{
    width: 200px;
    display: block;
    position: relative;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    overflow: hidden;
	
}

.level_progress strong 
{
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 45px;
    font-size: 30px;
    transition: 0.6s;
}

.plan_box.selected.correct, .listening_answer.correct 
{
    border: solid thin #8bc36a!important;
    background: #c1f4a3;
}

.plan_box.selected.wrong, .listening_answer.wrong  
{
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    border: solid thin #ff0000!important;
    background: #fc5757e6;
}

#error_remaining
{
    position: fixed;
    display: flex;
    height: 50px;
    bottom: 10px;
    z-index: 100;
    right: -1000px;
    transition: 1s;
    
}

#error_remaining ul
{
    list-style: none;
}

#error_remaining ul>li
{
    display: inline-block;
}

#error_remaining ul>li .fa-heart, #error_remaining ul>li .fa-heart-o
{
    color: #ff2929;
    font-size: 40px;
    padding-right: 10px;
    vertical-align: middle;
}
#error_remaining ul>li .fa-heart-o
{
    animation: pop 0.3s linear 1;
}

.access_list
{
    list-style-type: none;
    text-align: left;
    padding: 0; 
}

.access_list li
{
    padding: 5px 40px;
    position: relative;
    color: #848485;
}

.access_list li:before
{
    content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512"><path fill="%23b1e974" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>');
    position: absolute;
    top: 8px;
    left: 12px;
}

#generator p, #week-by-week p, #clear_instructions p, #silver_gold_extra p, #final_test p
{
    text-align: left;
    font-size: 18px;
    line-height: 38px;
}
#generator img, #clear_instructions img
{
    width: 100%;
}

#week-by-week #timeline_shot, #week-by-week #timeline_shot_mobile
{
    margin: 0px auto 25px auto;
    display: table;
    width: 100%;
    max-width: 1010px;
}

#week-by-week #timeline_shot_mobile
{
    display: none;
    max-width: 435px;
}

#clear_instructions .wrapper_collapse
{
    margin-bottom: 20px;
}

#clear_instructions .wrapper_collapse .column.column_2:nth-child(2)
{
    margin-left: auto;
}
#clear_instructions img
{
   -webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08); 
}

#final_test #fluent_icons
{
    margin: 40px auto;
    display: table;
    margin-bottom: 80px;
}

#fluent_icons i
{
    width: auto;
    padding: 1.5rem;
    background: #fff;
    border-radius: 5rem;
    box-shadow: 0 0.19rem 0.38rem 0 rgba(41,70,97,.3);
    animation: float 7s ease-in-out infinite;
    font-size: 40px;
    margin-left: 40px;
    min-width: 80px;
    text-align: center;
    margin-top: 15px;
    display: inline-block;
}
#final_test .fas.fa-book
{
    color: #258ccb;
}
#final_test .fas.fa-pencil-alt
{
    color: #53ab26;
}

#final_test .fas.fa-headphones
{
    color: orange;
}

#final_test .fas.fa-microphone
{
    color: #ff6565;
}

@keyframes pop
{
  50%  {transform: scale(1.2);}
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}


.start_new
{
    color: #fff;
    margin-bottom: 30px;
    background: #37aadd;
    margin-top: 60px;
    line-height: 35px;
}

.start_new i
{
    display: block;
}

.start_new:hover
{
   background: #3dbff8; 
}


.loader 
{
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 0.8s linear infinite;
    margin: auto;
}

#mistake_box
{
    padding: 20px;
    background: #f2f2f5;
}

#mistake_box .mistake_level_head 
{
    font-size: 18px;
    padding-bottom: 20px;
    display: block;  
}
#mistake_box .mistake_level_head:not(:first-child)
{
    margin-top: 30px;
}

#mistake_box ul
{
    list-style: none;
}

#mistake_box ul > li
{
    border-bottom: solid thin #aaa;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.access_gold, .access_silver
{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 5px;
    margin: 0px 3px;
}

.access_gold
{
   background: gold; 
}
.access_silver
{
    background: silver;
}


.explore
{
    display: table;
    padding: 20px;
    background: #37aadd;
    margin: auto;
    border-radius: 5px;
    transition: 0.2s all linear;
    color: #fff;
    font-size: 18px;
}
.explore:hover
{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    background: #42c5ff;
    color: #ffffff;
}


.plan_time
{
    -webkit-box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
    box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
    display: table;
    padding: 5px;
    margin: auto;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 18px;
    text-align: center;
}

.plan_time .totalTime
{
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 15px;
}

.plan_time .timePerWeek
{
    color: #fff;
}

.innerBubble
{
    background-color: #3ecf8e;
    border-color: #3ecf8e;
    border-radius: 14px;
    padding: 20px;
}

.plan_head_img
{
    display: table;
    margin: -50px auto 0px auto;
    max-width: 100%;
    position: relative;
    z-index: 3;
}


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

@media screen and (max-width: 768px)
{
    #week-by-week #timeline_shot
    {
        display: none;
    }
    #week-by-week #timeline_shot_mobile
    {
        display: table;
    }
	.area .wrapper_collapse> .column
	{
		    padding: 20px 0px!important;
			margin: 10px auto!important;
	}
    .listening_answer
    {
        min-height: 175px;
    }
    .q_audio audio
    {
            margin-bottom: 30px!important;
            width: 80%!important;
    }
    .membership_plans .wrapper_collapse .column.column_4
    {
        position: relative;
        border-bottom: solid thin #a4a4a4!important;
    }
    .membership_plans .wrapper_collapse .column .planMembership_block
    {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: auto;
        left: 50%;
        width: 100%;
    }
    .paramList td
    {
        display: block;
        margin: auto;
        margin-bottom: 20px;
        width: 100%;
        border-bottom: solid thin #a4a4a4;
        padding-bottom: 15px;
    }
    .plan_head_img
    {
        margin-top: 0;
        margin-bottom: -45px;
    }
    
    .recommendedFlag {
      top: 177px;
    }
}

@media screen and (max-width: 500px)
{
	#studyPlan_steps ol.showMobile
	{
		display: block;
	}
	#studyPlan_steps ol:not(.showMobile)
	{
		display: none;
	}
	#studyPlan_steps ol li:after
	{
		left: 36%;
	}

}

@media screen and (max-width: 440px)
{
	#studyPlan_main
	{
		padding: 10px;
	}
	.area .wrapper_collapse
	{
		padding: 10px;
	}
	.timeFrame_slider
	{
		width: 100%;
	}
	
	#studyPlan_steps ol li:after
	{
		left: 30%;
	}
	.secTitle
	{
	    padding-left: 5px;
	}
    
    
}