@import url('https://fonts.googleapis.com/css2?family=Suez+One&display=swap');

@font-face {
  font-family: 'Stam';
  src: url('fonts/stamsefaradclm-webfont.woff') format('woff'), url('fonts/stamsefaradclm-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


body {
	font-family: 'Rubik', 'Open Sans', sans-serif;
	font-weight: 400;
	color: #666;
	font-size: 18px;
	width: 100%;
	overflow-x: hidden;
	line-height: 24px;
}
header {
    background: #fff;
    transition: height 0.5s;
    height: 132px;
    position: relative;
    color: #00816A;
    box-shadow: 0 1px 11px 1px #666;
    z-index: 9;
}


body.fullscreen header,
body.fullscreen .breadcrumb ,
body.fullscreen h1 ,
body.fullscreen .buttons ,
body.fullscreen footer{
  display: none;
}
.buttons2{
  display: none;
}
body.fullscreen .buttons2 {
    display: block;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 99;
}
body.fullscreen .buttons2 a {
    width: 42px;
    height: 42px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 43px;
    padding: 0;
    float: left;
}
body.fullscreen #content{
  min-height: 98vh;
}
#tikun_buttons ul {
    padding: 20px 44px;
    list-style: none;
    width: 100%;
    float: right;
}
#tikun_buttons ul li {
    float: right;
    margin: 4px 10px;
}
#tikun_buttons li a.btn {
    width: 120px;
    text-align: revert;
}

.torah_wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: calc(100vh - 335px);
}

body.fullscreen .torah_wrap {
    height: calc(100vh - 17px);
}

.torah_wrap_mnukad * {
    font-family:  sans-serif;
}
.torah_wrap_stam * {
    font-family: 'Stam' , 'Suez One', serif;
}
.torah_wrap_stam i {
    font-style: normal;
}
.torah_wrap_stam {
    font-size: 28px;
    line-height: 36px;
    width: 4000px;
    text-align: justify;
    position: relative;
    text-align-last: justify;
    z-index: 0;
    white-space: nowrap;
    padding: 20px 0;
    background: #fffbf0;
    letter-spacing: -2px;
    right: 0;
    overflow: auto;
    transition: all 0.6s;
    height: 100%;
}
.torah_wrap_stam .page {
    width: 430px;
    float: right;
    margin: 0 30px;
}

.torah_wrap_stam span.section,
.torah_wrap_stam b,
.torah_wrap_stam u{
	display: none;
}

.torah_wrap_stam p{
	cursor: pointer;
}
.torah_wrap_stam p span.makaf {
    letter-spacing: 6px;
}
.torah_wrap_stam p.shownikud span.makaf {
    letter-spacing: -1px;
}

.torah_wrap_stam p.shownikud, .torah_wrap_stam p.shownikud * {
    font-family: sans-serif;
    color: #555;
    font-size: 22px;
    letter-spacing: -1px;
    word-spacing: -4px !important;
}
.torah_wrap_stam p.shownikud span.section, .torah_wrap_stam p.shownikud b {
    display: inline;
    font-size: 12px;
    color: #000;
}
.torah_wrap_stam p.shownikud span.section {
  font-size: 10px;
  font-weight: normal;
  color: #3b826b;
  padding: 0 4px;
}

.torah_wrap_stam p.shownikud u {
    display: inline;
    text-decoration: unset;
}
.torah_wrap_stam p.shownikud i {
    display: inline;
    text-decoration: unset;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    font-style: italic;
}
.torah_wrap_stam p span.ptuha ,
.torah_wrap_stam p span.stuma {
    padding: 0 12px;
    font-size: 0;
}
.torah_wrap_stam p.shownikud span.ptuha ,
.torah_wrap_stam p.shownikud span.stuma {
    color: #3b826b;
    font-weight: bold;
    padding: 0 14px;
}
.torah_wrap_stam p.small span.stuma {
    padding: 0 6px;
}


header a{
		color: #00bf96;
}
header > .mcontainer {
    height: 100%;
}
.scroll header {
    position: fixed;
    top: -67px;
    z-index: 99;
    right: 0;
    width: 100%;
    background: #00816A;
    color: #fff;
}
.scroll header a{
    color: #fff;
}
h1, h2, h3, h4, h5, h6 {
	color: #00816A;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
.white_bg{
	background: #fff;
}
#common-home {
    /* background: url(../image/nurse2.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom center; */
}

#common-home h1 {
    font-weight: bold;
    padding: 20px 0;
		background: #fff;
		margin: 0;
}
.welcome {
    font-size: 20px;
    line-height: 30px;
    background: #fff;
    padding: 0 40px 40px;
}
.welcome h2 {
    background: #fff;
    margin: 0;
}
.welcome p {
    background: #fff;
    margin: 0;
}
.welcome i {
    font-size: 17px;
}
.welcome strong ,
.welcome b {
    color: #00816a;
}
.personal_zone {
    background: #eee;
    padding: 8px;
}
.personal_zone table td{
    background: #fff;
}
.color-danger {
    color: #a94442;
}
.color-success {
    color: #3c763d;
}
#content{
}


.report-table td {
    font-size: 14px;
}
.personal_zone table td i.fa-shekel-sign {
    font-size: 10px;
}


h2 {
    font-size: 27px;
    color: #233223;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #00816A;
}
a:hover {
	color:rgba(42, 121, 130, 0.7);
	text-decoration: none;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 16px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 16px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 16px;
}
.input-group .input-group-addon {
	font-size: 16px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
  color: #00816A;
	/* text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x; */
}
/* top */
#top {
	background-color: #00BF96;
	padding: 4px 0px 3px 0;
	margin: 0 0 0 0;
	min-height: 40px;
}
#top .container {
	padding: 0 20px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
	text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #00816A;
	background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
	text-decoration: none;
}
#top-links li {
	display: block;
}
#top-links li i {
    font-size: 42px;
    color: #ddd;
}
#top .btn-link:hover, #top-links a:hover {
	color: #444;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
        line-height: 14px;
}
#top-links {
    position: absolute;
    top: 23px;
    left: 0;
}
#top-links a + a {

}
/* logo */
.logo_wrap {
    position: absolute;
    z-index: 999;
    right: : 0;
    top: 0;
    height: 90px;
    font-size: 30px;
    line-height: 35px;
    width: 270px;
    text-align: right;
    direction: rtl;
}
#logo a.logo_small {
    display: none;
}

