@charset "utf-8";
/* CSS Document */
@import 'opensans.css';

body {font-family: 'Open Sans Hebrew'; font-size: 15px; overflow-x: hidden;}

p {margin: 0;}

.img-responsive {display: inline-block;}
    
 iframe {max-width: 100% !important;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

a, .btn {transition: all 0.3s;  word-wrap: break-word;}

.no_padding_right {padding-right: 0;}
.no_padding_left {padding-left: 0;}


/***************************************
| top
***************************************/

.top {background: #1C1B16; text-align: center; padding: 8px 0; color: #fff; font-weight: normal;}
 .top a {color: #fff; font-weight: bold;}
 .top .fa {font-size: 1.5em; display: inline-block; vertical-align: top;}


/***************************************
| Header
***************************************/

.header {min-height: 120px;}

.navbar-brand {padding-top: 10px;}

.navbar {margin-bottom: 0;}
.navbar-nav {margin-top: 33px;  }

.navbar-default {background-color: #fff;  border:none;}

.navbar-default .navbar-nav>li>a {font-size: 1.1em;}


 /*** Flexslider ***/
 
 .hp_flexslider {max-width: 100% !important;}
 
 .image_caption {width: 100%; margin: 0 auto; position: absolute; top: 20%; color: #fff; text-align:  center;}
   .image_caption h1 {font-size: 4em; font-weight: 400; }
      
   .flex-overlay {
    position:absolute; top:0;   left:0;    width: 100%;
    height: 70%; background-color: transparent;
    z-index: 9999;
}

.flex-prev, .flex-next{
    z-index: 99999;    
}


/*** hp text ****/

.hp_text {background: #ededed; padding: 25px 0;}
 
 .hp_text h1 {margin: 0 0 10px 0; font-weight: 300; text-align: center;}



/*** hp subjects ***/

.hp_subjects .one_subject {margin: 25px 0 25px 0;}

.hp_subjects a {color: #000;}
 .hp_subjects a:hover {text-decoration: none;}

 .hp_subjects .one_subject h2 {font-size: 1.8em; font-weight: 600; margin-top: 5px;}
  .hp_subjects .one_subject .description {line-height:25px;}

  .subject_image_container {padding-top: 25px;}
   .subject_image {border-radius: 4px; }
    
	.hp_subjects .read_more {display: inline-block; padding: 7px 20px; border: 1px solid #1C1B16; border-radius: 2px; 
	                                        margin-top: 20px; color: #1C1B16;
	                                      }
	       .hp_subjects .read_more:hover {background: #1C1B16; color: #fff; text-decoration: none; }
 

/*** hp contact form ****/

.contact_form_container {
    background: #EEEEEE;
    padding: 20px 0;  
}

.contact_form_container a {color: #1E2832;}

.contact_form_container .content {margin: 0 auto; width: 80%;}
.contact_form_container .form_header {margin-bottom: 25px;}

.contact_form .btn_snd {padding-top: 10px; padding-bottom: 10px; font-weight: bold;}

.input-group-addon:first-child {
    border-right: 1px solid #ccc;
}

.contact_form textarea {height: 80px;}



/***** INNER PAGES ********************/

.page_content {padding: 0 0 25px 0; }

.page_content h1 {background: #1E2832; color: #fff; padding: 6px 8px 10px 0; border-radius: 2px;}

.page_content .gallery {padding-top: 10px;}
.subject_thumb {padding: 5px; border: 1px solid silver; margin-bottom: 10px;}
.subject_thumb:hover {opacity: 0.7;}














/*************************************
| Footer
**************************************/

footer {min-height: 200px; background: #1E2832; color: #fff;}

 footer a {color: #fff;}














/*** Media Queries ***/

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



@media screen and (max-width: 991px) {
	
	.header {min-height: 90px;}
	
   .header .pull-left {float: right !important}
   
   .header .logo {height: 60px;}
   
   .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border:none; width: 100%; margin-right: 0;
   }
   
    .image_caption h1 {font-size: 2em; font-weight: 400; margin-top: 0px;}
   
   .hp_subjects .one_subject { margin: 15px 0 15px 0;}
     .hp_subjects .read_more {margin-bottom: 20px;}
   
   .contact_form_container .content {width: 100%;}
	
	
}


@media screen and (max-width: 640px) {
	
	
}
    
    
@media screen and (max-width: 320px) {
	
	
}


/*** 5 columns
***************************************************/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: right;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: right;
    }
}