@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700); /*font-family: 'Open Sans', sans-serif;*/
* { max-height: 100000px; }
header,
footer,
article,
section,
hgroup,
nav,
figure { display: block; }
figure {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	background: #FFFAF2;
	color: #7e7e7e;
	font: 16px/22px Open Sans, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}
a {
	color: #b86652;
	text-decoration: none;
}
a:hover { text-decoration: underline; cursor: default; }
a:active { background-color: transparent; }
img {
	border-style: none;
	max-width: 100%;
}
input,
select,
textarea {
	font: 100% Open Sans, Helvetica, sans-serif;
	vertical-align: middle;
	color: #000;
}
form,
fieldset {
	border-style: none;
	margin: 0;
	padding: 0;
}
#wrapper {
	position: relative;
	overflow: hidden;
	background: #eee6d7;
}
.logo,
.text-intro,
h1,
.description,
blockquote,
#content,
#sidebar,
.alignleft,
.article .alignleft img,
.article .alignright,
.article .alignright img,
h2,
.contact-form,
input[type="text"],
input[type="email"],
input[type="tel"],
.submit-holder,
.select-area,
select,
.select-area .center{
	-webkit-transition: all 1s;
	transition: all 1s;
}
#header {
	/*border-bottom: 7px solid #ba7031;*/
	position: relative;
	background-color: #FFFFFF;
}
#header:after {
	/*! content: ''; */
	/*! width: 450px; */
	/*! height: 7px; */
	/*! position: absolute; */
	/*! bottom: -7px; */
	/*! left: 50%; */
	/*! margin: 0 0 0 -395px; */
}
#header .holder {
	max-width: 980px;
	margin: 0 auto;
	/*! overflow: hidden; */
	padding: 11px 0 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*! z-index: -1; */
}
#header .select-form{
	float: right;
	padding: 14px 2px 14px 0;
}
#header .select-form select{
	float:right;
	width:154px;
}
/*Language switcher */
#top-lang-nav {
	color: #000 !important;
	background: #F8F8F8 !important;
	box-shadow: 0px 0px 2px #888888 !important;
}
#top-lang-nav .lang-list {
	display: none;
}
#top-lang-nav .lang-list ul {
	background: #FFFFFF !important;
	box-shadow: 0px 0px 2px #888888 !important;
	width: 138px !important;
}
#top-lang-nav #nav-button {
	background-position: 8px 1px !important;
}
#top-lang-nav #nav-button span {
	font: 12px/26px Open Sans, Helvetica, sans-serif !important;
	color: #0F0F0F !important;
}
#top-lang-nav #nav-button span:first-child {
	border: none !important;
}
#top-lang-nav {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0px !important;
	position: relative;
	width: auto !important;
	height: auto !important;
	margin-top: 25px;
}
#top-lang-nav > a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 6px;
    /*! margin-bottom: 2px; */
    margin-left: 10px;
    background: url(../images/iibs-eteacher-sprite.png) no-repeat -40px -70px;
}
#top-lang-nav ul li a {
	font: 12px/24px Open Sans, Helvetica, sans-serif !important;
	background-position: 0px 3px !important;
	color: #000 !important;
	padding: 3px !important;
	background: none !important;
}
#top-lang-nav ul li:hover {
	background-color: #EBEBEB !important;
}
#top-lang-nav .flag {
	margin-right: 10px;
}
div#footer_scripts {
	display: none;
}
#playButton{
	display: block;
	text-indent: -9999px;
	width: 80px;
	height: 80px;
	background: url(../images/PlayButton.png);
	background-size: 100%;
	opacity: 0.4;
	position: absolute;
	bottom: 15%;
	left: 36.5%;
}
#playButton:hover{
	opacity: 0.6;
	width: 81px;
	height: 81px;
}
.logo {
	/*! float: left; */
	/*! background: url(../images/iibs-logo-color.png) no-repeat; */
	/*! width: 336px; */
	/*! height: 70px; */
	/*! overflow: hidden; */
	/*! text-indent: -9999px; */
	/*! margin: 8px 0; */
}
.logo a ,.logo-univers a{
	display: block;
	height: 100%;
}
.logo-univers{
	float: right;
	background: url(../images/hebunivercity_logo.png) no-repeat 0 0;
	width: 249px;
	height: 47px;
	margin-right: 20px;
	overflow: hidden;
	text-indent: -9999px;
}

