﻿@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;
	min-width: 320px;
	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: #fffaf2;
}
.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;
}
#header .select-form{
	float: right;
	padding: 14px 2px 14px 0;
}
#header .select-form select{
	float:right;
	width:154px;
}
#top-lang-nav {
	color: #000 !important;
	background: #F8F8F8 !important;
	box-shadow: 0px 0px 2px #888888 !important;
}
#top-lang-nav 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 {
	height: 26px !important;
	margin-top: 1.4% !important;
	border-radius: 2px !important;
}
#top-lang-nav ul li a {
	font: 12px/24px Open Sans, Helvetica, sans-serif !important;
	background-position: 0px 3px !important;
	color: #000 !important;
}
#top-lang-nav ul li:hover {
	background-color: #EBEBEB !important;
}
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/biblicalLogoNew.png) no-repeat -6px -11px;
	width: 442px;
	height: 59px;
	overflow: hidden;
	text-indent: -9999px;
	transition: none;
}
.logo a ,.logo-univers a{
	display: block;
	height: 100%;
}
.logo-univers{
	float: left;
	background: url(../images/hebunivercity_logo.png) no-repeat 0 0;
	width: 249px;
	height: 47px;
	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 {
	position: relative;
	background: #eaf1f6;
	z-index: 1;
	background: url(../images/BIB_NewYear2016_Header_01.jpg) no-repeat center center;
	height: 651px;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-size: cover;
	width: 100%;
}
.visual .img-visual.mobile{
	display: none;
}
.visual-box{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	/*z-index: 99;*/
}

.visual .holder {
	max-width: 980px;
	margin: 0 auto;
	/*overflow: hidden;*/
	padding: 0;
}
.visual .img-visual {
	display: block;
	width: 100%;
	height: auto;
}
.heading-box {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 20px;
	margin: 40px 0;
	display: inline-block;
}

.visual h1 {
	color: #ba7031;
	font: 400 28px/38px Open Sans, Helvetica, sans-serif;
	margin: 0;
}

.visual h1 strong{
	color: #9a4724;
	font: 700 34px/38px Open Sans, Helvetica, sans-serif;
}

.heading-box span{
	color: #58595b;
	font: 400 24px/38px Open Sans, Helvetica, sans-serif;
}
.visual .description {
	width: 50%;
}

.visual .description blockquote {
	margin: 0;
	position: relative;
	color: #BA7031;
	font: 27px/ 34px Open Sans, Helvetica, sans-serif;
}
.visual .description blockquote strong {
	font-size: 17px;
}

.greek .description blockquote {
	font: italic 18px/ 25px Open Sans, Helvetica, sans-serif;
}

.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: #f0efda;
	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;
}

#content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content .article-holder {
	text-align: center;
	max-width: 767px;
	margin: 0 auto;
	padding: 25px 0;
}
.article-holder h2{
	color:  #9a4724;
	font: 300 24px/35px Open Sans, Helvetica, sans-serif;
	margin: 0;
}
.article-holder p{
	color:  #58595b;
	font: 400 14px/22px Open Sans, Helvetica, sans-serif;
}
.article-holder section{
	padding: 25px 0 0 0;
}
.article-holder .description h2{
	color:  #9a4724;
	font: 700 20px Open Sans, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0;
}
.article-holder .description p{
	color:  #58595b;
	font: 400 14px/22px Open Sans, Helvetica, sans-serif;
}
.course-includes{
	text-align: center;
	max-width: 767px;
	margin: 0 auto;
}
.course-includes h2{
	color:  #9a4724;
	font: 300 24px/35px Open Sans, Helvetica, sans-serif;
	margin: 14px 0;
}
.course-includes .course-icon{
	height: 150px;
	width: 150px;
	display: inline-block;
}
.course-includes .course-icon h3{
	margin: 0;
	color:  #ba7031;
	font: 700 18px/27px Open Sans, Helvetica, sans-serif;
}
#content .article {
	overflow: hidden;
	padding: 0;
	margin: 0 0 75px;
}
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;
}

/*#content .article1 { margin-bottom: 80px; }*/

#content .article2 { padding: 0; }
#content .article3 { padding: 0; }
.alignleft { float: left; }
.alignright { float: right; }
.article .alignleft {
	width: 12%;
	margin:0 12px 0 0;
}