.scroll .logo_wrap {
    bottom: 0px;
    top: inherit;
    height: 60px;
		width: auto;
}
.scroll #logo a {
    color: #fff;
    font-size: 20px;
}
.scroll #logo a.main_logo {
    display: none;
}
.scroll #logo a.logo_small {
    display: block !important;
    bottom: 0;
}
#logo {
    margin: 0;
    direction: rtl;
    height: 100%;
}
#logo img {
    height: 100%;
		width: auto;
}
#logo a{
    /* color: #fff; */
}
/* search */
#search {
	margin-bottom: 10px;
}
#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
}
#search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding: 10px 35px;
	text-shadow: 0 1px 0 #FFF;
}
/* cart */
#cart {
	margin-bottom: 10px;
}
#cart > .btn {
	font-size: 16px;
	line-height: 18px;
	color: #FFF;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #444;
}
#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
}
#cart .dropdown-menu {
	min-width: 100%;
}
@media (max-width: 478px) {
	#cart .dropdown-menu {
		width: 100%;
	}
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
@media (max-width: 478px) {
	#cart .dropdown-menu li > div {
		min-width: 100%;
	}
}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
/* menu */
#menu {
	background-color: #00816A;
	background-repeat: repeat-x;
	min-height: 40px;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
}
#menu ul.nav.navbar-nav {
    margin-right: -15px;
}
.scroll nav#menu.navbar {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}
#menu .nav > li > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 10px 15px;
	min-height: 15px;
	background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
    display: table-cell;
    list-style: none;
    padding: 4px 18px;
}
#menu .dropdown-inner ul li {
    list-style: none;
    padding: 0;
}

#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-size: 16px;
}
#menu .dropdown-inner li a:hover {
	color: #00816A;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 16px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}

#menu .dropdown-inner ul ul li {
    background: url('../image/triangle.png') no-repeat right center / 10px 10px;
}

@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
  li.dropdown.menu-col-5 > .dropdown-menu {
    width: 874px;
  }
  li.dropdown.menu-col-5 >  .dropdown-menu > .dropdown-inner > ul > li {
    float: right;
    width: 19.5%;
  }
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}
/* content */
#content {
	min-height: 600px;
}
/* footer */
footer {
    margin-top: 30px;
    padding-top: 30px;
    background-color: #ccc;
    border-top: 1px solid #999;
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer a {
	color: #00816A;
	transition: all 0.6s;
}
footer a:hover {
	color: rgba(42, 121, 130, 0.7);
}
footer h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

.footer_powerd_wrap{
	width: 192px;
	overflow: hidden;
	margin: auto;
}
.logo_footer {
    float: left;
    margin: 0 10px 0 0;
}
.powered {
    float: left;
}
.logo_footer > img{
    width: 53px;
}
.footer-col {
    width: calc(50% - 160px - 20px);
    float: right;
}
.fb-col {
    width: 310px;
    float: left;
}
.fb-col {
    width: 310px;
    float: left;
    margin-bottom: 30px;
}
.bottom_footer.container {
    color: #fff;
    background: #00816A;
    padding: 20px 0;
    text-align: center;
}
.bottom_footer.container a{
    color: #fff;
}
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}
.mcontainer.alert {
    padding: 8px;
}
/* breadcrumb */
.breadcrumb {
	margin: 0 0 20px 0;
	padding: 8px 0;
	border: 0px solid #ddd;
}
.breadcrumb ul{
    padding: 0px 0;
    margin-bottom: 0px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb  li {
		text-shadow: 0 1px 0 #FFF;
    padding: 0 0 0 20px;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    margin: 0 0px 0 20px;
}
.breadcrumb  li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb  li:after {
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	left: -5px;
	width: 26px;
	height: 26px;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pagination {
	margin: 0;
}
.exampagination_wrap.pagination {
    margin: 40px auto;
    float: none;
    display: block;
    height: 57px;
    overflow: hidden;
    width: 100%;
}
.exam_wrap ul.pagination  {
	margin: auto;
}
.exam_wrap ul.pagination li {
	width: auto;
	cursor: pointer;
}
.pagination li {
	cursor: pointer;
}
.pagination>.active>a, .pagination>.active>a:focus,
.pagination>.active>a:hover, .pagination>.active>span,
.pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #00bf96;
    border-color: #00816a;
}
{
    position: relative;
    float: right;
    padding: 0;
    margin-right: -1px;
    line-height: 28px;
    color: #00816a;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    margin: 0 4px;
    width: 30px;
    height: 30px;
    text-align: center;
}

div#gonfig_pannel {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 50px;
    background: #eee;
    width: 100%;
    box-shadow: 0px 0px 14px -1px #999;
    color: #666;
		z-index: 999;
}
div#gonfig_pannel  span.config {
    position: absolute;
    right: 6px;
    font-size: 34px;
    top: 8px;
    margin: auto;
}

/*  TIMER  */

#clockdiv {
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 22px;
    position: relative;
    float: left;
    margin: 5px;
    direction: ltr;
    width: auto;
    border-right: 2px solid #a09c9c;
}
#clockdiv:after {
			content: '';
	    position: absolute;
	    top: 0;
	    left: calc(100% - 1px);
	    right: 0;
	    bottom: 0;
	    background: #ffffff;
	    z-index: -1;
	    width: 1px;
}

#clockdiv > div {
		padding: 3px;
		border-radius: 3px;
		background: #00BF96;
		display: inline-block;
}
#clockdiv div > span {
    padding: 6px;
    border-radius: 3px;
    background: #00816A;
    display: inline-block;
    font-size: 20px;
}
#clockdiv > span, #clockdiv > div {
    float: left;
    margin: 1px 2px;
}
span.timer_btns > a.small {
    font-size: 22px;
    margin: 8px 4px;
    display: block;
    float: left;
    cursor: pointer;
}
.smalltext {
		padding-top: 5px;
		font-size: 12px;
}

