@import url("https://web-archive.nli.org.il/National_Library/cs_/http://fonts.googleapis.com/earlyaccess/opensanshebrew.css");
@font-face {
  font-family: 'FontAwesome';
  src: url('/National_Library/oe_/https://allthingsdata.co.il/college/1/fonts/fontawesome-webfont.eot');
  src: url('/National_Library/oe_/https://allthingsdata.co.il/college/1/fonts/fontawesome-webfont.eot') format('embedded-opentype'),
    url('/National_Library/oe_/https://allthingsdata.co.il/college/1/fonts/fontawesome-webfont.woff') format('woff'),
    url('/National_Library/oe_/https://allthingsdata.co.il/college/1/fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4, p, a ,li, button{
	direction: rtl;
	margin: 0;
	padding: 0;
	font-family: "Open Sans Hebrew" ;
}

h1 {font-size: 42px}
h2 {font-size: 34px; color: rgb(244,148,51)}
h3 {font-size: 28px; color: rgb(102,102,102)}
h4 {font-size: 24px; color: rgb(102,102,102)}
p {font-size: 17px; color: rgb(102,102,102)}
li {font-size: 1em; color: rgb(102,102,102)}
/*ul.course_details {overflow: hidden}*/

header {
	height: 800px;
	background: url('/National_Library/oe_/https://allthingsdata.co.il/college/img/bg.jpg') no-repeat;
	background-size: cover;	
}
	
header.header {
	margin-top:150px;
}

header #logo {
	width: 600px;
	margin: 100px auto 0;
	display: block;
} 

#contactform {
	display: block;
}

#contactform p {
	text-align: center;
}

.form-control {
	border-radius: 8px;
	height: 40px;
	border: none;
	outline: none;
	padding: 8px 12px;
	max-width: 100%;
}

header h1 {
	color: rgb(244,148,51); 
	font-size: 35px;
	text-align: center;
	font-weight: 800;
}

header h2 {
	text-align: center;
	font-weight: 600;
}

section.orange {
	background-color: rgb(244,148,51);
	text-align: center;
}

section.orange h2 {
	font-size: 46px;
	color:#fff;
	font-weight: 600;
}

.computers {
	position: absolute;
	bottom: 70px;	
	right: 32%;
	width: 36%;
}

.computers.ga {
	width: 24%;
	right: 38%;
}

/* ###### COURSES ###### */

section#course_list {
	background-color: rgb(230,230,230);
	border-top: 5px solid white;
	border-bottom: 5px solid white;
}

section#course_list .course_box:nth-of-child(2) {
	border-left: 4px solid white;
}

.course_box h3 {
	color: rgb(244,148,51);
	text-align: right;
	line-height: 1.5em;
	font-weight: 600;
	font-size: 26px;
	padding-top: 32px;
}

.course_box h4, .course_box p {
	text-align: right;
	font-size: 20px;
}

.course_box h4 {
	margin-bottom: 30px;
}

.course_box p {
	font-size: 18px;
	padding: 0 0 15px 0;
	margin-bottom: 15px;
	border-bottom: 3px solid rgb(214,210,213);
	text-align: justify;

}

.course_box .course_logo {
	float: right;
}

.course_box .course_logo img {
	border-radius: 50%;
	padding: 7%;
	background-color: rgb(212,212,212);
}

.course_box ul.course_details li {
	display: inline-block;
	float: right;
	color: rgb(84,84,84);
	padding-left: 14px;
	font-size: 16px;
}

.course_box ul.course_details{
	padding: 0;
	margin: 0;
}

@media (min-width:768px) {
	.course_box:nth-of-type(1) {border-right: 4px solid white; border-bottom: 4px solid white}
	.course_box:nth-of-type(2) {border-bottom: 4px solid white}
	.course_box:nth-of-type(3) {border-right: 4px solid white}
}

.mifgashim:before {
	font-family: "FontAwesome";
	content: "\f0c0";
	float: right;
	margin-left: 5px;	
}