#footer .text-intro,
#header .text-intro {
	float: right;
	margin: 0 3px 0 0;
	background: url(../images/text-intro.png) no-repeat 0 0;
	width: 394px;
	height: 62px;
	overflow: hidden;
	text-indent: -9999px;
}
#footer .text-intro {
	width: 252px;
	height: 39px;
	background-position: 0 -84px;
	float: none;
	margin: 0;
	display:inline-block;
}
#footer .text-intro a,
#header .text-intro a {
	display: block;
	height: 100%;
}
.visual {
	overflow: hidden;
	position: relative;
	height: 540px;
	background: url(../images/BIB_application_process1.jpg) no-repeat center center;
}

.visual-box{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	/*z-index: 99;*/
}

.visual .holder {
	max-width: 980px;
	margin: 20px auto;
	overflow: hidden;
	padding: 0;
}
.visual .img-visual {
	display: block;
	width: 100%;
	height: auto;
	/*! max-height: 540px; */
}
.visual .img-visual.mobile{
	display: none;
}
.visual h1 {
	color: #bb6a31;
	font: 400 33px/1.2 Open Sans, Helvetica, sans-serif;
	margin: 25px 0 15px 0;
	/*! width: 55%; */
	padding: 3px;
}
.visual h1 strong{
	color: #6b3510;
	font-size: 40px;
	font-weight: 700;
	display: block;
}
.visual .description {
	width: 50%;
	/*padding: 12px;*/
	max-height: 59.9%;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.57);
}

.visual .description blockquote {
	margin: 0;
	position: relative;
	color: #58595b;
	font: 600 18px/18px Open Sans, Helvetica, sans-serif;
}
.visual .description blockquote strong {
	font-size: 17px;
}

.visual .description blockquote q {
	display: block;
	quotes: none;
	position:relative;
}
.visual .description blockquote q strong{
	display:block;
}
.visual .description blockquote q strong:after{
	content:'';
	background:url(../images/sprite-01.png) no-repeat -107px -3px;
	width:22px;
	height:23px;
	overflow:hidden;
	display:inline-block;
	margin:0 0 -3px 9px;
}
.visual .description blockquote q .quote { display: none; }
.visual .btn-holder {
	background: #FFFAF2;
	overflow: hidden;
	width: 100%;
	padding: 3px 7px;
	display:none;
	position:fixed;
	left:0;
	bottom:0;
	z-index:999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.visual .btn-holder .button {
	float: right;
	background: #ba7031;
	font: 17px/37px Open Sans, Helvetica, sans-serif;
	color: #fff;
	width: 100%;
	text-align: center;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	padding: 0 10px;
	cursor: pointer;
}

#main {
	max-width: 980px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main:after {
	content: '';
	display: block;
	clear: both;
}
#main:before {
	content: '';
	/*background: #FFFAF2;*/
	position: absolute;
	width: 9999px;
	top: 0;
	bottom: 0;
	z-index: 1;
	left: 66.3%;
}
#content {
	float: left;
	width: 694px;
	padding: 35px 72px 48px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f9f1ee;
	box-shadow: 0px 0px 4.75px 0.25px rgba(0, 0, 0, 0.18);
	margin-top: -310px;
	border-top: 5px solid #ba7031;
	text-align: center;
	margin-bottom: 70px;
}
#content .article-holder {
	overflow: hidden;
	padding: 0;
}
#content .article {
	overflow: hidden;
	padding: 0;
	margin: 0 0 35px;
}
section.article.light {
	margin: 0 !important;
}
.article .et_product {
	float: left;
	margin: 0px 10px 40px 0px;
	max-width: 180px;
	text-align: center;
}
.article .video2 {
	float: right;
	max-width: 250px;
}
#content .article1 p{
	color: #58595B;
	font: 13px/18px Open Sans, Helvetica, sans-serif;
}

.video-box {
	cursor: pointer;
	position: relative;
}

.huj-logo {
	display: none;
}
.services h3 {
	margin: 0 auto 30px;
	color: #58595B;
	font: 400 14px/16px Open Sans, Helvetica, sans-serif;
	text-align: center;
	/*! width: 60%; */
}
.services ul {
	list-style: none;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	overflow:hidden;
	width: 90%;
	margin: 0 auto;
}
.services ul li {
	float: left;
	width: 50%;
}
.services ul li:first-child {
	
}
.services ul li:nt-child(2){
	
}
#content .services-block .services:first-child li { width: 46%; }
.services ul li a {
	display: inline-block;
	color: #434444;
}
.services ul li a img {
	display: inline-block;
	vertical-align:top;
}
.services ul li a span { 
	display: block;
	margin: 0 auto;
	font: 12px/13px Open Sans, Helvetica, sans-serif;
	color: #58595B;
	width: 84px;
}
#sidebar {
	float: right;
	width: 28.7%;
	padding: 0 1.5% 0 1.2%;
	/*background: #FFFAF2;*/
	position: relative;
	z-index: 10;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.contact-form .form_title h2{
	color: #9a4724;
	font: 700 35px/1.2 Open Sans, Helvetica, sans-serif;
	margin: 15px 0;
}
.contact-form .form_header {
	color: #ba7031;
	font: 700 24px/1.2 Open Sans, Helvetica, sans-serif;
}
.contact-form .form_subtitle h3{
	color: #ba7031;
	font: 400 30px/1.2 Open Sans, Helvetica, sans-serif;
	margin: 15px 0;
}