.article .alignright {
	width: 20.5%;
}
.article .alignleft a { display: block; }
.article .alignleft img {
	/*width: 100%;*/
	height: auto;
	float: left;
}
.article .alignright img {
	float: right;
	height: auto;
	width: 100%;
}
.article .description {
	overflow: hidden;
	padding: 0;
}

.article .description h1,
.article .description h2 {
	color: #BA7031;
	margin: 0 0 3px;
	font: bold 20px/24px Open Sans, Helvetica, sans-serif;
	text-transform: uppercase;
}
.article .description h3{
	color: #BA7031;
	margin: 0 0 3px;
	font: bold 16px/24px Open Sans, Helvetica, sans-serif;
}
.article .description h2 { margin: 0 0 8px; }
.article3 .description h2 { margin: 0 0 1px; }
.article .description h1 a,
.article .description h2 a { color: inherit; }
.article .description p { 
	margin: 0;
	font: 15px/20px Open Sans, Helvetica, sans-serif;
 }
#content .services-block {
	overflow: hidden;
	padding: 0 0 0 3px;
	margin-top: 60px;
}

.article .description .video2 h1,
.article .description .video2 h2 {
	color: #BA7031;
}

.light .description  p{
	font-size: 12px;
	width: 80%;
	margin: 0 auto;
}

#content .services-block .services {
	float: right;
	width: 34%;
}
#content .services-block .services:first-child {
	width: 66%;
	float: left;
}
.services h3 {
	margin: 24px 0 19px 0;
	color: #58595B;
	font: bold 14px/16px Open Sans, Helvetica, sans-serif;
	text-align: center;
}
.services ul {
	list-style: none;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	overflow:hidden;
	width: 76%;
	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;
	margin: 0 0 10px;
}
.services ul li a span { 
	display: block;
	margin: 0 auto;
	font: 12px/13px Open Sans, Helvetica, sans-serif;
	color: #58595B;
}
#sidebar {
	float: right;
	width: 33.7%;
	padding: 0 1.5% 0 1.2%;
	/*background: #f0efda;*/
	position: relative;
	z-index: 10;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sidebar .contact-form {
	border: 1px solid #d4d4d4;
	background: #ECECEC;
	text-align: center;
	color: #010101;
	font-size: 14px;
	line-height: 17px;
	margin: 30px 0 38px;
	padding: 12px 3% 7px;
	/* box-shadow: 22px 20px 0 0 rgba(0, 0, 0, 0.12); */
	border-radius: 5px;
}
#sidebar .contact-form .form_title{
	background-color: #004e96;
	margin: -13px -10px 0px -10px;
	border-radius: 5px 5px 0 0;
}
#sidebar .contact-form h2 {
	color: #BA7031;
	margin: 0 0 25px;
	font: bold 17px/25px Open Sans, Helvetica, sans-serif;
	text-transform: uppercase;
}

#sidebar .contact-form .form_title h2{
	color: #FFFFFF;
	padding: 15px 0;
}
#sidebar .contact-form p { margin: 0 0 17px; }
.contact-form .row {
	margin: 0 0 11px;
	text-align: left;
	position: relative;
}
.contact-form .row.mobile-list { display: none; }
.contact-form .row:after {
	content: '';
	display: block;
	clear: both;
}
.contact-form .tooltip {
	position: absolute;
	top: -15px !important;
	left: 0 !important;
	width: 100% !important;
	font-size: 11px !important;
	line-height: 15px !important;
	height: 15px !important;
	color: #fff !important;
	word-spacing: -1px !important;
	padding: 0 7px 0 0 !important;
	border-radius: 0 !important;
}
.contact-form .tooltip:after {
	content: '';
	width: 17px;
	height: 29px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: -15px;
}
.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"] {
	display: block;
	width: 100%;
	color: #353535 !important;
	padding: 5px 8px;
	font: italic 20px/25px Open Sans, Helvetica, sans-serif;
	height: 37px;
	outline: none;
	border: 1px solid #d4d4d4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
	opacity: 1 !important;
	border-radius: 2px;
}
.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: #797979;
}
.contact-form input[type="text"]::-moz-placeholder,
.contact-form input[type="email"]::-moz-placeholder,
.contact-form input[type="tel"]::-moz-placeholder{
	color: #797979;
	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: #797979;
}
.PrerfixBox input {
	background: #D7D7D7 !important;
}
.contact-form label {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font: 400 14px/22px Open Sans, Helvetica, sans-serif;
}
.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 select {
	display: block;
	width: 100%;
	color: #797979;
	font: italic 20px/25px Open Sans, Helvetica, sans-serif;
	margin:0;
}
.contact-form .info {
	display: block;
	font: 12px/15px Open Sans, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	margin: -4px 0 20px;
}
.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 input[type="submit"] {
	border: 0;
	background:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding:0;
	width:100%;
	border-radius: 3px;
	cursor: pointer;
	text-indent:-9999px;
	z-index:9;

}