div#finish_btn ,
div#config_btn{
    float: left;
    margin: 6px;
}
div#finish_btn > a.btn.site-btn ,
div#config_btn > a.btn.site-btn {
    margin: 0;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
}









/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 16px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 16px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #1cb99d;
    background-image: linear-gradient(to bottom, #17af94, #00816a);
    background-repeat: repeat-x;
    border-color: #00816a #00816a #00816a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #00816a;
	background-position: 0 -15px;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	overflow: auto;
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image a:hover {
	opacity: 0.8;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 0 15px;
}
}
.product-thumb h4 {
	font-weight: bold;
}
.product-thumb .caption {
	padding: 0 20px;
	min-height: 180px;
}
.product-list .product-thumb .caption {
	margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #444;
}
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 16px;
	display: block;
}
.product-thumb .button-group {
	border-top: 1px solid #ddd;
	background-color: #eee;
	overflow: auto;
}
.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	margin-left: -20px;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}

/* Banner */
.banner_warp {
    overflow: hidden;
}
.banner {
    position: relative;
    width: 100%;
    height: calc(100vh - 135px);
    overflow: hidden;
}
.banner > div {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 1.6s;
	background-position: bottom center !important;
}
.banner > div.current {
		opacity: 1;
}
.banner_inside a {
    position: absolute;
    height: 240px;
    bottom: 0;
    right: 0;
    margin: auto;
    color: #00816a;
    display: block;
    font-size: 22px;
    padding: 0;
    transition: all 0.8s;
    text-align: right;
    line-height: 32px;
    font-weight: normal;
    font-style: italic;
    width: 40%;
    top: 0;
    padding: 10px 40px;
}
.banner_inside a i {
    display: block;
    font-size: 48px;
    text-align: right;
    margin: 20px auto;
    color: rgba(0, 129, 106, 0.5);
    width: 50px;
}
.banner_inside > a:hover {
	color: #00bf96;
}
.banner_bg {
    width: 40%;
    height: 239px;
    position: absolute;
    right: 0;
    background: rgba(255,255,255,0.8);
    top: 0;
    bottom: 0;
    margin: auto;
		border-radius: 5px;
}

.basket_page .banner {
    height: 172px;
    margin-bottom: 40px;
}
.basket_page .banner_inside {
    background-position: center !important;
    height: 100%;
}

/* END BANNER */

.container {
    width: 100%;
    padding: 0;
    margin: auto;
}
.mcontainer {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
		max-width: calc(100vw - 80px);
		width: 1240px;
}

nav#menu.navbar {
    margin: 0;
		border-radius: 0px;
}
#menu .collapse.navbar-collapse.navbar-ex1-collapse {
    padding: 0;
}
.container.acount-boxes {
    text-align: center;
}
.acount-boxes > div {
    float: none;
    min-height: 412px;
    position: relative;
    display: inline-block;
    width: 44%;
		max-width: 500px;
    margin: 10px 40px;
}
.register_text_wrap {
    min-height: 271px;
}
.acount-boxes > div .well {
    height: calc(100% - 40px);
    position: absolute;
    width: calc(100% - 40px);
    margin: 20px;
    text-align: right;
}
.login_icon {
    padding: 0;
    margin: 0;
    line-height: 35px;
}
.btn-width {
    width: 200px;
}

.account_list li {
    border: 2px solid #eee;
    width: 165px;
    height: 165px;
    border-radius: 50%;
    float: right;
    margin: calc((100% - 600px) / 12);
    text-align: center;
		color: #00816A;
		position: relative;
		transition: all 0.6s;
}
.account_list li > a {
    color: #00816A;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    padding: 82px 10px 0 10px ;
}
.account_list li > i {
			display: block;
	    height: 40px;
	    border-radius: 20px;
	    text-align: center;
	    line-height: 40px;
	    margin: 29px auto 5px;
	    color: #00816A;
	    transition: all 0.6s;
	    font-size: 53px;
}
.account_list li.disable {
    cursor: not-allowed;
    color: #eee;
}
.account_list li.disable i,.account_list li.disable a {
    color: #aaa;
}
.account_list li:hover {
		border: 2px solid #00816A;
		color: #fff;
		background: #00bf96;
}
.account_list li i{
  transform: translateZ(1px);
}
.account_list li:hover > i {
  animation: lds-circle 1.8s ;
}
.account_list li:hover a,
.account_list li:hover i{
    color: #fff;
}

ul.icons_list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.nav.icons_list > li >a:focus, .nav.icons_list > li > a:hover {
    text-decoration: none;
    background-color: #fff;
		/* border: 1px solid transparent;
	  border-bottom: 1px solid #eee; */
}

div#by.tab-content {
    padding: 30px 4px;
    overflow: hidden;
		background: #fafafa;
}
div#question_filter {
    border: 1px solid #999;
    padding: 10px 20px;
    width: 100%;
    float: right;
    margin-top: 20px;
    box-shadow: 0px 0px 9px -2px;
		    background: #fff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color:#fafafa;
}
div#question_filter ul {
    list-style: none;
    padding: 0;
    height: auto;
    margin: 0;
    overflow: hidden;
}
div#question_filter ul li {
    cursor: pointer;
    width: 50%;
    float: right;
}

.icons_list li {
    float: right;
    width: 20%;
    text-align: center;
}
.icons_list li.active {
    background: #fafafa;
}
.icons_list li a {
    font-size: 20px;
		color:#666;
}
.icons_list li a i {
    display: block;
    font-size: 42px;
    margin: 20px 0;
		transition: all 0.5s;
		cursor: pointer;
		color: rgba(0, 191, 150 , 0.8);
}
.icons_list li.active a i {
    color: #232323;
}
.icons_list li:hover a i {
    transform: rotate(-15deg);
    opacity: 0.8;
		color:#666;
    margin-left: -20px;
}
.tab-content {
    padding: 10px 0;
}
.tab-content>.tab-pane {
    background: #fafafa;
    overflow: hidden;
    padding: 20px;
    border: 1px solid #999;
    box-shadow: 0px 0px 6px -2px #333;
}