.contact-form hr.form-separator {
	width: 60px;
	height:5px;
	background: #ba7031;
	border: none;
	margin: 35px auto;
}
.contact-form p.form-due { 
	margin: 0 0 17px; 
	color: #9a4724;
	font: 400 20px/1.2 Open Sans, Helvetica, sans-serif;
}
/* Form Layout */
.contact-form .fields-wrap {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.contact-form .row {
	margin: 0 0 11px;
	text-align: left;
	position: relative;
}
.contact-form .row.email,.contact-form .row.reason,.contact-form .row.coursestart, .contact-form .row.submit {
	flex: 0 1 100%;
	margin-bottom: 20px;
}
.contact-form .row.phone, .contact-form .row.mobile {
	flex: 0 1 48%;
	border-bottom: 1px solid #d4d4d4;
	background: #fff;
}
.contact-form .row.phone {
	margin-right: 20px;
}
.contact-form .row.fullname {
	flex: 0 1 80%;
}
.contact-form .row.age {
	flex: 0 1 20%;
}
.contact-form .row.mobile-list { display: none; }
.contact-form .row:after {
	content: '';
	display: block;
	clear: both;
}
.contact-form .tooltip {
    position: absolute;
    top: -15px;
    left: 0;
    width: 100% !important;
    word-spacing: -1px;
    padding: 0 7px 0 0;
    height: 15px;
    text-align: right;
    background: red;
    color: #fff;
    font-size: 11px;
    line-height: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border-radius: 0 !important;
}
.contact-form .tooltip:after {
	content: '';
	width: 17px;
	height: 29px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: -15px;
}
.contact-form .fullname .tooltip {
	width: calc(100% - 30px) !important;
}
.contact-form .input-box.error .tooltip,
.contact-form .select-box.error .tooltip { display: block; }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form select {
	display: inline-block;
	color: #464646 !important;
	padding: 5px 8px;
	font: 400 15px/25px Open Sans, Helvetica, sans-serif !important;
	height: 37px;
	outline: none !important;
	border: none !important;
	border-bottom: 1px solid #d4d4d4 !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0 !important;
	opacity: 1 !important;
	background: #fff !important;
}
.contact-form input[type="text"]::-webkit-input-placeholder,
.contact-form input[type="email"]::-webkit-input-placeholder,
.contact-form input[type="tel"]::-webkit-input-placeholder{
	color: #464646;
}
.contact-form input[type="text"]::-moz-placeholder,
.contact-form input[type="email"]::-moz-placeholder,
.contact-form input[type="tel"]::-moz-placeholder{
	color: #464646;
	opacity:1;
}
.contact-form input[type="text"]:-ms-input-placeholder,
.contact-form input[type="email"]:-ms-input-placeholder,
.contact-form input[type="tel"]:-ms-input-placeholder{
	color: #464646;
}
.contact-form .row.fullname input[type="text"] {
	width: calc(100% - 30px) !important;
}
.contact-form input[type="email"] {
	width: 100% !important;
	margin-right: 30px !important;
}
.contact-form .row.phone input {
	width: 80%
}
.contact-form .row.phone input, .contact-form .row.mobile input {
	border-bottom: none !important;
}
.contact-form .row.submit {
	text-align: center;
}
.contact-form .row.submit input {
	width: 288px !important;
	margin: 0 auto;
	border: -moz-calc;
}
.contact-form textarea {
	background: #fff;
	border: 1px solid #bbbbbb;
	width: calc(100% - 10px);
	margin: 0;
	padding: 0 4px;
}
.contact-form select {
		-webkit-appearance: none !important;
  -moz-appearance: none !important;
	background: #fff url(../images/select_arrow_small.png) no-repeat center right+8px !important;
}
.contact-form select[name="question_startDate"] {
	background: #fff url(../images/select_arrow_bib.png) no-repeat center right+8px !important;
}
.country_list {
    height: 36px;
    position: relative;
    border: none !important;
    background-color:  transparent !important;
	 /*! border-bottom: 1px solid grey; */
}
.contact-form label[for="phone"],.contact-form label[for="mobile"] {
	/*! display: none; */
	background: #f9f1ee;
	margin-left: 0px;
}
.PrerfixBox input {
	background: #D7D7D7 !important;
}
.contact-form label {
	display: inline-block;
	vertical-align: top;
	color: #464646;
	font: 400 15px/25px Open Sans, Helvetica, sans-serif;
	margin-left:8px;
}
.contact-form label[for="question_reason"] {
	color: #9a4724;
	margin-left: 1px;
}
.contact-form .row.coursestart select {
	color: #9a4724 !important;
}
.contact-form .row.coursestart select option {
	color: #464646;
	font-weight: 400;
}
.contact-form .tel-holder { padding: 3px 0 0; }
.contact-form .tel-holder:after {
	content: '';
	display: block;
	clear: both;
}
.contact-form .tel-holder .input-box {
	float: right;
	width: 73%;
}
.contact-form .tel-holder .code {
	float: left;
	width: 22.7%;
	background: #ebe9e9;
}
.contact-form .list-holder {
	margin: -4px 0 0;
	position: relative;
}
.contact-form .list-holder .row { position: static; }
.contact-form .list-holder .tooltip { top: -25px; }
.contact-form .select-box {
	position: relative;
	padding: 6px 1px 5px 0;
}

.contact-form .info {
	display: block;
	font: 400 12px/15px Open Sans, Helvetica, sans-serif;
	color: #464646;
	text-align: left;
	margin: -4px 0 30px;
}
.contact-form .submit-holder {
	display: inline-block;
	position: relative;
	width: 84%;
	margin: 0 0 16px;
	background: #fe5a00;
	border-radius: 3px;
	overflow:hidden;
	text-transform: uppercase;
	color: #fff;
	padding: 0 10px;
	font: bold 33px/59px Open Sans, Helvetica, sans-serif;
	text-shadow: 0 -1px 1px #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}
.contact-form .submit-holder:after {
	content: '';
	background: url(../images/sprite-01.png) no-repeat -41px -3px;
	width: 25px;
	height: 15px;
	overflow: hidden;
	display:inline-block;
	margin:0 -21px 4px 11px;
}

.contact-form .submit-holder:hover {
	background: #fe8f00;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}
.contact-form .info-block {
	overflow: hidden;
	position: relative;
	color: #8f8c8c;
	font: 22px/22px Open Sans, Helvetica, sans-serif;
	border-top: 1px solid #d2d1d1;
	padding: 15px 0 11px 23%;
	text-align: center;
}
.contact-form .info-block:before {
	content: '';
	background: url(../images/sprite-01.png) no-repeat -499px -6px;
	width: 55px;
	height: 55px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 4.6%;
}
.contact-form .info-block .tel {
	display: block;
	color: #822f1b;
	font-style: normal;
}
.contact-form input[type="text"].errorFlag,
.contact-form input[type="email"].errorFlag,
.contact-form input[type="tel"].errorFlag,
.contact-form select.errorFlag {
	border: none !important;
	border-bottom: 1px solid crimson !important;
}
.payments {
	margin: 20px 0 40px;
	text-align: left;
}
.payments-top-text {
	margin-bottom: 10px;
	color: #464646;
	font: 400 15px/25px Open Sans, Helvetica, sans-serif;
}
.contact-form .payments label {
	color: #464646;
	font: 400 15px/25px Open Sans, Helvetica, sans-serif;
}
.payment-images img {
	margin-right: 20px;
}
.sidebar-separator {
	width: 60px;
	height: 3px;
	background: #9a4724;
	border: none;
	outline: none;
	margin: 30px auto;
}
#sidebar .comment-block {
	overflow: hidden;
	text-align: center;
}
.comment-block .image-holder {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 9px;
	/*border: 3px solid #ba7031;*/
	overflow: hidden;
	border-radius: 100%;
}
.comment-block .image-holder img { vertical-align: top; }
.comment-block blockquote {
	margin: 0;
	overflow: hidden;
	color: #555353;
	font: italic 14px/20px Open Sans, Helvetica, sans-serif;
}
.comment-block blockquote q {
	quotes: none;
	display: block;
	margin: 0 0 17px;
	padding:0 4%;
}
.comment-block blockquote .cite {
	font: 400 12px/15px Open Sans, Helvetica, sans-serif;
	color: #58595B;
}

.comment-block blockquote .cite .author {
	display: block;
	color: inherit;
	/*! text-transform: uppercase; */
	color: #BA7031;
	font: bold 12px/15px Open Sans, Helvetica, sans-serif;
	padding-top: 5px;
}
.before-footer {
	background-color: #EFE6D7;
}
.before-footer:after {
	content: '';
	display: block;
	clear: both;
}
.before-footer .holder {
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
}
.before-footer .comment-block{
	/*! float: left; */
	width: 166px;
	padding: 40px 0px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
}
.before-footer .services-block{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 17px 0;
}
.services .ed-image {
	height: 61px;
	width: 61px;
	display: inline-block;
	margin: 0 0 10px;
}
.before-footer .comment-block .image-holder {
	/*! float: left; */
}
.before-footer .comment-block q {
	/*! float: right; */
	/*! width: 80%; */
	padding: 0;
	font: italic 12px/16px Georgia;
	color: #58595B;
	padding-top: 20px;
	/*! font-weight: 600; */
}
#footer {
	overflow: hidden;
	background: #9a4724;
	text-align: center;
}
#footer .holder {
	max-width: 980px;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#footer .add-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer .privacy-policy ul {
	list-style: none;
	padding-left: 0;
}
#footer .privacy-policy li {
	display: inline-block;
	padding:0;
}
#footer .privacy-policy li:first-of-type {
	padding-right: 10px;
	border-right: 1px solid #fff;
}
#footer .privacy-policy li:last-of-type {
	padding-left: 6px;
}
#footer .privacy-policy a{
	color: #fff;
	text-decoration: underline;
	line-height: 1;
}
#footer .add-nav li:before {
	content: '';
	background: #fff;
	width: 1px;
	height: 10px;
	position: absolute;
	top: 4px;
	left: 0;
}
#footer .add-nav li:first-child:before { background: none; }
#footer .add-nav li a {
	color: #fff;
	text-decoration: underline;
}
#footer .add-nav li a:hover { text-decoration: none; }
#footer .nav{
	list-style:none;
	margin:0;
	padding:20px 0 0;
	clear:both;
	text-align:center;
	/*! margin-bottom: 3px; */
}
#footer .nav li{
	display:inline-block;
	vertical-align:top;
	position:relative;
	padding:0 5px;
	margin:0 -3px 0 0;
}
#footer .nav li:after{
	content:'';
	background:#fff;
	width:1px;
	height:11px;
	position:absolute;
	top:3px;
	left:0;
}
#footer .nav li:first-child:after{
	display:none;
}
#footer .nav li a{
	color:#fff;
}
#footer .copyright {
	display: block;
	overflow: hidden;
	margin-bottom: 6px;
}
#footer .copyright a { color: inherit; }
#footer .text-intro-box{ 
	overflow:hidden;
	background:#fff;
	display:none;
	text-align:center;
	padding:7px 1.35% 8px 0;
}
.jcf-hidden {
	position: absolute !important;
	left: -9999px !important;
}
.select-area {
	position: relative;
	cursor: pointer;
	height: 28px;
	float: right;
	width:154px !important;
	font:14px/18px Open Sans, Helvetica, sans-serif;
	color:#000;
}
.select-area .left{
	float:left;
	width:11px;
	height:28px;
	background:url(../images/bg-select-l.png) no-repeat;
}
.select-area .center {
	padding: 4px 0 0;
	float:left;
	width:115px;
	height:24px;
	color:#757575;
	background:url(../images/bg-select-c.png) repeat-x;
}
.select-area .center img{
	float:left;
	margin:-2px 12px 0 -2px;
}
.select-area .select-opener {
	float:right;
	height: 28px;
	width: 28px;
	background:url(../images/bg-select-r.png) no-repeat;
}
.select-options {
	position: absolute;
	overflow: hidden;
	background: #fff;
	z-index: 2000;
	box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.10);
	width:128px !important;
}
.select-options .drop-holder {
	overflow: hidden;
	height: 1%;
	background:#fff;
}
.select-options ul {
	list-style: none;
	overflow: hidden;
	padding: 6px 0;
	margin: 0;
	font:14px/18px Open Sans, Helvetica, sans-serif;
}
.select-options ul img{
	float:left;
	margin:-2px 12px 0 -3px;
}
.select-options ul li{
	display:block;
	overflow:hidden;
}
.select-options ul a {
	text-decoration: none;
	padding: 3px 0 3px 12px;
	display: block;
	overflow:hidden;
	cursor:  pointer;
	color: #767676;
	height: 1%;
}
.select-options .item-selected a {
	text-decoration: none;
	background: #ddeef2;
}
.select-options .optgroup {
	clear: both;
}
.select-options .optgroup strong {
	display: block;
	padding: 5px;
}
.select-options .optgroup ul a {
	padding-left: 30px;
}