.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;
}
#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: 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;
}
.syllabus-holder{
	background: url(../images/Syllabus_BG.jpg) no-repeat center center fixed;
	height: 329px;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-size: cover;
}
.syllabus-holder section{
	max-width: 980px;
	margin: 0 auto;
	padding: 20px 0;
}
.syllabus-holder ul{
	margin: 0;padding: 0;
	list-style: none;
}
.syllabus-holder li{
	list-style: none;
	color: #fff;
	font: 300 14px/23px Open Sans, Helvetica, sans-serif;
}
.syllabus-holder li b{
	font: 700 14px Open Sans, Helvetica, sans-serif;
}
.syllabus-holder h3{
	margin: 0;
	color: #fff;
	font: 300 24px/35px Open Sans, Helvetica, sans-serif;
}
.about-teacher{
	background-color:  #fffaf2;
	text-align: center;
}
.about-teacher section{
	max-width: 767px;
	margin: 0 auto;
	padding: 25px 0;
}
.about-teacher h2{
	padding: 15px 0;
	margin: 0;	
	color: #9a4724;
	font: 300 30px/23px Open Sans, Helvetica, sans-serif;
}
.about-teacher p{
	margin: 0;
	color: #58595b;
	font: 400 14px/28px Open Sans, Helvetica, sans-serif;
}
.about-teacher .cite span{
	display: block;
	color: #9a4724;
	font: 400 14px/22px Open Sans, Helvetica, sans-serif;
}
.about-teacher .cite .author{
	color: #ba7031;
	font: 700 14px/30px Open Sans, Helvetica, sans-serif;
}

.courses-holder{
	background-color:  #e3d6bf;
}
.courses-holder section{
	max-width: 767px;
	margin: 0 auto;
	text-align: center;
}
.courses-holder section:after{
	content: '';
	display: block;
	clear: both;
}
.courses-holder h2{
	color: #9a4724;
	font: 300 24px/35px Open Sans, Helvetica, sans-serif;
	margin: 0;
	padding: 20px 0;
}
.et_product {
	display: inline-block;
	margin: 0 10px 0 0;
	max-width: 180px;
	max-height: 180px;
	height: 180px;
	width: 100%;
	text-align: center;
	overflow-wrap: break-word;
	position: relative;
}
.et_product .hover_block{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	color: #fff;
	font: bold 16px/22px Open Sans, Helvetica, sans-serif;
	cursor: pointer;
	display: none;
}
.et_product .hover_block span{
	text-shadow: 0 0 8px #000;
	position: absolute;
	left: 0;
	right: 0;
	background-color: rgba(186, 112, 49, 0.53);
	border-radius: 50%;
	height: 104px;
	width: 104px;
	margin: 0 auto;
}
.et_product .hover_block b{
	margin-top: 38px;
	display: block;
	width: 90%;
	margin: 30px auto 0;
}
.et_product h3{
	color: #ba7031;
	margin: 0 0 3px;
	cursor: pointer;
	font: bold 16px/24px Open Sans, Helvetica, sans-serif;
}
.et_product:hover > h3{
	text-decoration: underline;
}
.et_product:hover > a{
	opacity: 0.6;
}
.et_product:hover > .hover_block{
	display: block;
}