.exam_box {
    display: block;
    float: right;
    height: 225px;
    box-shadow: 0px 0px 6px -3px #333;
    padding: 10px;
    margin: 15px 1.5%;
    text-align: center;
    font-size: 18px;
		transition: background 0.5s;
		cursor: pointer;
		color: #00816A;
		background: #fff;
    width: 180px;
		border: 1px solid;
		border-radius: 6px;
}
.exam_box:hover {
    border:2px solid #a6ce39;
}
.exam_box.wide {
    width: 100%;
    margin: 3px 0;
    padding: 20px 40px;
    height: auto;
}
.exam_box .date {
    font-size: 16px;
    line-height: 16px;
}
.exam_box span.alert {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 16px;
		border-bottom: 1px solid #d4dcb2;
    background: #f6ffd1;
    border-top: 1px solid #d4dcb2;
		line-height: 18px;
}
.exam_box span.alert.red {
		border-bottom: 1px solid #c07377;
		background: #ffeff0;
		border-top: 1px solid #c07377;
		color: #552d2d;
}
.exam_box .exam_name {
    font-size: 16px;
    line-height: 16px;
    height: 46px;
    overflow: hidden;
}
.exam_box.wide .exam_name {
    font-size: 20px;
    line-height: 20px;
    height: auto;
    overflow: inherit;
}
a.exam_box {
    height: 140px;
}
a.exam_box span.question_num {
    color: #999;
		display: block;
}
a.exam_box.disable {
    cursor: not-allowed;
}
.exam_box.check {
    box-shadow: 0 0px 20px -1px #333;
    border: 3px solid rgb(0, 129, 106);
    background: rgba(0, 129, 106, 0.1);
}
.exam_box:not(.disable):hover {
    color: #a6ce39;
		border:2px solid #00816a ;
    box-shadow: 0px 0px 13px -3px #333;
}
.exam_box:not(.disable):hover ul *{
		color: #fff;
}
.exam_box > i {
    display: block;
    font-size: 32px;
    margin-bottom: 12px;
}

.exam_box:over > i,
.exam_box.check > i {
    color:#a6ce39;
}
.exam_box ul {
    padding: 0;
    list-style: none;
    text-align: right;
    font-size: 14px;
    line-height: 16px;
    color: #232323;
    height: 75px;
    background: #eee;
    margin: 8px -10px;
    padding: 6px;
}
.exam_box.wide ul {
    padding: 0;
    list-style: none;
    text-align: right;
    font-size: 20px;
    line-height: 24px;
    color: #232323;
    height: auto;
    background: #eee;
    margin: 20px auto;
    padding: 12px;
}
.exam_box:hover ul {
    background: #00bf96;
}
.exam_box ul i {
    font-size: 9px;
}