.contact-form input[type="submit"],.contact-form button {
    position: relative !important;
    padding: 10px 0px !important;
    border: 0;
    cursor: pointer;
    color: #FFFFFF !important;
    background-color: #9a4724 !important;
	  width: 100% !important;
    font-size: 30px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    text-shadow: none !important;
    box-shadow: 0px 4px 0px 0px #52220d;
	border-radius:  0px !important;
}
.contact-form input[type="submit"]:hover,.contact-form button:hover {
	box-shadow: none;
	background-color: #C57D40 !important;
}
/*==============countdown=================================*/
#countdown{
	list-style: none;
	padding: 0;margin: 0;
    color: #fff;
	bottom: 25%;
	display: inline-block;
}
#countdown:after{
	content: '';
	display: block;
	clear: both;
}
#countdown li{
	list-style: none;
    display: inline-block;
    float: left;
}
#countdown .num-holder{
	border-radius: 6px;
	/*! background-color:  rgba(255, 255, 255, 0.8); */
	width: 89px;
	height: 89px;
	text-align: center;
	display: table;
}
#countdown .num-holder span {
	font: 700 45px Open Sans, Helvetica, sans-serif;
    color: #ba7031;
    display: table-cell;
	vertical-align: middle;
}
#countdown label {
    font: 400 22px/35px Open Sans, Helvetica, sans-serif;
    display: block;
	text-align: center;
	color: #9a4724;
}