/*===============Popup=================================*/
.popup-cover {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 1001;
	background-color: rgba(69, 69, 69, 0.41);
	display: none;
}
.popup{
	position: fixed;
	left: 0;
	right: 0;
	top: 16px;
	bottom: 10px;
	z-index: 1001;
	max-width: 580px;
	width: 100%;
	margin: 0 auto;
	margin-top: -16px;
	max-height: 832px;
}
.popup-holder{
	position: fixed;
	left: 0;
	right: 0;
	top: 10px;
	bottom: 10px;
	overflow: auto;
	overflow-x: hidden;
	max-width: 550px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.popup_block{
	background-color: #f9f5ee;
	border-radius: 6px;
	padding: 15px 15px 60px 15px;
	max-width: 512px;
	width: 100%;
	/*box-shadow: 0 0 25px 2px #414141;*/
}
.close_btn , .formClose_btn{
    position: absolute;
	top: -6px;
	right: -3px;
	background-image: url(/Content/images/btn_close.png);
	height: 38px;
	width: 38px;
	cursor: pointer;
	z-index: 10001;
}
.formClose_btn{
	display: none;
}
.popup_block img{
    width: 100%;
    height: auto;
    display: block;
    cursor: pointer;
}
.popup_block .popup_content{
	text-align: left;
}
.popup_block .popup_content h1{
	color: #BE6D30;
	margin: 18px 0;
	font: bold 20px/24px Open Sans, Helvetica, sans-serif;
}
.popup_block .popup_content p{
	padding: 0;
	width: 100%;
	margin: 16px 0;
	font: 14px/18px Open Sans, Helvetica, sans-serif;
}
.more-info-holder{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 11000;
	background-color: rgba(249, 245, 238, 0.84);
	max-width: 518px;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0 15px 0;
}
.popup .btn_moreInfo{
	border-radius: 5px;
	cursor: pointer;
	color: #FFFFFF;
	background-color: #ba7031;
	text-transform: uppercase;
	box-shadow: 0px 4px 0px 0px #9a4724;
	padding: 10px;
	font: bold 25px Arial, Helvetica, sans-serif;
	text-align: center;
	max-width: 180px;
	margin: 0 auto;
}
.popup .btn_moreInfo:hover{
	background-color: #A8662E !important;
}
.popup_block .popup_content ul{
	padding: 0 20px 0 25px;
}
.popup_block .popup_content li{
	font: 14px/18px Open Sans, Helvetica, sans-serif;
}
.popup_block .profile-holder{
	display: inline-block;
	margin: 16px 0;
}
.popup_block .image-holder{
	float: left;
	margin: 0 25px 0 0;
}
.popup_block .profile-name {
	display: block;
	color: #BE6D30;
	font: 15px/22px Open Sans, Helvetica, sans-serif;
}
.popup_block .profile {
	float: right;
}
.popup_block .profile:after {
	content: '';
	display: block;
	clear: both;
}
.popup_block .profile-descript {
	display: block;
	font: 13px/18px Open Sans, Helvetica, sans-serif;
}
.popup_block .profile-holder a{
	cursor: pointer;
	font-size: 12px;
	text-decoration: underline;
}
.popup_block .block_clickHeare h1{
	text-align: center;
}
.popup_block .block_clickHeare .btn_clickHeare{
	border-radius: 5px;
	cursor: pointer;
	color: #FFFFFF;
	background-color: #ba7031;
	text-transform: uppercase;
	box-shadow: 0px 4px 0px 0px #9a4724;
	padding: 10px;
	font: bold 25px Arial, Helvetica, sans-serif;
	text-align: center;
	max-width: 180px;
	margin: 0 auto;
}
.popup_block .block_clickHeare .btn_clickHeare:hover{
	background-color: #A8662E !important;
}
/*===============End Popup=================================*/
.before-footer {
	background-color: #EFE6D7;
}
.before-footer:after {
	content: '';
	display: block;
	clear: both;
}
.before-footer .holder {
	max-width: 980px;
	margin: 0 auto;
}
.before-footer .comment-block{
	float: left;
	width: 62.30%;
	padding: 30px 10px 0 21px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.before-footer .services-block{
	float: right;
	width: 33.7%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 17px 0;
}
.before-footer .comment-block .image-holder {
	float: left;
}
.before-footer .comment-block q {
	float: right;
	width: 80%;
	padding: 0;
	font: italic 12px/19px Georgia;
	color: #58595B;
	padding-top: 10px;
}
#footer {
	overflow: hidden;
	background: #9a4724;
	text-align: center;
}
#footer .holder {
	max-width: 980px;
	margin: 0 auto;
	padding: 9px 1.25% 13px 1.2%;
	overflow: hidden;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	-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 a{
	color: #fff;
	text-decoration: underline;
}
#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-top: 3px;
}
#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 {
	border: 0;
	background:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding:0;
	width:100%;
	border-radius: 5px !important;
	cursor: pointer;
	text-indent:-9999px;
	z-index:9;
	color: #FFFFFF !important;
	background-color: #ba7031 !important;
	width: 100% !important;
	text-transform: uppercase;
	text-shadow: none !important;
	box-shadow: 0px 3px 0px 0.00px #9a4724;
	font: 600 29px/44px px Open Sans, Helvetica, sans-serif !important;
}
.contact-form input[type="submit"]:hover,.contact-form button:hover {
	background-color: #A56834 !important;
}
.form_block, .contact-form{
	/*background-color:  #efe6d7;*/
	margin: 25px 0 0 0;
}
.form_block section{
	max-width: 980px;
	margin: 0 auto;
}
form h2{
	margin: 0;
	padding: 10px 0;
	color: #fff;
	font: 600 17px/25px px Open Sans, Helvetica, sans-serif;
	text-align: left;
}
form .contact-det-block{
	width: 65%;
	float: left;
}
form .submit-block{
	width: 30%;
	float: right;
	margin: 11px 0 0;
}
form .name-email-block:after, form .phones-block:after, form .name-block{
	content: '';
	display: block;
	clear: both;
}
form .name-block{
	width: 48%;
	float: left;
}
form .email-block{
	width: 45%;
	float: right;
}
form .name-block div:nth-child(1){
	float: left;
}
form .name-block div:nth-child(2){
	float: right;
}
form .phones-block .row:nth-child(1){
	width: 48%;
	float: left;
}
form .phones-block .row:nth-child(2){
	width: 45%;
	float: right;
}
.country_list {
	background-color: #fff;
	border: 1px solid #d4d4d4 !important;
	border-radius: 2px;
/*	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}
.contact-form .tooltip {
	background-color: #ff0000 !important;
}

/*===========Popup Form===============*/
.popup-form{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 1001;
	background-color: rgba(69, 69, 69, 0.41);
}
.popup-form section{
	position: fixed;
	left: 0;
	right: 0;
	top: 16px;
	bottom: 10px;
	z-index: 1001;
	max-width: 332px;
	width: 100%;
	margin: 0 auto;
	margin-top: -16px;
	max-height: 525px;
}
.popup-form form{
	position: fixed;
	left: 0;
	right: 0;
	top: 10px;
	bottom: 10px;
	overflow: auto;
	overflow-x: hidden;
	max-width: 304px;
	max-height: 525px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-radius: 6px;
	background-color: #efe6d7;
}
.popup-form .form_title{
	background-color: #9A4724;
	margin: 0;
	border-radius: 5px 5px 0 0;
}
.popup-form .form_title h2{
	color: #FFFFFF;
	padding: 15px 0;
	margin: 0 0 25px;
	font: bold 17px/25px Open Sans, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
}
.popup-form fieldset{
	padding: 0 10px;
}
.popup-form .contact-det-block,.popup-form .submit-block,
	 .popup-form .name-block, .popup-form .email-block,
	 .popup-form .phones-block .row:nth-child(1),
	 .popup-form .phones-block .row:nth-child(2),
	 .popup-form .contact-form .row.smal,
	 .popup-form .name-block div:nth-child(1){
	width: 100%;
	float: none;
}
.popup-form .contact-form .tooltip{
	position: absolute;
	top: -20px !important;
	left: 0;
	word-spacing: -1px;
	padding: 0 0 0 7px;
	height: 20px;
	text-align: left;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	border-radius: 0 !important;
}
.popup-form form#contact-form{
	max-height: 505px;
}
/*===========end Popup Form===============*/