ul.chapter_list {
    list-style: none;
    padding: 0;
    margin: 40px 0px;
}
ul.chapter_list > li {
    margin: 10px 0;
    float: right;
    width: 30%;
}
ul.chapter_list > li.choose_all {
    width: 100%;
    font-weight: bold;
    color: #00816a;
}
ul.chapter_list > li > i {
    cursor: pointer;
    vertical-align: -2px;
    margin: 0 0px 0 6px;
}
ul.chapter_list > li.check {
    color: #00816a;
    font-weight: bold;
}
div.num_qu_wrap {
    font-size: 26px;
    margin: 20px 0 0 0;
    color: #00816A;
    width: 100%;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
div.num_qu_wrap span{
    font-weight: bold;
}
















		.nicebtn {
		    background-image: -webkit-linear-gradient(top, #f4f1ee, #fff);
		    background-image: linear-gradient(top, #f4f1ee, #fff);
		    border-radius: 30%;
		    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
		    height: 110px;
		    margin: 40px auto;
		    position: relative;
		    width: 190px;
		    -webkit-transition: all .1s linear;
		    transition: all .1s linear;
		    text-align: center;
		    line-height: 117px;
		    font-size: 25px;
		    display: block;
		    color: #00bf96;
		    cursor: grab;
		}


		.nicebtn:after{
			color:#e9e6e4;
			content: "";
			display: block;
			font-size: 30px;
			height: 30px;
			text-decoration: none;
			text-shadow: 0px -1px 1px #bdb5b4, 1px 1px 1px white;
			position: absolute;
			width: 30px;
		}

		.timer:after{
			content: /f2f2/;
			left:23px;
			top:16px;
		}

		.nicebtn:hover{
			background-image: -webkit-linear-gradient(top, #f4f1ee, #f4f1ee);
			background-image: linear-gradient(top, #f4f1ee, #f4f1ee);
			color:#00816a;
		}

		.nicebtn:active{
			background-image: -webkit-linear-gradient(top, #efedec, #f7f4f4);
			background-image: linear-gradient(top, #efedec, #f7f4f4);
			box-shadow: 0 3px 5px 0 rgba(0,0,0,.4), inset 0px -3px 1px 1px rgba(204,198,197,.5);
		}

		.nicebtn:active:after{
			color:#dbd2d2;
			text-shadow: 0px -1px 1px #bdb5b4, 0px 1px 1px white;
		}

		.nicebtn.small {
			font-size: 14px;
			height: 40px;
			line-height: 40px;
			width: auto;
			margin: 12px 8px;
			padding: 2px 8px;
			font-weight: bold;
		}
		.nicebtn.small.red {
	    color: #d65a5a;
		}
		.nicebtn.small.orange {
	    color: #d49606;
		}


		.exam_text ul {
		    margin: 0 0 12px 0;
		    padding: 0;
		    list-style: none;
		}
		.exam_text ul li {
    	margin: 12px 10px;
		}
		.readmore_link{
			display: none;
		}

		.exam_wrap ul {
		    padding: 0 20px 0px 0;
		    margin: 0;
		    list-style: none;
		}
		.exam_wrap ul li {
		    display: block;
		    width: 100%;
		    float: right;
		}
		.exam_wrap > ul > li {
		    margin: 10px 0;
		}
		.exam_wrap ul li > span {
		    display: block;
		    float: right;
		}
		.exam_wrap ul li > span.num {
		    width:26px;
		}
		.exam_wrap > ul > li li > span.num{
		    width:10px;
		}
		.exam_wrap ul li > span.question {
    		width: calc(100% - 40px);
		}

		.exam_wrap ul li > span > span {
			    display: block;
			    float: right;
			    margin: 0 7px 0 0;
			    font-weight: bold;
			}
			span.num {
			    font-weight: bold;
			    margin: 0 0 0 10px;
			    width: 12px;
			}
			.exam_wrap ul li > span.check {
			    cursor: pointer;
			    margin: 0 0 0 10px;
			}
			.exam_wrap ul li > span p {
			    margin: 0;
			}
			.exam_wrap ul ul {
			    margin-top: 28px;
			    overflow: hidden;
			    width: 100%;
			    padding: 0 6px 0 0;
			}
			.exam_wrap ul ul li {
			    margin-top: 0;
					padding: 0 0;
			}
			.exam_wrap ul ul.answers > li {
				transition: all 0.5s;
		    padding: 3px;
		    position: relative;
		    overflow: hidden;
			}
			.exam_wrap ul ul.answers > li.correct {
		    border-bottom: 1px solid #d4dcb2;
		    background: #f6ffd1;
		    border-top: 1px solid #d4dcb2;
			}

			.exam_wrap ul ul li.ans_options {
				text-align: left;
				margin-top: 0;
				cursor: pointer;
				float: left;
				width: auto;
				height: 35px;
				background: rgba(206, 200, 200, 0.2);
				padding: 4px 10px;
				border: 1px solid #999;
				border-radius: 4px;
			}
			.exam_wrap ul ul li a.do {
			    display: inline-block;
					margin: 0px 10px;
					font-size: 18px;
					line-height: 28px;
			}
			.exam_wrap ul ul li a.do i {
			    font-size: 18px;
					transform: all 0.6s;
			}
			.fb-share-button.fb_iframe_widget {
			    position: relative;
			    top: -3px;
			}
			.exam_wrap ul ul li a.do.light i {
				color: #d4dcb2;
				-webkit-transition: 0.4s ease-out;
				transition: 0.4s ease-out;
				-webkit-transform: rotate(10deg);
				transform: rotate(10deg);
			}
			.exam_wrap ul ul li a.do i.far.fa-star.fas {
			    color: #00bf96;
			    -webkit-transition: 1.4s ease-out;
			    transition: 1.4s ease-out;
			    -webkit-transform: rotate(720deg);
			    transform: rotate(720deg);
			    text-shadow: 0px 0px 2px #000;
			}
			.exam_wrap ul ul li a.do.short i {
			    font-size: 16px;
			}
			.exam_wrap ul ul li.ans_extendes > div.ansbox {
		    background: #eee;
		    padding: 0px;
				height: 0;
		    margin: 5px 0;
		    float: right;
		    border: 1px solid #999;
		    width: 100%;
		    border-radius: 4px;
				overflow: hidden;
				opacity: 0;
		    transition: all 0.5s;
			}
			.exam_wrap ul ul li.ans_extendes > div.ansbox,
			.exam_wrap ul ul li.ans_extendes > div.ansbox * {
				text-shadow: 0 0 8px rgba(0,0,0,0.5);
				color: transparent;
			}
			.exam_wrap ul ul li.ans_extendes > div.ansbox .closeextand,
			.exam_wrap ul ul li.ans_extendes > div.ansbox .closeextand * {
				text-shadow: 0px;
				color: #00816A;
			}
			.block_ans .btn.upgrade_pack-btn,
			.exam_wrap ul ul li.ans_extendes > div.ansbox a.btn.upgrade_pack-btn {
			    position: absolute;
			    right: 0;
			    left: 0;
			    top: 0;
			    bottom: 0;
			    margin: auto;
			    width: 200px;
			    height: 43px;
			}
			.exam_wrap ul ul li.ans_extendes > div.ansbox a.btn.upgrade_pack-btn ,
			.exam_wrap ul ul li.ans_extendes > div.ansbox a.btn.upgrade_pack-btn i{
				text-shadow: 0px 0px 0px;
				color: #fff;
			}
			li.ans_extendes .block_ans {
			    position: absolute;
			    width: 100%;
			    height: 100%;
			    top: 0;
			    right: 0;
			    cursor: not-allowed;
					/* background: rgba(255,255,255,0.92) */
			}

		 	.ps .exam_wrap ul ul li.ans_extendes > div.ansbox,
			.ps .exam_wrap ul ul li.ans_extendes > div.ansbox * {
				text-shadow: 0px 0px 0px;
				color: #666;
			}
			.ps .exam_wrap ul ul li.ans_extendes > div.ansbox .closeextand,
			.ps .exam_wrap ul ul li.ans_extendes > div.ansbox .closeextand * {
				text-shadow: 0px 0px 0px;
				color: #666;
			}
			.exam_wrap ul ul li.ans_extendes > div.ansbox.show * {
			    font-size: 16px !important;
			}

		.exam_wrap ul li > span.checkans {
	    display: block;
	    width: 22px;
			opacity: 0;
			transition: all 0.6s;
		}
		.exam_wrap ul li > span.checkans.show {
			opacity: 1;
		}
		.exam_wrap ul li > span.checkans .fa-times {
		    color: #e86161;
		}
		.exam_wrap ul li > span.checkans .fa-check {
		    color: #8de67e;
		}
		.exam_wrap ul ul li.ans_extendes > div.ansbox.show {
		    padding: 20px;
				height: auto;
				opacity: 1;
				position: relative;
		}
		span.reference {
		    border-top: 1px solid #aaa;
		    display: block;
		    width: 100%;
		    padding: 20px 0 0 0;
		    direction: ltr;
		    text-align: left;
		}
		span.reference a,
		 .ps .exam_wrap ul ul li.ans_extendes > div.ansbox a{
		    color:#00816a;
		}
		a.closeextand {
	    position: absolute;
	    left: 0;
	    top: 10px;
	    left: 10px;
			cursor: pointer;
		}

		.how_its_work img {
		    vertical-align: middle;
		    transform: rotate3d(-2.5, -8, -2, -0.9turn);
		    box-shadow: -6px 8px 33px -10px #444;
		    float: left;
		    width: 326px;
		    margin: 0 40px 40px 0;
		}
		.how_its_work h2 {
	    color: #00816A;
	    font-weight: bold;
			text-align: center;
	}

	.hp_box {
	    width: 18%;
	    float: right;
	    margin: 10px 1%;
	    height: 154px;
	    border: 1px solid #eee;
	    padding: 20px;
	    text-align: center;
	    border-radius: 4px;
			background: #fff;
			transition: background 0.5s;
	}
	.hp_box:hover{

	}

	.hp_box_description {
	    width: 100%;
	    margin: 40px 0;
	    float: right;
	    min-height: 150px;
	    background: #f5f6f7;
	    padding: 20px;
	    box-shadow: 0px 2px 8px -4px #333;
			overflow: hidden;
	}


	.shadow-drop-2-center:hover {
		-webkit-animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		        animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	}
	/* ----------------------------------------------
	 * Generated by Animista on 2019-3-27 10:1:17
	 * w: http://animista.net, t: @cssanimista
	 * ---------------------------------------------- */

	/**
	 * ----------------------------------------
	 * animation shadow-drop-2-center
	 * ----------------------------------------
	 */
	@-webkit-keyframes shadow-drop-2-center {
	  0% {
	    -webkit-transform: translateZ(0);
	            transform: translateZ(0);
	    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	  }
	  100% {
	    -webkit-transform: translateZ(50px);
	            transform: translateZ(50px);
	    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
	  }
	}
	@keyframes shadow-drop-2-center {
	  0% {
	    -webkit-transform: translateZ(0);
	            transform: translateZ(0);
	    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	  }
	  100% {
	    -webkit-transform: translateZ(50px);
	            transform: translateZ(50px);
	    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
	  }
	}







	.hp_box > span{
	    width: 100%;
			display: block;
	}
	.hp_box > span.title{
	    height: 56px;
			font-weight: bold;
			color: #00816a;
	}
	.hp_box i {
	    font-size: 50px;
	    color: #00bf96;
	}


	.register_text {
	    text-align: justify;
	    font-size: 18px;
	    line-height: 27px;
	    background: #fcfcfc;
	    padding: 20px;
	}
	.register_text h2,
	.register_text b{
		color: #00816A;
		font-weight: bold;
	}















/*///////// LOAD /////////////*/
div#loadpage {
    position: fixed;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99;
}
.lds-ripple {
  display: inline-block;
  position: absolute;
  width: 164px;
  height: 164px;
	right: 0;
	left: 0;
	top:0;
	bottom:0;
	margin: auto;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 74px;
    left: 74px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 158px;
    height: 158px;
    opacity: 0;
  }
}


/*/////////  HOMEPAGE ///////////*/

.hp_btns {
    text-align: center;
}
.hp_btns > a {
    display: inline-block;
    width: 170px;
    height: 170px;
    border: 1px solid;
    border-radius: 50%;
    line-height: 48px;
    font-size: 24px;
    margin: 80px 60px;
    padding: 38px 0;
    background: #fff;
    transition: all 0.6s;
}
.hp_btns > a:hover {
	color: #fff;
	background: #00bf96;

}

.hp_btns > a > i {
    display: block;
    font-size: 54px;
}


.lds-circle i{
  transform: translateZ(1px);
}
.lds-circle > a:hover > i {
  animation: lds-circle 1.8s ;
}
@keyframes lds-circle {

  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(720deg);
  }
}





.info_pp_wrap{
	position: fixed;
	height: 0;
	width: 100%;
	right: 0;
	top: 0;
	background: rgba(0,0,0,0.8);
	z-index: 999;
	opacity: 0;
	display: block;
	transition: opacity 0.5s;
}
.info_pp_wrap.show{
	height: 100%;
	opacity: 1;
}


.info_pp {
		width: 600px;
    max-width: 96vw;
    height: 0px;
    max-height: 96vh;
    position: absolute;
    background: #fff;
    right: 0;
    left: 0;
    top: -100%;
    margin: auto;
		overflow: hidden;
    transition: top 1s;
		transition-timing-function: ease-in-out;
}
.show .info_pp {
		height: 400px;
		top: 0;
}
.show .info_pp .info_pp_content > .content {
    padding: 40px;
}




/*///////// LOAD /////////////*/


.c1 {
    color: #48b109;
}
.c2 {
    color: #ffad13;
}
.c3 {
    color: #a94442;
}
.c4 {
    color: #d4100c;
}
.c5 {
    color: #232323;
}



.print_v {
	background: #000 none repeat scroll 0 0;
	border: 2px solid #fff;
	color: #43ff05;
	direction: ltr;
	left: 0;
	overflow: auto;
	padding: 10px;
	position: fixed;
	top: 32px;
	min-width: 50px;
	max-width: 80vw;
	max-height: 80vh;
	z-index: 99999;
	transition: all 0.6s;
	transition-timing-function: ease-in-out;
}

.print_v.close {
	left: -100% !important;
}


.print_v .open, .print_v .close {
	background: #0f0 none repeat scroll 0 0;
	border-radius: 20px;
	box-shadow: 1px 1px 3px #000;
	cursor: pointer;
	height: 20px;
	left: 5px;
	font-weight:bold;
	color:#fff;
	line-height: 20px;
	position: fixed;
	text-align: center;
	top: 5px;
	width: 20px;
	opacity: 0.8;
}
.print_v .close {
	background: #f00 none repeat scroll 0 0;
}
.print_v pre {
	background: none;
	color: #2eee00;
	direction: ltr !important;
	text-align: left;
	border: 0;
}




.site-btn {
		padding-left: 25px;
		padding-top: 15px;
		padding-right: 25px;
		padding-bottom: 15px;
		font-size: 18px;
    display: inline-block;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    margin: 5px;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, 'Roboto', sans-serif;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 300;
		cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
a.my_exam_btn {
    transition: all 0.6s;
}
a.my_exam_btn.check {
    background: #00816a;
    color: #fff;
}
.site-btn.active {
    box-shadow: 6px -6px 12px -3px #00816a inset;
    border-top: 2px solid #00816a;
    border-right: 2px solid #00816a;
}
.btn-green {
    background-color: #2ecc71;
    color: #ecf0f1;
}
.btn-green:hover {
    background-color: #29b765;
    color: #ecf0f1;
}
.btn-sea {
    background-color: #1abc9c;
    color: #ecf0f1;
}
.btn-sea:hover {
    background-color: #17a689;
    color: #ecf0f1;
}

.btn-white {
    background-color: #fff;
    color: #666;
}
.btn-white:hover {
    background-color: #fcfcfc;
    color: #666;
}

.btn-red {
    background-color: #f44336;
    color: #fff;
}
.btn-red:hover {
    background-color: #f57369;
		color: #fff;
}


a.btn.site-btn.v > span {
    display: none;
}
a.btn.site-btn.v > span.v {
    display: block;
}


.info_pp_content .tab-content {
    padding: 0 40px;
}
span.help {
    color: #999;
    display: block;
    font-size: 14px;
    line-height: 14px;
}
.block {
    display: block;
}

ol.chapters li {
    margin: 12px 0;
}
ol.chapters span.help {
    font-size: 16px;
}

.select_wrap {
    display: inline-block;
    width: 100px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0px 0px 2px 0px;
    background: #fff;
    height: 32px;
    overflow: hidden;
    vertical-align: -10px;
    margin: 0 6px 0 0;
}
.select_wrap select {
    width: calc(100% + 20px);
    border: 0px;
    box-shadow: 0px 0px 2px 0px;
    background: #fff;
    height: 100%;
    padding-left: 20px;
}


.question_wrap h2 {
    font-size: 20px;
}
.question_wrap li {
    font-size: 18px;
    line-height: 30px;
    color: #232323;
}
.question_wrap .reference {
    background: #eee;
    padding: 20px;
    direction: ltr;
    text-align: left;
    font-style: italic;
}


.packagebox {
    width: 90%;
    box-shadow: 0px 0px 12px -4px;
    float: right;
    margin: 5%;
    height: auto;
    padding: 30px 15px;
}
.packages_table table tr:nth-child(2n+1) > td {
    background: #eee;
    box-shadow: 0px -6px 11px -10px #332 inset;
}
.packages_table table tr > td {
    position: relative;
}
.packages_table table tr > td:nth-child(2),
.packages_table table tr > td:nth-child(3) {
    width: 198px;
		height: 80px;
}
.packages_table table tr > td i:not(.reg) {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 58px;
    height: 58px;
    box-shadow: 0px 1px 6px #333;
    border-radius: 50%;
    font-size: 60px;
}
.packages_table table tr > td i.far.fa-check-circle {
    color: #a6ce39;
    background: #fff;
}
.packages_table table tr > td i.far.fa-times-circle {
    color: #920705;
    background: #fdece9;
}
.packages_table table tr:last-child > td:nth-child(2),
.packages_table table tr:last-child > td:nth-child(3) {
    background: #eee;
    font-size: 28px;
    text-align: center;
}

.btn-pack {
    border: 8px solid #a6ce39;
    font-size: 22px;
    width: 132px;
    display: block;
    margin: auto;
    height: 132px;
    border-radius: 50%;
    line-height: 26px;
    font-weight: bold;
    padding-top: 31px;
    color: #00529b;
    background: #fff;
    box-shadow: 0px 0px 30px -3px #333;
    margin: 10px auto;
    cursor: pointer;
		text-align: center;
}
.payment_status_links > a {
    margin: 40px 8%;
    float: right;
}
.btn-pack.active {
    border: 8px solid #00816a;
    box-shadow: 0px 0px 30px -3px #333 inset;
}
.btn-pack:hover{
    border: 8px solid #00816a;
}

div#stats_graph {
    width: 90%;
    margin: auto;
    height: 180px;
    border: 1px solid #aaa;
    padding: 0 40px;
    position: relative;
    text-align: center;
    background: #eee;
}
#stats_graph > div {
    display: inline-block;
    color: #9c0808;
    width: 50px;
    height: 100%;
    border: 1px solid #eee;
    margin: 0 4px;
    position: relative;
    font-weight: bold;
}
#stats_graph > div.correct {
    color: #0f8873;
}
#stats_graph > div > span {
    display: block;
    background: rgba(255,255,255,0.8);
    width: 88%;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    box-shadow: 0px 0px 5px 0px #666;
    border-radius: 4px 4px 0 0;
    z-index: 9;
}
#stats_graph > div > label {
    position: absolute;
    width: 77%;
    right: 0;
    top: 4px;
    height: 19px;
    left: 0;
    margin: auto;
    color: #827474;
}
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
td.prices > span {
    display: block;
}
td.prices > span.priceold {
    text-decoration: line-through;
    color: #999;
}