.number_hours:before {
	font-family: "FontAwesome";
	content: "\f19d";
	float: right;
	margin-left: 5px;	
}

.hours:before {
	font-family: "FontAwesome";
	content: "\f017";
	float: right;
	margin-left: 5px;	
}

.address:before {
	font-family: "FontAwesome";
	content: "\f041";
	float: right;
	margin-left: 5px;	
}

.opening_date:before {
	font-family: "FontAwesome";
	content: "\f073";
	float: right;
	margin-left: 5px;	
}

/* ###### WHY US - BENEFITS ###### */

section#benefits {
	background-color: rgb(247,247,247);
}

section#benefits h2 {
	color: rgb(241,130,27);
	text-align: center;
	font-weight: 600;
	font-size: 34px;
}

.benefit_item h4 {
	color: rgb(84,84,84);
	text-align: center;
	padding-bottom: 15px;
	font-size: 18px;
}

.benefit_item p {
	color: rgb(84,84,84);
	text-align: center;
	font-size: 16px;
}

.benefit_item img {
	border-radius: 50%;
	width: 200px;
	height: 200px;
	margin: 0 auto 20px;
	display: block;

}

.benefit_circle {
	width:200px;
	height:200px; 
	border-radius:50%;
	margin: 0 auto 30px;
	display: block !important;
}

#benefits .benefit_circle.a {
	background:#fff url('/National_Library/oe_/https://allthingsdata.co.il/college/img/icon03.png') center center no-repeat; 
}

#benefits .benefit_circle.b {
	background:#fff url('/National_Library/oe_/https://allthingsdata.co.il/college/img/icon02.png') center center no-repeat; 
}

#benefits .benefit_circle.c {
	background:#fff url('/National_Library/oe_/https://allthingsdata.co.il/college/img/icon01.png') center center no-repeat; 
}

/* ###### TEACHERS ###### */

section#teachers {
	background-color: #fff;
	padding: 30px 0 100px;
}

section#teachers h2 {
	text-align: center;
	color: rgb(244,148,51);
	font-weight: 600;
	padding-bottom: 60px;
}


.teacher_item h4 {
	color: rgb(84,84,84);
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 30px;
	font-weight: 600;
}

.teacher_item p {
	color: rgb(84,84,84);
}

.teacher_item img {
	border-radius: 50%;
	float: right;
	width: 170px;
	height: 170px;
	margin-left: 20px;
}

@media (max-width:1080px) {
	.teacher_item img {float: none; display: block; margin: 0 auto}
	.teacher_item h4, .teacher_item p {text-align: center}

}

/* ###### TESTIMONIALS ###### */

section#testimonials {
	background-color: rgb(244,150,50);
	color: white; 
	text-align: center;
}

section#testimonials h2,section#testimonials h4, section#testimonials p {
	color: #fff;
	text-align: center;
}

section#testimonials h2 {
	font-weight: 600;
}

.testimonial h4 {
	font-weight: 600;
	font-size: 18px;
}

.testimonial p {
	margin-bottom: 30px;
	font-size: 16px;	
}

.testimonial img {
	border-radius: 50%;
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.testimonial_para {
	padding: 0 30%; 
}

section#testimonials i {
	font-size: 45px;
}

	
/* ###### COMPANIES ###### */

section#companies {
	background: url('/National_Library/oe_/https://allthingsdata.co.il/college/img/comp_bg.jpg') no-repeat;
	padding: 50px 0 180px;
}

section#companies .container-fluid .row > p {
	padding: 0 20%; font-size: 18px
}

section#companies .company {
	padding: 0px 3%;
}

section#companies h2 {
	color: rgb(241,130,27);
	text-align: center;
	font-weight: 600;
	margin-bottom: 30px;
}

section#companies .company img {
	border-radius: 50%;
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	margin-bottom: 30px;
}

section#companies p {
	text-align: center;
	font-size: 16px;
	margin-bottom: 50px;
}