#header.stickyHeader{
	position: fixed;
	left: 0;
	top: 0;
	height: 50px;
	width: 100%;
	z-index: 1000;
}
#header.stickyHeader .holder{
	padding: 0;
}
.stickyHeader .logo{
	width: 371px;
	height: 49px;
	background-position: -5px -135px;
}
.stickyHeader #top-lang-nav{
	margin-top: 1.2% !important;
}

/*==============countdown=================================*/
#countdown{
	list-style: none;
	padding: 0;
	margin: 0;
	color: #fff;
	bottom: 25%;
}
#countdown:after{
	content: '';
	display: block;
	clear: both;
}
#countdown li{
	list-style: none;
    display: inline-block;
    float: left;
}
#countdown .num-holder{
	border-radius: 10px;
	background-color:  rgba(255, 255, 255, 0.9);
	width: 89px;
	height: 89px;
	text-align: center;
	display: table;
}
#countdown .num-holder span {
	font: 700 38px Open Sans, Helvetica, sans-serif;
    color: #9a4724;
    display: table-cell;
	vertical-align: middle;
}
#countdown label {
    font: 400 17px/35px Open Sans, Helvetica, sans-serif;
    display: block;
	text-align: center;
}

#countdown .separator {
	text-align: center;
	display: table;
	width: 35px;
	height: 89px;
}
#countdown .separator span{
	font: bold 40px/40px Open Sans, Helvetica, sans-serif;
	display: table-cell;
	vertical-align: middle;
}
/*==============end countdown=================================*/