.disableselect {
  /* -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
   user-select: none;           */
}
.disabledrag{
   /* -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
   user-drag: none; */
}


.fb-comments_wrap {
    width: 600px;
    margin: 40px auto;
    float: right;
    max-width: 90%;
}


._2tga {
    background: #00816a !important;
    border: 1px solid #00816a !important;
  }



	.spinner i {
	    -webkit-animation:spin 3s linear infinite;
	    -moz-animation:spin 3s linear infinite;
	    animation:spin 1s 3inear infinite;
	}
	@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
	@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
	@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

	.spinner i.fa-spinner {
		color: #1abc9c;
		box-shadow: none;
		font-size: 28px;
		width: 28px;
		height: 28px;
	}

	.packages_table table tr.periods > td li,
	div.periods > li {
			list-style: none;
			float: right;
			width: 100%;
	}
	.packages_table table tr.periods > td i ,
	div.periods > li i {
		height: auto;
    position: relative;
    top: inherit;
    right: inherit;
    border: none;
    box-shadow: none;
    display: inline-block;
    font-size: 20px;
    width: auto;
    line-height: 29px;
    cursor: pointer;
    float: right;
    margin: 0 10px;
}



#statslist li.gen {
    background: #fafafa;
    box-shadow: 0px 0px 4px -1px;
    padding: 10px;
}
#statslist li {
    list-style: none;
    margin: 18px 0;
    background: #fefefe;
    overflow: hidden;
}
#statslist span.title {
    display: inline-block;
    width: 100%;
    color: #00816a;
    font-weight: bold;
}
#statslist .max {
    position: absolute;
    width: 100%;
    height: 100%;
}
#statslist .stat_wrap {
    width: 352px;
    background: #eee;
    height: 15px;
    display: inline-block;
    box-shadow: 0px 2px 2px -3px #333;
    position: relative;
}
#statslist span.total {
    position: absolute;
    background: #ff6464;
    height: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
}
#statslist span.success {
    position: absolute;
    height: 100%;
    background: #59de59;
    right: 0;
    text-align: center;
    color: #333;
		transition: all 3s;
}
#statslist.start span.success {
    width: 0% !important;
}