.company i {
	font-size: 80px;
	text-align: center;
	background: white;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 200px;
	padding: 60px;
	
}

.company p {
	margin-top: 60px;
}

/* ###### CERTIFICATIONS ###### */

section#certifications {
	background-color: white;
}

section#certifications span {
	background-repeat: no-repeat;
	width: 200px;
	max-width: 100%;
	height: 140px;
	display: inline-block;
	background-size: 80%;
	background-position: center center;
	text-align: center;
}

section#certifications a {
	text-align: center;
}

section#certifications a:nth-of-type(1) span {
	background-image: url('/National_Library/oe_/https://allthingsdata.co.il/college/img/partners.jpg');
	background-size: 100%;
    width: 330px;
}
section#certifications a:nth-of-type(2) span {
	background-image: url('/National_Library/oe_/https://allthingsdata.co.il/college/img/optimizely.png');
}
section#certifications a:nth-of-type(3) span {
	background-image: url('/National_Library/oe_/https://allthingsdata.co.il/college/img/analytics.png');
	background-size: 63%;
	
}
section#certifications a:nth-of-type(4) span{
	background-image: url('/National_Library/oe_/https://allthingsdata.co.il/college/img/aw.jpg');
	background-size: 63%;
}

div.certificates {
	margin: 0 auto; 
	display: block;
}

@media (max-width:768px) {section#certifications a:nth-of-type(1) span {width: 200px; background-size: 100%} }

/* ###### LOGOS ###### */

section#companies_logos {
	background-color: rgb(247,247,247);
}

#companies_logos h2 {
	text-align: center;
	padding-bottom: 30px;
}

footer {
	background-color: rgb(230,230,230);
	padding: 10px 60px;
}

footer p {
	color: rgb(164,164,164);
	text-align: left;
	font-size: 14px;
}

.course_box button {
	background: none;
	border-radius: 4px;
	border: 1px solid rgb(241,130,27);
	padding: 8px 20px;
	color: rgb(241,130,27);
	font-size: 20px;
}

.course_box button:hover {
	background: rgb(241,130,27);
	color: white;
	transition: all .3s ease;
}

.course_box p.button {
	border: none;
	text-align: right;
	margin: 25px 0 20px 0;
	padding: 0;
}

/*######### course_sylabus #########*/
#sylabus {
	background-color: rgb(230,230,230);

}

.sylabus_title {
	padding: 20px 0px
}

#course_details {
	background-color: rgb(222,220,221);
	padding: 10px;
	margin-bottom: 50px;
	overflow: hidden;
}

.sylabus_info h3 {
	font-weight: 600;
	margin-bottom: 10px;
}

.sylabus_info h4:nth-of-type(1) {
	padding: 20px 0;
	line-height: 1.3em;
}

#course_details ul li {
	list-style: none;
}

.course_sylabus li {
	direction: rtl;
	text-align: right;
	list-style: none;
}
.sylabus_items {
	margin-bottom: 110px;	
}

ul.sylabus_list {
	padding: 0;
	margin: 0;
}

.sylabus_list li:before {
	font-family: "FontAwesome";
	content: "\f053";
	padding-left: 4px;
}

.sylabus_list li.ltr:before {
	content: "";
	padding-left: 0px;
}
.sylabus_list li.ltr:after {
	font-family: "FontAwesome";
	content: "\f053";
	padding-left: 4px;
}

.cta_pass {
	background-color: rgb(241,130,27);
	padding: 40px 0;
}

.cta_pass h2 {color: white; font-size: 30px; text-align: center; margin-bottom: 20px}

.cta_pass button {
	background-color: rgb(230,230,230); 
	color: rgb(241,130,27); 
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	height: 45px;
	margin-top: -2.5px;
	font-size: 20px;
	min-width: 200px;
}


