@import url(http://fonts.googleapis.com/earlyaccess/alefhebrew.css);
body { color:#000000; font-family:/*"Alef Hebrew", */"Helvetica Neue", Helvetica, Arial, sans-serif; direction:rtl; text-align:right; font-size:18px; line-height:1.42857; }
.container, .container-fluid { max-width:960px; }
.shadow {
	-moz-box-shadow:0px 0px 10px 3px #aaaaaa;
	-webkit-box-shadow:0px 0px 10px 3px #aaaaaa;
	box-shadow:0px 0px 10px 3px #aaaaaa;
}
.logo { z-index:700; }
.logo a { width:300px; height:104px; float:left; outline:none; }
.navbar { min-height:43px; }
.navbar-collapse { padding-right:0; padding-left:0; }
.navbar-default .navbar-collapse { border:none; }
.navbar{margin-bottom:0; }
.navbar-nav { width:100%; margin-left:0; margin-right:0; margin-top:0; }
.nav li { width:100%; }
.navbar-nav > li > a { color:#ffffff !important; margin-right:0; padding:8px 5px; }
.red, .navbar-nav > li > a.red, .navbar-nav > li > a.red:hover, .navbar-nav > li > a.red:focus { background-color:#ec2127; text-shadow:-1px -1px 0 #910004; }
.blue, .navbar-nav > li > a.blue, .navbar-nav > li > a.blue:hover, .navbar-nav > li > a.blue:focus { background-color:#42cbe7; text-shadow:-1px -1px 0 #1589a1; }
.green, .navbar-nav > li > a.green, .navbar-nav > li > a.green:hover, .navbar-nav > li > a.green:focus { background-color:#8dc640; text-shadow:-1px -1px 0 #64991c; }
.yellow, .navbar-nav > li > a.yellow, .navbar-nav > li > a.yellow:hover, .navbar-nav > li > a.yellow:focus { background-color:#fdc214; text-shadow:-1px -1px 0 #c19000; }
.orange, .navbar-nav > li > a.orange, .navbar-nav > li > a.orange:hover, .navbar-nav > li > a.orange:focus { background-color:#fe8b20; text-shadow:-1px -1px 0 #d26f13; }
.grey, .navbar-nav > li > a.grey, .navbar-nav > li > a.grey:hover, .navbar-nav > li > a.grey:focus { background-color:#767676; text-shadow:-1px -1px 0 #000000; }
a.btn-interested { color:#000000; font-size:16px; border-radius:0; width:189px; height:40px; font-weight:bold; margin-top:20px; background:#e3353e; text-align:center; padding-top:8px; background-color:rgb(210,35,25);color:#ffffff; }
.btn-div { margin-left:0; text-align:left; }
a.btn-interested:active, a.btn-interested.active { 
	background:#e3353e;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzMzUzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iI2UzMzUzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iI2RjMmUzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQxJSIgc3RvcC1jb2xvcj0iI2QyMjMyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMjIzMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top, #e3353e 0%, #e3353e 36%, #dc2e37 38%, #d2232a 41%, #d2232a 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3353e), color-stop(36%,#e3353e), color-stop(38%,#dc2e37), color-stop(41%,#d2232a), color-stop(100%,#d2232a));
	background:-webkit-linear-gradient(top, #e3353e 0%,#e3353e 36%,#dc2e37 38%,#d2232a 41%,#d2232a 100%);
	background:-o-linear-gradient(top, #e3353e 0%,#e3353e 36%,#dc2e37 38%,#d2232a 41%,#d2232a 100%);
	background:-ms-linear-gradient(top, #e3353e 0%,#e3353e 36%,#dc2e37 38%,#d2232a 41%,#d2232a 100%);
	background:linear-gradient(to bottom, #e3353e 0%,#e3353e 36%,#dc2e37 38%,#d2232a 41%,#d2232a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3353e', endColorstr='#d2232a',GradientType=0 );	
}
.divider { border-top:solid 10px #d1d1d1; }
.container-fluid h2 { font-size:1.4em; color:#ffffff; padding:10px 20px; font-weight:bold; margin-top:20px; }
ul.lecturers_list { list-style-type:none; }
ul.lecturers_list li { float:left; width:50%; margin-right:0; position:relative; border:2px solid #ffffff; overflow:hidden; }
ul.lecturers_list li:nth-child(4n+4) { margin-right:0; }
.the_course_program li { background:transparent url(../images/bullet.png) right top no-repeat; list-style-type:none; padding-right:40px; margin-bottom:5px; line-height:25px; }
.desc { background:rgba(253,194,20,.8); position:absolute; bottom:0; width:100%; height:57px; padding:5px; z-index:100; color:#000000; }
.lecturers_list .desc .name { font-weight:normal; font-size:18px; }
.company { font-weight:bold; font-size:14px; }
.arrow-up { 
position:absolute;
top:-8px;
left:16%;
z-index:100;
width:13px;
height:8px;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid rgba(253,194,20,.8);
}
.txt14 { font-size:14px; }
.txt11 { font-size:11px; }
ul.lecturers_list li hr { width:1%; background:#000000; border:none; height:1px; }
.dtl-wrap { position:absolute; z-index:1000; width:1px; height:1px; top:48%; left:48%; background:rgba(253,194,20,.85); opacity:0; }
.dtl-wrap * { opacity:0; }
ul.lecturers_list li:hover .arrow-up { display:none; }
ul.lecturers_list li:hover .desc { bottom:-40%; }
ul.lecturers_list li:hover .company { font-size:11px; font-weight:normal; }
ul.lecturers_list li:hover hr { width:100%; }
ul.lecturers_list li:hover .dtl-wrap { width:100%; height:100%; opacity:1; left:0; top:0; padding:31% 15px 15px; }
ul.lecturers_list li:hover .dtl-wrap * { opacity:1; }
.the_course_program li, .desc, hr, .desc, .dtl-wrap, ul.lecturers_list li img, .company { 
transition:all ease 0.6s;
-webkit-transition:all ease 0.6s; 
-moz-transition:all ease 0.6s; 
-ms-transition:all ease 0.6s;
}
.last { display:none; }
.registration_form { font-weight:bold; color:#ffffff; padding:12px; background-color:rgb(210,35,25); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#be1e25', endColorstr='#d2232a',GradientType=1 ); }
.registration_form p { margin:0; }
.btn-submit { border-radius:0; font-weight:bold; font-size:19px; border:none; color:#000000; width:175px; height:37px; background:#d0cfcf; }
.btn-submit:hover, .btn-submit:focus { background:#d0cfcf; }
.form_block { max-width:350px; margin:0 auto; }
.maincontent { padding:10px 0px; float:left; }
.form-control { font-size:13px; font-weight:normal; border-radius:0; padding:3px 5px; border:none; height:auto; }
footer { padding-bottom:20px; }
.img-caption-strip { position:absolute; bottom:0; font-size:25px; width:100%; text-align:right; padding-right:20px; }
.white { background:rgba(118,118,118,.7); font-size:24px; text-align:center; color:#ffffff; direction:rtl; }
.imgblock { position:relative; overflow:hidden; height:345px; }
.viewmore { 
	padding:6px 10px 8px; cursor:pointer; margin:2px;
	background:#c1c1c1;
	background:-moz-linear-gradient(top, #c1c1c1 50%, #ababab 50%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(50%,#c1c1c1), color-stop(50%,#ababab));
	background:-webkit-linear-gradient(top, #c1c1c1 50%,#ababab 50%);
	background:-o-linear-gradient(top, #c1c1c1 50%,#ababab 50%);
	background:-ms-linear-gradient(top, #c1c1c1 50%,#ababab 50%);
	background:linear-gradient(to bottom, #c1c1c1 50%,#ababab 50%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#ababab',GradientType=0 );
}
header { background:none repeat scroll 0 0 #ffffff; margin:0 auto; }
.digitalent{margin-top:150px; }
.imgblock img, .lecturers_list img { width:100%; }
.viewmore img { width:auto; }
@media (max-width:639px) { 
	.col-xs-4, .col-md-4, .col-lg-4 { width:100%; }
	.btn-interested { margin-bottom:20px; }
	.maincontent { padding:15px 10px; }
	.lecturers_list { max-width:360px; margin:0 auto; }
	.imgblock { height:230px; }
	.vertSeparator { width:150px; height:1px; background:#000000; float:left; margin:5px 38%; }
}
@media (max-width:567px) { 
	.imgblock { height:195px; }
	.vertSeparator { width:150px; height:1px; background:#000000; float:left; margin:5px 35%; }
}
@media (max-width:479px) { 
	.form_block .col-xs-2 { margin-left:-20px; }
	.btn-submit { width:100%; }
	.imgblock { height:150px; }
	.vertSeparator { width:150px; height:1px; background:#000000; float:left; margin:5px 32%; }
}
@media (max-width:359px) { 
	.imgblock { height:130px; }
	.vertSeparator { width:150px; height:1px; background:#000000; float:left; margin:5px 25%; }
}
@media (min-width:640px) { 
	.nav li { width:20%; float:left; }
	.collapse { display:block; }
	.collapse2 { display:none; }
	.navbar-toggle { display:none; }
	.navbar-nav > li > a { margin-right:3px; }
	.navbar-nav > li > a.last { margin-right:0; }
	.last { display:block; }
	ul.lecturers_list li:hover .dtl-wrap { padding-top:10%; }
	hr { margin:5px 0; }
	.txt14 { font-size:13px; }
	ul.lecturers_list li{float:left; width:25%; }
	ul.lecturers_list li:nth-child(n+17) { width:50%; padding:10px; }
	ul.lecturers_list li:nth-child(n+17) img { width:50%; opacity:1; }
	ul.lecturers_list li:nth-child(n+17) .desc { position:relative; margin-top:12%; background:none; }
	ul.lecturers_list li:nth-child(n+17) .name { margin-bottom:10px; }
	ul.lecturers_list li:nth-child(n+17) .dtl-wrap { display:none; }
	ul.lecturers_list li:nth-child(n+17):hover .company { font-size:inherit; }
	ul.lecturers_list li:nth-child(n+17):hover .desc { bottom:auto; }
	ul.lecturers_list li:nth-child(n+17):hover img { opacity:0.3; }
	.navbar-default { background:none; border:0; }
	.vertSeparator { width:1px; height:108px; background:#000000; float:left; }
}

@media (min-width:768px) { 
	ul.lecturers_list li:hover .dtl-wrap { padding-top:20%; }
	.navbar-nav > li > a { font-size:20px; padding:10px; color:#ffffff; }
	.vertSeparator { width:1px; height:108px; background:#000000; float:left; }
}
@media (min-width:992px) { 
	ul.lecturers_list li:hover .dtl-wrap { padding-top:31%; }
	.white { font-size:24px; }
	.vertSeparator { width:1px; height:108px; background:#000000; float:left; }
}