.gray-square{
	color: #eee;
}
.green-square{
	color: #59de59;
}
.bad-square{
	color: #ff6464;
}
#statslist .nums {
    font-size: 14px;
    display: block;
    float: right;
    width: 100%;
}
#statslist .nums > span {
    float: right;
    display: block;
    margin: 0 4px;
    width: 100%;
}
#statslist .nums > span i {
    font-size: 9px;
    margin: 0 4px;
    vertical-align: 1px;
}
span#total_to_pay {
    font-weight: bold;
}


.round {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 16px;
		transform: rotate(180deg);
}

#cta{
    width:100%;
    cursor: pointer;
    position: absolute;
}

#cta .arrow{left: 30%;}
.arrow {
    position: absolute;
    bottom: 0;
    margin-left: 0px;
    width: 20px;
    height: 20px;
    background-size: contain;
    top: 8px;
		text-shadow: 1px 1px 2px #333;
		color: #920705;
}
.segunda{margin-left: 8px;}
.next {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.round:hover .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.round:hover .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}


.coupon_td {
    width: 33%;
    float: right;
    text-align: center;
}
.coupon_td a#coupon-btn.pull-left {
    float: none !important;
    margin: 10px auto;
    width: 80%;
    display: block;
}
.pad{
	padding:2px 6px;
}