@media screen and ( max-width:1024px ) {

	.visual .holder{
		max-width: 767px;
	}

	.holder form{
		width: 100%;
		margin: 0 auto;
	}

	.visual h1 ,.visual h1 strong{
		font-size:28px;
		line-height:35px;
	}
	.before-footer .comment-block q{
		width: 70%;
	}

}
@media screen and ( max-width:768px ) {
	body {
		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;
	}
	.logo {
	    width: 205px;
	    height: 35px;
	    background-position: -26px -128px;
	}
	.visual {
		border-bottom: none;
	}

	#header .text-intro { display: none; }
	.visual h1 {
		margin: 0;
		font-size: 22px;
		line-height: 22px;
	}
	.visual h1 strong {
		font-size: 26px;
	}
	.heading-box span {
		font: 400 18px/32px Open Sans, Helvetica, sans-serif;
	}
	.visual-box { 
		position: static;

	}
	.visual-box:after ,.holder:after, .form_block:after{ 
		content: '';
		display: block;
		clear: both;
	}
	.visual .holder { overflow: visible; }
	
	.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;
		border-bottom: 1px solid #BA7031;
		margin-top: 13px;
	}
	.visual .description blockquote:before { display: none; }
	.visual .description blockquote {
		padding: 0;
		font: bold 20px/32px 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: block; }
    .hold .visual .btn-holder { display: none; }
	#main { padding: 0; }
	#main:before { display: none; }
	#content {
		padding: 0 10px 0 10px;
	}
	#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: 100%;
		margin: -29px 0 0;
	}
	#sidebar .contact-form {
		margin: 45px 0 38px;
		border: 0;
		background: none;
		box-shadow: none;
		padding: 12px 3.5% 5px 2.7%;
	}
	.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;}
	#sidebar .contact-form h2 { font: bold 15px/18px Open Sans, Helvetica, sans-serif; }
	#sidebar .contact-form p { margin: 0 0 11px; }
	.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; }
	#sidebar .comment-block { display: none; }
	#footer {
		background: #fff;
		text-align: center;
		border-bottom: 3px solid #BA7031;
		padding-bottom: 36px;
	}
	#footer .holder { 
		padding: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: none;
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.visual{
		background-position: center 0;
		background-size: 1170px;
		height: auto;
	}
	.visual .holder{
		text-align: center;
	}
	.visual .holder iframe{
		width: 480px;
		max-height: 305px;
	}
	.holder form{
		width: 100%;
		margin: 0 auto;
	}

	.visual .heading-box {

	}
	.visual-box form h2{
		font: 600 16px/22px px Open Sans, Helvetica, sans-serif;
		text-align: center;
	}
	.form_block {
		padding: 0 10px 0 10px;
		margin: 46px 0 0 0;
	}
	form .contact-det-block {
		width: 100%;
		float: none;
	}
	form .submit-block {
		width: 100%;
		float: none;
	}
	form .name-block {
		width: 100%;
		float: none;
	}
	form .email-block {
		width: 100%;
		float: none;
	}
	form .phones-block .row:nth-child(1) ,form .phones-block .row:nth-child(2),form .name-block div:nth-child(1),form .name-block div:nth-child(2){
		width: 100%;
		float: none;
	}

	.contact-form .form_title{
		background-color: #9A4724;
		margin: 11px 0;
		border-radius: 5px 5px 0 0;
	}
	.contact-form label, .contact-form .info {
		color: #58595B;
	}
	.before-footer .comment-block q {
		float: none;
		margin: 0 auto;
	}
	.syllabus-holder, .about-teacher{
		padding: 0 10px 0 10px;
	}
	.syllabus-holder li {
		font: 300 13px/21px Open Sans, Helvetica, sans-serif;
	}
	.syllabus-holder li b {
		font: 700 12px Open Sans, Helvetica, sans-serif;
	}

	/*==============countdown=================================*/
	#countdown{
		display: inline-block;
	}
	#countdown .num-holder{
		width: 69px;
		height: 69px;
	}
	#countdown .num-holder span {
		font: 700 34px Open Sans, Helvetica, sans-serif;
	}
	#countdown label {
	    font: 400 15px/30px Open Sans, Helvetica, sans-serif;
	}
	#countdown .separator {
		width: 25px;
		height: 69px;
	}
	#countdown .separator span{
		font: bold 35px/35px Open Sans, Helvetica, sans-serif;
	}
	/*==============end countdown=================================*/

}