#countdown .separator {
	text-align: center;
	display: table;
	width: 35px;
	height: 89px;
}
#countdown .separator span{
	font: 700 45px/40px Open Sans, Helvetica, sans-serif;
	display: table-cell;
	vertical-align: middle;
	color: #9a4724;
	/*! transform: scaleX(1.0039); */
}
/*==============end countdown=================================*/
@media screen and ( max-width:1280px ) {
	.visual{
		margin: 0 -18%;
	}
	.visual h1 { font-size: 23px;}
	.visual h1 strong {font-size: 35px;}
}

@media screen and ( max-width:1024px ) {
	#top-lang-nav {
    text-indent: 0 !important;
    width: 60px;
    overflow: unset !important;
  }
	#top-lang-nav .lang-list ul {
		right: 0 !important;
	}
	.visual{
		margin: 0 -25%;
	}
	.visual .holder{
		padding: 0 17%;
	}
	
}


@media screen and ( max-width:768px ) {
	body {
		min-width:320px;
		font: 16px/22px Open Sans, Helvetica, sans-serif;
	}

	.select-area{
		width:84px !important;
	}


    .hold #wrapper{ margin:0;}
	#header { border-bottom-width: 5px; }
	#header:after {
		height: 5px;
		width: 200px;
		background-position: -35px -28px;
		left: 0;
		margin: 0;
		bottom: -4px;
	}
	#header .holder { padding: 11px 7px 10px 13px; }
	#header .select-form{
		float:right;
		padding:0;
	}
	#header .select-form select{
		width:84px;
	}
	.select-options{
		width:58px !important;
		text-indent:-9999px !important;
	}
	.select-options ul{
		padding:5px 0;
		text-indent:-9999px;
	}
	.select-options ul li a span{
		display:none !important;
	}
	.select-options ul a{
		padding:2px;
		text-indent:-9999px;
	}
	.select-area .center{
		text-indent:-9999px;
		width:35px;
		padding:0 10px 0 0;
		height:28px;
		overflow:hidden;
	}
	.select-area .center img{
		display:block;
		float:none;
		margin:2px auto 7px;
	}
	.select-options ul img{
		float:none;
		display:block;
		margin:0 auto;
	}
	.visual {
		border-bottom: 1px solid #ba7031;
		width: auto;
  		left: 0;
	}
	.visual .holder {
		margin: 0;
	}

	#header .text-intro { display: none; }
	.visual h1 {
		font-size: 21px;
		margin: 0;
		width: 100%;
		color: #BE6D30;
	}
	.visual h1 strong{
		font-size: 30px;
		color: #BE6D30;
	}
	.visual-box { 
		position: static; 
	}
	.visual .holder {
		overflow: visible;
		left: 0;
		padding: 0 16%;
	}
	.visual .heading-box {
		padding: 7px 3% 0px;
	}
	.visual .description {
		position: static;
		background: #FFFAF2;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 7px 3% 0px;
		/*margin-top: 13px;*/
	}
	.visual .description blockquote:before { display: none; }
	.visual .description blockquote {
		padding: 0;
		font: 19px/30px Open Sans, Helvetica, sans-serif;
		color: #ba7031;
	}
	.visual .description blockquote q { padding: 0 0 22px; }
	.visual .description blockquote q strong:after{display:none;}
	.visual .description blockquote q .quote { display: inline-block; }
	.visual .description blockquote q img { display: none; }
	.visual .btn-holder { display: none; }
    .hold .visual .btn-holder { display: none; }
	#main { padding: 0; }
	#main:before { display: none; }
	#content {
		float: none;
		/*! width: 100%; */
		/*! padding: 15px 10px 0 18px; */
		margin: -310px auto 0;
	}
	#content .article { margin: 0 0 5px; }
	#content .article2 { padding: 0 0 9px; }
	#content .article-holder .article:first-child {
		padding: 0 0 12px;
		margin: 0 0 9px;
	}

	.article .description h1, .article .description h2 {
		font: bold 18px/24px Open Sans, Helvetica, sans-serif;
	}

	/*.article .alignleft { width: 27.3%; }*/
	.article3 .alignleft {
		/*padding: 14px 0 0;*/
	}
	.article .alignright {
		margin: 0 5px 0 0;
		width: 27.5%;
	}
	.article .alignleft img,
	.article .alignright img{ width:auto;}
	/*.article .description { padding: 7px 0 0; }*/
	.article-holder .article:first-child .description { padding: 10px 0 0; }
	#content .services-block { display: none; }
	#sidebar {
		float: none;
		width: 80%;
		margin: 35px auto;
	}

	.contact-form .tooltip{
		right:auto;
		left:0;
		top:-29px;
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contact-form .list-holder .tooltip{ top:-23px;}
	.contact-form .tooltip:after{display:none;}
	.contact-form input[type="text"],
	 .contact-form input[type="email"],
	 .contact-form input[type="tel"] { font: italic 20px/25px Open Sans, Helvetica, sans-serif; }
	.contact-form .row.mobile-list {
		display: block;
		margin: -7px 0 12px;
	}
	.contact-form .tel-holder { padding: 0; }
	.contact-form .tel-holder > input[type="tel"]{ padding:5px 5px;}
	.contact-form .info { /*! margin: 0 0 6px; */ }
	.contact-form .submit-holder {
		width: 100%;
		margin: 0;
		padding:0 16% 0 10%;
	}
	.contact-form .submit-holder:after {
		background-position: -74px -4px;
		margin:0 -21px 0 11px;
	}
	.contact-form .submit-holder { height: 50px;  font:bold 28px/52px Open Sans, Helvetica, sans-serif
	}
	.contact-form .info-block { display: none; }
	.before-footer .comment-block .image-holder {
    float: left;
		margin-right: 30px;
  }
	#sidebar .comment-block {
		text-align:  left;
		margin-bottom: 20px;
	}
	.sidebar-separator {
		clear:both;
		/*! margin-top: 0px; */
	}
	.sidebar-separator.tablet-hide {
		display:none;
	}
	#footer {
		/*! background: #fff; */
		text-align: center;
		border-bottom: 3px solid #ba7031;
	}
	#footer .holder { 
		padding:10px 0;
		/*! background:#ba7031; */
		text-align:center;
	}
	#footer .add-nav{
		float:none;
		overflow:hidden;
		padding:10px 0;
	}
	#footer .add-nav li{
		float:none;
		display:inline-block;
		vertical-align:top;
	}
	#footer .copyright{
		margin:0 0 10px;
	}
	#footer .nav{
		padding:0 0 10px;
	}
	#footer .text-intro-box { 
		display: block;
	}

	.contact-form .tooltip
    {
        position: absolute;
        top: -19px;
        left: auto;
        width: 220px;
        word-spacing: -1px;
        padding: 0 0 0 7px;
        height: 20px;
        text-align: left;
        /*! background: #ba7031; */
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        width: 100% !important;
		border-radius: 0 !important;
    }
    .before-footer .comment-block , .before-footer .services-block{
		float: left;
		width: 100%;
	}
	.contact-form .tooltip{
		top: -19px;
		left: 0;
		height: 19px;
		line-height: 19px;
	}
}