.course_box > div > div {padding: 0}
	section#companies_logos {padding: 40px 0;}
	section#certifications {padding: 30px 0;}
	section.orange {padding: 60px 0;}
	section#benefits {padding: 50px 0 100px;}
	section#benefits h2 {padding-bottom: 60px;}
	section#testimonials {padding: 50px 0;}
	section#testimonials h2 {margin-bottom: 30px;}
	.benefit_item p {padding: 0 30px;}
	@media (max-width: 1085px) {.benefit_item p {padding: 0 1%;}}
	
	/*.course_box {padding: 2% 50px}*/
	.course_box .course_logo img {width: 100%; margin: 50% auto; display: block}


@media (max-width: 768px) {
	header {height: 430px; background-position: center center}
	section.orange {padding: 30px 0}
	/*section.orange h2 {padding: 30px 0}*/
	section#course_list {border: none}
	.computers {width: 60%; right: 20%}
	.computers.ga {width: 29%; right: 35.5%}
	.course_details {display: none;}
	.course_box p {border-bottom: none; padding: 0}
	.course_box p.button {text-align: center}
	.course_box {border-bottom: 10px solid white}
	.course_box h3 {margin-top: 30px; padding: 0 0px 0 0}
	.course_box .course_logo img {padding: 5px; width: 100px; max-width: 200%; margin:25px 0}
	section#benefits {background-color: rgb(245,245,245); padding: 50px 0}
	/*.course_box:last-child {border-bottom: none}*/
	.benefit_item img {margin: 35px auto 50px}
	.benefit_item p {text-align: justify; margin-bottom: 25px}
	.teacher_item img {display: block; margin: 0 auto; float: none}
	section#teachers h2 {margin-bottom: 0px}
	.teacher_item h4 {text-align: center}
	.teacher_item p {text-align: center; padding-bottom: 20px}
	section#teachers, section#testimonials, section#companies {padding: 60px 0}	
	section#testimonials h2 {margin-bottom: 30px;}
	section#testimonials p {margin-bottom: 27px; padding: 0 7%}
	section#companies h2 {margin-bottom: 25px}
	section#companies .container-fluid .row > p {margin-bottom: 20px; padding: 0 30px}
	.company i {width: 130px; height: 130px; padding: 40px; font-size: 50px}
	.company p {margin-top: 20px}
	section#companies p {margin-bottom: 30px}
	/*.course_logo {position: absolute; top: 50px; right: 30px }*/

/*	.cta_pass {height: 160px}
	.sylabus_title {padding: 0 0 10px}*/
	footer {padding: 10px}
	footer p {text-align: center}
	header #logo {width: 90%; margin-top: 10px}
	header h1 {padding-bottom: 20px}
	/*.cta_pass {min-height:300px}*/
	section.orange h2 {font-size: 24px; line-height: 26px;}
	.computers {bottom: 70px}
	.audience {padding: 10px 0; font-size: 19px}

}


@media (max-width: 991px) {
	.cta_pass {padding: 20px 0;}
	.cta_pass h2 {text-align: center}
	.cta_pass button {display: block; margin:0 auto}
	.form-control {margin: auto auto 5px auto; display: block}

}

@media (min-width: 991px) {
	#contactform p:last-child {left: auto !important}
}

@media (max-width: 1199px) {
	#contactform {min-height: 35px;}
}

/*@media (min-width: 992px) {
	#contactform p:nth-of-type(3) {padding-right:30px;}
}*/

@media (min-width: 460px) and (max-width:768px) {
	.computers {width: 45%; right: 27.5%; bottom: 37px;}
}

/*@media (min-width: 400px) and (max-width:578px) {
	.computers.ga {width: 28%; right: 26%; bottom: 33px;}
}*/

@media (min-width: 640px) and (max-width:768px) {
	header #logo {width: 70%}
}

@media (min-width: 769px) and (max-width:1199px) {
	header {height: 600px}
}


#owl-example  .owl-controls .owl-page span {background: white !important}
#owl-example2 .owl-controls .owl-page span {background: #869791 !important}
.owl-item img {display: block; margin: 0 auto}
#hidden {display: none}