@media screen and ( max-width:480px ) {
	.visual .img-visual.mobile{
		display: block;
	}
	.visual {
	    background-image: none !important;
	}
	.visual-box {
	    position: initial;
	}
	.visual .holder{
		position: relative;
	}
	.visual .heading-box{
		position: initial;
		padding: 3% 0 10px;
		background-color: transparent;
		margin: 0;
	}
	.visual h1 strong {
	    font-size: 1em;
	    line-height: 1em;
	    padding: 0 7px;
	}
	.visual h1 {
		margin: 0;
		font-size: 1.3em;
    	line-height: 1.2em;
	}
	.heading-box span {
	font: 400 12px/24px Open Sans, Helvetica, sans-serif;
	}

	.before-footer .comment-block .image-holder {
		float: none;
	}
	.before-footer .comment-block q {
		float: none;
	}

	.before-footer .services-block {
		float: none;
		width: 100%;
		padding: 0 15px 10px;
	}

	.before-footer .comment-block {
		padding: 0px 10px 0 15px;
	}
	.before-footer .services-block {
		margin: 0;
	}
	.stickyHeader .logo {
		width: 199px;
		height: 26px;
		background-position: -3px -71px;
	}
	#header.stickyHeader {
		height: 37px;
	}
	#header.stickyHeader .holder {
		padding: 3px 0;
	}
	.syllabus-holder {
		height: auto;
		padding: 0px 10px;
		background: #BA7147;
	}
	.before-footer .holder {
		padding: 15px 0;
	}

	.form_block ,.visual-box form h2{
		margin: 0;
		padding: 10px 8px;
	}
	/*==============countdown=================================*/
	.countdown-holder{
	    /* position: absolute; */
	    top: 35%;
	    left: 0;
	    right: 0;
	}
	#countdown{
		padding: 12px 0;
		color: #9A4724;
		min-height: auto;
	}
	#countdown .num-holder{
	    background-color: #9A4724;
		width: 39px;
		height: 39px;
	}
	#countdown .num-holder span {
		font: 700 20px Open Sans, Helvetica, sans-serif;
		color: #fff;
	}
	#countdown label {
	    font: 400 11px/22px Open Sans, Helvetica, sans-serif;
	}
	#countdown .separator {
		width: 25px;
		height: 39px;
	}
	#countdown .separator span{
		font: bold 27px/27px Open Sans, Helvetica, sans-serif;
	}
	/*==============end countdown=================================*/
}