@media screen and ( max-width:480px ) {
	.logo {
	  /*! background: url(../images/eTeacherBiblical_Logo_Mobile.png) no-repeat top left; */
		/*! width: 143px; */
		/*! height: 40px; */
	/*! margin: 0px 0; */
}
	.logo-univers {display: none;}
	.visual {
	    margin: 0;
	}
	.visual .holder ,.visual-box{
	    padding: 0;
	}
	.visual .img-visual{
		display: none;
	}
	.visual .img-visual.mobile{
		display: block;
	}
	.visual .heading-box {
	    padding: 7px 4% 0px;
	}
	#main {
		padding: 0 20px;
	}
	#content {
		width: 100%;
		padding: 35px 20px 48px;
	}
	.contact-form .row.fullname {
		flex: 0 1 100% !important;
	}
	.contact-form .row.firstname {order: 1;}
	.contact-form .row.lastname {order: 2;}
	.contact-form .row.email {order:3;flex:0 1 80%;}
	.contact-form .row.age {order: 4;}
	.contact-form .row.phone {order: 5;flex-basis: 100%;margin-right: 0;}
	.contact-form .row.mobile {order: 6;flex-basis: 100%;}
	.contact-form .info {order: 7;}
	.contact-form .row.reason {order: 8;}
	.contact-form .row.coursestart {order: 9;}
	.contact-form .payments {order: 10;}
	.contact-form .row.submit {order: 11;}
	.contact-form .row.submit input {
		font-size: 18px !important;
	}
	.contact-form .row.fullname input[type="text"], .contact-form .fullname .tooltip {
    width: 100% !important;
  }
	.contact-form .row.email input {
		width: 90% !important;
	}
	.before-footer .comment-block .image-holder {
		float: none;
		margin: 0;
	}
	.before-footer .comment-block q {
		float: none;
	}
	.visual h1{
		line-height: 28px;
	}
	.visual h1 strong {
	  font-size: 23px;
	}
	.payments {
		text-align: center;
		width: 100%;
	}
	.payment-images {
		display: inline-block;
	}
	.payment-images img {
		margin-right: 9px;
	}
	.huj-logo {
		display: block;
		margin-bottom: 20px;
	}
	.huj-logo h3 {
		color: #58595b;
		font-weight: 400;
	}
	.payment-images img:last-of-type {
		margin:0; 
	}
	.services ul {
		/*! text-align: left; */
		/*! width: 76%; */
		margin: 0 auto;
	}
	.services h3 {
		/*! text-align: left; */
	}
	.before-footer .services-block {
		float: none;
		width: 100%;
		padding: 0 15px 10px;
	}
	#sidebar .comment-block {
		padding: 0px 10px 0 15px;
		text-align: center;
	}
	.before-footer .services-block {
		margin: 0;
	}
