@charset "utf-8";
/* CSS Document */

i {
  width: 1em;
  height: 1em;
  display:block;
  cursor: pointer;
}

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 {white-space: pre-wrap; /* css-3 */}*/
a, .btn {transition: all 0.3s;}
a, div {word-wrap: break-word;      }

a:hover {text-decoration: none;}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #D3DFEF inset; 
}

h1, h2, h3 {font-weight: bold;}

.triangle_effect {position: relative; transition: all 0.3s;}

.triangle_effect:before {
			position: absolute;content: "";
			border-top: 80px solid white; border-right: 80px solid transparent;
			top: -1px; 	left: -1px;			
		}


body {font-family: 'Assistant', sans-serif; font-size: 20px;}


/*** Header ****/

header {position: fixed; width: 100%; top: 0; z-index: 999; background: #fff;}

.menu_en a {text-align: left; direction: ltr;}

@media screen and (min-width: 1024px) {
	.navbar-nav {margin-top: 90px;}	
}

.nav-link {color: #3b3b3b; transition: all 0.3s;}
.nav-link:hover {color: #29a6ff;}

.navbar-expand-lg .navbar-nav .nav-link {padding: 8px 12px;}

.dropdown-toggle::after {display: none;}

.dropdown-menu {border: none; border-radius: 0; margin: 0; color: #fff; background: none;}

.dropdown-item {background: #1350a4; color: #fff; transition: all .5s; font-size: 1.25rem; padding: .30rem 1.5rem;}
  .dropdown-item:hover {background: #cbcfd5; color: #1350a4;}


.fa-phone-square {color: #1350a4; font-size: 1.75rem; vertical-align: middle; display: inline-block;}
.mnu_phone {color: #1350a4; font-size: 1.438rem; font-weight: 600; margin-top: -3px; margin-right: 30px;}

.my_shadow {box-shadow: 1px 2px 5px #888888; transition: all 0.4s;}

.current {color: #1350a4 !important;}



/** Hp flexslider ***/

.stripe_on_image {position: absolute; top: 0; left: 0; max-height: 100%; z-index: 9;}



/*** Hp text ***/

.hp_text { padding: 35px 0; color: #1350a4;}

 h2 {color: #1350a4; font-size: 3rem; padding-bottom: 15px;}

.hp_text .read_more {display: block; margin-top: 25px;}



.stripe_div {height: 97px; width: 100%; background: #D2DEEE; position: relative;} 
    .stripes_titles_small {position: absolute; top: 0; right: 0; z-index: 2;}


/** Hp tchumim  **/


.hp_tchumim_title {margin: 40px 0 20px 0;}

.tchum_item {margin-bottom: 30px;}
 .tchum_item:hover {opacity: 0.9; filter: none; transform: scale(1.02);}

 .tchum_item p {color: #636363; font-size: 2.25rem; margin-top: 15px; font-weight: 600;}


/** Selected_projects **/

.selected_projects {background: #d3deee; padding: 35px 0; margin-top: 30px; text-align: center;}

.selected_projects h2 {margin-bottom: 30px;}

.selected_project_item {position: relative; transition: all 0.3s;}

.selected_project_item .mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%;
												background: rgba(19, 80, 163, 0.78); z-index: 9; opacity:0;
												transition: all 0.5s;
                                              }
     .mask:before {
			position: absolute;
			content: "";
			border-top: 80px solid #D3DFEF;
			border-right: 80px solid transparent;
			top: -1px;
			left: -1px;			
			transition: all 0.3s;
		}

.with_opacity {opacity: 1 !important;}


  .selected_project_item p.project_name {padding: 8px 0; font-size: 1.5rem; color: #fff; background: rgba(19, 80, 163, 0.78); 
                                          position: absolute; left: 0; bottom: 0px; width: 100%;
                                         }


   .selected_project_item .about {
      width: 100%; position: absolute; top: 70px; z-index: 10;  transition: all 0.5s; opacity: 0;
   }
     .selected_project_item .about .content {margin: 0 auto; width: 80%; color: #fff;}

.selected_project_item.triangle_effect:before {border-top: 80px solid #D3DFEF;}

   .selected_project_item .about .title {font-size: 1.2em; }

     .selected_project_item .about .read_more {margin-top: 10px;}


/**** Regulaer page ****/

.top_image {position: relative;}

.inner_page_title h2 {padding-top: 16px;}

.regular_page_content {padding: 30px 0; color: #1350a4; text-align: center;}

	.regular_page_content h3 {color: #1350a4; font-size: 2rem;}




/*** Management   ***/

.about_management {margin-bottom: 30px;}

.one_team_item {margin-bottom: 25px; transition: all 0.3s;}
.one_team_item:hover {opacity: 0.9; filter: none; transform: scale(1.02);}

  .one_team_item .team_image.gray { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
                                                              filter: grayscale(100%);
                                                           }

	.one_team_item img {width: 400px;}
	.one_team_item .name {font-size: 2rem; font-weight: 600; line-height: 110%; margin-top: 10px;}
	.one_team_item .job {font-size: 1.5rem;}
	.one_team_item .read_more {margin-top: 10px;}

     .management_mask {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;        
        z-index: 9; transition: all 0.3s;
     }
       .management_mask:before {
			position: absolute;
			content: "";
			border-top: 80px solid #fff;
			border-right: 80px solid transparent;
			top: -1px;
			left: -1px;			
		}
     
     

     .gray_color {color: #3b3b3b;}


 .show_manager .name {font-size: 2rem; font-weight: 600; line-height: 110%; margin-top: 10px;}
 .show_manager .job {font-size: 1.5rem; margin-bottom: 20px;}
 .show_manager .back {margin-top: 20px;}



/*** Certifications ***/

.one_certification_item {margin-bottom: 25px;}
.one_certification_item a {transition: all 0.3s;}

.one_certification_item .title {font-size: 2rem; font-weight: 600; line-height: 110%; margin-top: 25px;}
.one_certification_item .description {font-size: 1.5rem;}



/**** Tchum page ***/

.tchum_general_title {color: #1350a4; font-size: 1.5rem; font-weight: bold; padding-top: 7px;}

.tchum_page h2.tchum_title {padding-top: 0; line-height: 85%;}

.one_project_item {position: relative; margin-bottom: 40px; }

.one_project_item .mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%;
												background: rgba(19, 80, 163, 0.78); z-index: 9; opacity:0;
												transition: all 0.5s;												 
                                              }
    .one_project_item  .mask:before {
			position: absolute;
			content: "";
			border-top: 80px solid #fff;
			border-right: 80px solid transparent;
			top: -1px;
			left: -1px;			
		}


  .one_project_item p.project_name {padding: 8px 0; font-size: 1.5rem; color: #fff; background: rgba(19, 80, 163, 0.78); 
                                          position: absolute; left: 0; bottom: 0px; width: 100%;
                                         }


   .one_project_item .about {
      width: 100%; position: absolute; top: 70px;   z-index: 10; opacity: 0;  transition: all 0.5s;
   }
     .one_project_item .about .content {margin: 0 auto; width: 80%; color: #fff;}

.one_project_item.triangle_effect:before {border-top: 80px solid #fff;}

   .one_project_item .about .title { font-size: 1.2em; }

     .one_project_item .about .read_more {margin-top: 10px;}


/*** Project page ****/

.youtube_iframe {width: 700px; height: 394px; margin: 60px 0 80px;}


.owl-carousel {margin: 0 auto; max-width: 90%; margin-top: 50px;}


.back_to_projects {}
  .back_to_projects a {font-size: 1.4em; font-weight: bold;}


.owl-nav {position: absolute; top: 40%; width: 100%;}
   .left_icon {position: absolute; left: -40px; font-size: 3rem;}
   .right_icon {position: absolute; right: -40px; font-size: 3rem;}



/*** Contact ****/


.frm_contact {margin: 30px auto;}

@media screen and (min-width: 1024px) {
	.frm_contact {width: 60%;}	
}



textarea {height: 120px; resize: none;}


.frm_contact .btn_send {padding: 4px 40px; font-size: 1.375rem;}

.form-control {border-radius: 0; background: #D3DFEF; border: none; color: #1350a4; }

.form-error {color: red;}

.map_iframe {height: 400px; margin-top: 50px;}


.form-control::-webkit-input-placeholder { color: #1350a4; }
.form-control:-moz-placeholder { color: #1350a4; }
.form-control::-moz-placeholder { color: #1350a4; }
.form-control:-ms-input-placeholder { color: #1350a4; }


.contact_blue_line {height: 5px; background: #007BFF; width: 100%;}

.contact_position {color: #007BFF; padding-top: 15px;}
















/*** Footer ***/

footer {min-height: 50px; background: #1350a4; color: #fff; padding: 25px 0; position: relative;}

 footer div:first-child {margin-bottom: 15px;}

  footer a {color: #fff;}
   footer a:hover {color: #fff;}


  footer span {display: inline-block; margin-left: 30px;}

  footer span .fab {font-size: 1.5rem;}


footer .stripe_image {position: absolute; left: 0; top: 0; max-height: 100%;}


/*** Media Queries ***/

@media screen and (max-width: 1200px) {
	
.one_project_item .about {top: 15px;}
.one_project_item .about .content {font-size: 1.2rem;}

.triangle_effect:before {
			border-top: 40px solid white; border-right: 40px solid transparent;
		}
.selected_project_item.triangle_effect:before {border-top: 40px solid #D3DFEF;}
.one_project_item.triangle_effect:before {border-top: 40px solid #fff;}

     .mask:before {
			border-top: 40px solid #D3DFEF;
			border-right: 40px solid transparent;
		}

       .management_mask:before {
			border-top: 40px solid #fff;
			border-right: 40px solid transparent;
		}	

    .one_project_item  .mask:before {
			border-top: 40px solid #fff;
			border-right: 40px solid transparent;
		}

}


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

.selected_project_item {margin-top: 30px;}

}


@media screen and (max-width: 800px) {
	
  	.menu_icon {font-size: 30px; color: #011f7a; position: absolute; top: -10px; right: 5px;}
	#close_menu {right: 8px;}
	
    .left_icon { left: -25px;}
    .right_icon {right: -25px; }

		.stripe_div {height: auto;}
		h2 {font-size: 2.5rem;}
		.tchum_page h2.tchum_title {padding-top: 0; line-height: 110%;}
    
		.stripes_titles_small {display: none;}
		footer .stripe_image {display: none;}
   	
}

@media (max-width: 767px){
    .table-responsive {
      direction: ltr;
    }
    .table {direction: rtl !important;}	
}








/*** 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;
    }
}