.sheet-table td {
    font-size: 12px;
    padding: 4px 4px !important;
}

td.shekel {
    font-size: 13px;
    font-weight: bold;
    direction: ltr;
}
td.shekel i{
    font-size: 10px;
}
.filter_wrap {
    height: auto;
    overflow: hidden;
}

.form-group {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0;
	float: right;
	width: 100%;
}
.form-group.col-md-12{
	width: 100%;
}
.form-group.col-md-11{
	width: 91%;
}
.form-group.col-md-10{
	width: 83%;
}
.form-group.col-md-9{
	width: 75%;
}
.form-group.col-md-8{
	width: 66%;
}
.form-group.col-md-7{
	width: 58%;
}
.form-group.col-md-6{
	width: 50%;
}
.form-group.col-md-5{
	width: 41%;
}
.form-group.col-md-4{
	width: 33%;
}
.form-group.col-md-3{
	width: 25%;
}
.form-group.col-md-2{
	width: 16%;
}
.form-group.col-md-1{
	width: 8%;
}

@media (max-width: 420px){

	.form-group.col-sm-12{
		width: 100%;
	}
	.form-group.col-sm-11{
		width: 91%;
	}
	.form-group.col-sm-10{
		width: 83%;
	}
	.form-group.col-sm-9{
		width: 75%;
	}
	.form-group.col-sm-8{
		width: 66%;
	}
	.form-group.col-sm-7{
		width: 58%;
	}
	.form-group.col-sm-6{
		width: 50%;
	}
	.form-group.col-sm-5{
		width: 41%;
	}
	.form-group.col-sm-4{
		width: 33%;
	}
	.form-group.col-sm-3{
		width: 25%;
	}
	.form-group.col-sm-2{
		width: 16%;
	}
	.form-group.col-sm-1{
		width: 8%;
	}
	ul#reports.nav.nav-tabs > li > a {
	    padding: 6px;
	    font-size: 15px;
	}
}
.marg-right {
    margin-right: 6px;
}
.marg-left {
    margin-left: 6px;
}
.pos{
	color:#3e9c49;
}
.neg{
	color:#ec7777;
}
.mark2 > td {
    background: #c0de1d63 !important;
}
.mark > td , td.mark, .mark2 > td.mark{
    background: #00816a3b !important;
}


#information-information div#content .table-responsive table {
    box-shadow: 0px 0px 3px #333;
    background: rgba(255,255,255,0.8) !important;
    width: 100% !important;
}
#information-information div#content .table-responsive table td {
    font-size:14px;
		color:#000;
}
#information-information div#content .table-responsive table td {
    padding: 6px;
    border: 1px solid #999;
}
#information-information div#content .table-responsive {
    padding: 40px;
    background-size: cover !important;
    background-position: bottom center !important;
}
#information-information div#content .table-responsive table h2 {
    font-weight: bold;
    font-size: 16px;
    font-style: oblique;
}

#information-information div#content .table-responsive table font,
#information-information div#content .table-responsive table span {
		box-shadow: 0px 0px 6px 0px #000;
	    padding: 2px 7px;
	    display: block;
	    border-radius: 6px;
	    margin: 3px 0;
}

.schedule-table tr.head td {
    font-weight: bold;
}
.schedule-table tr.d1 td {
    background: #fcfcfc;
}
.schedule-table tr.d2 td {
  	background: #ffffff;
}
.schedule-table tr.d3 td {
    background: #fafafa;
}

.schedule-table tr td.day7 {
    background: #fbf2ad;
}
.schedule-table tr td.day6 {
    background: #fbf2ad;
}

.schedule-table td {
    font-size: 14px;
}
.schedule-table td .time {
    font-weight: bold;
}
.schedule-table td .syn_name {
    color: #999;
}

.schedule-table tr td:first-child {
    color: #aaa;
}
.mcontainer.wide {
    width: auto;
    max-width: 1680px;
}

.ui-loader.ui-corner-all.ui-loader-default.ui-body-a{
    display: none !important;
}

.date button {
    height: 34px;
    width: 38px;
}