/*------------ CountDown Settings -----------------*/
	#countdown .num-holder {
    width: 59px;
    height: 49px;
  }
	#countdown .separator {
    text-align: center;
    display: table;
    width: 22px;
    height: 49px;
  }
	#countdown .num-holder span {
    font: 700 29px Open Sans, Helvetica, sans-serif;
  }
	#countdown label {
    font: 400 14px/24px Open Sans, Helvetica, sans-serif;
  }
	#countdown .separator span {
    font: 700 29px/40px Open Sans, Helvetica, sans-serif;
  }
/*------------ CountDown Settings -----------------*/
}
@media screen and ( max-width:375px ) {
	#main {
		padding: 0 10px;
	}
	#content {
		padding: 35px 8px 38px;;
		margin-top: -460px;
	}
	.contact-form .form_title h2{
	font: 700 30px/1.2 Open Sans, Helvetica, sans-serif;
}
.contact-form .form_header {
	font: 700 20px/1.2 Open Sans, Helvetica, sans-serif;
}
.contact-form .form_subtitle h3{
	font: 400 18px/1.2 Open Sans, Helvetica, sans-serif;
}

.contact-form hr.form-separator {
	margin: 25px auto;
}
.contact-form p.form-due { 
	margin: 0 auto 17px; 
	color: #9a4724;
	font: 400 16px/1.2 Open Sans, Helvetica, sans-serif;
	width: 90%;
}
	.contact-form .row {
		flex: 0 1 100% !important;
	}

	.contact-form .row.phone input,.contact-form .row.email input {
    width: 100% !important;
  }
	.payment-images img:nth-child(4) {
		margin-right: 0px;
	}
	.payment-images img:last-of-type {
    display: none;
  }

/*------------ CountDown Settings -----------------*/
	#countdown .num-holder {
    width: 69px;
    height: 49px;
  }
	#countdown .separator {
    text-align: center;
    display: table;
    width: 10px;
    height: 49px;
  }
	#countdown .num-holder span {
    font: 700 25px Open Sans, Helvetica, sans-serif;
  }
	#countdown label {
    font: 400 12px/24px Open Sans, Helvetica, sans-serif;
  }
	#countdown .separator span {
    font: 700 26px/40px Open Sans, Helvetica, sans-serif;
  }
/*------------ CountDown Settings -----------------*/
}
@media screen and ( max-width:320px ) {

/*------------ CountDown Settings -----------------*/
	#countdown .num-holder {
    width: 49px;
    height: 49px;
  }
/*------------ CountDown Settings -----------------*/
}