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

@import 'opensans.css';
@import 'component.css';
@import 'set1.css';



p {margin: 0;}

.img-responsive {display: inline-block;}

.table-responsive {direction: ltr;}    
 .table {direction: rtl !important;}
    

body {  font-family: 'Open Sans Hebrew'; color: #ffffff; font-size: 16px; overflow-x: hidden  }

 a {color: #ffffff;}
  a:hover {text-decoration: none;}

.xs_hidden {display:block;}

.btn-custom {
  background-color: hsl(73, 6%, 5%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c3e37", endColorstr="#0d0d0b");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#3c3e37), to(#0d0d0b));
  background-image: -moz-linear-gradient(top, #3c3e37, #0d0d0b);
  background-image: -ms-linear-gradient(top, #3c3e37, #0d0d0b);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c3e37), color-stop(100%, #0d0d0b));
  background-image: -webkit-linear-gradient(top, #3c3e37, #0d0d0b);
  background-image: -o-linear-gradient(top, #3c3e37, #0d0d0b);
  background-image: linear-gradient(#3c3e37, #0d0d0b);
  border-color: #0d0d0b #0d0d0b hsl(73, 6%, 0.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29);
  -webkit-font-smoothing: antialiased;
}

.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: none;
}

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

.header {background: #DB1725; }
  
  .header_content {padding: 0px 200px 0px 0; position: relative;}
    .header .logo {position: absolute; top: 0; right: 0; z-index:9;}
    
    
    .header_small {width: 100%; position: fixed; z-index: 999999; top: 0;}
      .header_small .logo {height: 68px;}
           .header_small  .header_content {padding: 0px 200px 0px 0;} 

.header_xs {display:none;}


nav a.current {background: #A01B20; margin: 0; padding: 40px 8px; }
  nav a.current:hover {color: white;}

.header_small nav a { margin: 13px 0px; padding: 10px 8px; }
  .header_small nav a.current {margin: 0px 0px; padding: 23px 8px; }
  
  

/******************************************************
| Hp top image
******************************************************/

.hp_top_image {position: relative; background: black; }

	.hp_top_image_content {position: absolute; top: 110px; z-index: 2;}
	   .hp_top_image_content .mycontent {padding-right: 150px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}

		.hp_top_image_content .title1 {font-size :100px; color: #fff; line-height: 1.2;}
        .hp_top_image_content .title2 {font-size :48px; color: #fff; line-height: 1.2;}
        .hp_top_image_content .phone {font-size: 30px; margin-top: 20px;}
				 .hp_top_image_content .phone a:hover {color: white;}
       
   .hp_top_image .arrow {position: absolute; width: 100%;  text-align: center;}
      .hp_top_image .arrow .fa { font-size: 45px; z-index: 999;}



/******************************************************
| Hp boxes
******************************************************/

.hp_boxes .a {background: #3a3a3a; text-align:center;  }
.hp_boxes .b {background: #2e2e2e; text-align:center; }

  .hp_boxes .a a, .hp_boxes .b a {color: white;}

.hp_boxes .col-md-3 {padding-right: 0; padding-left: 0; margin-top: -20px;}

.black {background: black !important;}


/******************************************************
| Hp contact
******************************************************/

.hp_contact .right {background: #202020; text-align: center; height: 361px;}

	.hp_contact .right .first {font-size: 36px; padding-top: 45px;}
    .hp_contact .right .line {height: 1px; background: #3a3a3a; width: 75px; margin: 15px auto; border: 0;}
    .hp_contact .right .second {font-size: 24px; padding-bottom: 25px;}

.hp_contact .center {background: #202020; text-align: center; padding-right: 0; padding-left: 0;}

.hp_contact .left {background: #3a3a3a; text-align: center;}

	.hp_contact .fa-paper-plane {margin: 10px auto 3px; color: #D21F23; font-size: 24px;}

      .hp_contact .title1 {font-size: 24px;}
      .hp_contact .title2 {font-size: 14px; margin-bottom: 5px; }


  /* .hp_contact   also for contact us page */  .contact_form {width: 85%; margin: 0 auto;}

      .hp_contact input, .hp_contact textarea {color: black;}

		::-webkit-input-placeholder {
		   color: black !important;
		}
		::-moz-placeholder {  /* Firefox 19+ */
		   color: black !important;  
		}
		:-ms-input-placeholder {  
		   color: black !important;  
		}
		
		


/***************************************************************
| About_page                                                                                                         |
***************************************************************/

   .about_image_titles {position: absolute; width: 100%; text-align: center; top: 30%;}
     .about_image_titles .title1 {font-size: 48px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
     .about_image_titles .title2 {font-size: 18px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
     

	/******************************************************
	| About text
	******************************************************/	
    .about_text .right {background: #000000;}
      	.about_text .right .mycontent {padding-top: 60px; text-align: left; font-size: 48px; padding-left: 50px; line-height: 1.1;}
    
    .about_text .left {background: #202020;}
        .about_text .left .mycontent {padding: 32px 30px 20px 100px; font-size: 16px; line-height: 2;}


    /******************************************************
	| About clients
	******************************************************/	
    .about_clients {background: #3A3A3A; }
    

    .about_clients .fa-plus {color: #3A3A3A;}
    .about_clients .a {background: #3A3A3A; color:#fff; text-align: center; padding: 50px 0; font-size: 20px;}
    .about_clients .b {background: #3A3A3A; padding: 20px 0 0 0;}
      .about_clients  .logo_img {display: inline-block;}
    .about_clients .c {background: #696969; text-align: center; font-size: 25px; color: black; padding: 48px 0;}
       .about_clients .c a {display: block; color: black; }
           .about_clients .c a:hover {color: black;}


/******************************************************************
| Recommendations page                                                                                              |
******************************************************************/

     /********************************************************
	| Recommendations items                                                                               
	*********************************************************/
    .recommendations_items {padding: 20px 0; background: black; border-bottom: 1px solid #202020;}

       .recommendations_items h1 {margin: 30px auto 50px; color: #fff; font-size: 48px;} 

      .recommendations_items .item {margin-bottom: 20px; border: 1px solid #202020; padding: 20px 20px 10px 10px;}

		 .recommendations_items .item .img {text-align: center; margin-bottom: 10px;}
         .recommendations_items .item .title {font-size: 1.2em; min-height: 30px; font-weight: bold; color: #9E9E9E; line-height: 1.3;}
         .recommendations_items .item .job{margin-bottom: 10px;  min-height: 15px; color: #9E9E9E;}

         .recommendations_items .item .file  {height: 40px;}
           .recommendations_items .item .file  a,
           .recommendations_items .item .file  a:hover,
           .recommendations_items .item .file  a:focus,
           .recommendations_items .item .file  a:active 
           {text-decoration: none; color: #444444;}
           .recommendations_items .item .file  .fa {font-size: 25px;}
           .recommendations_items .item .file span {color: #C21010;}



/******************************************************************
| Clients page                                                                                              |
******************************************************************/

    /********************************************************
	| clients items                                                                               
	*********************************************************/
    .clients_items {padding: 20px 0; background: black; border-bottom: 1px solid #202020;}
    
    .clients_items h1 {margin: 30px auto 50px; color: #fff; font-size: 48px;}

      .clients_items .item {margin-bottom: 20px; text-align: center; background: white; padding:  20px}

    .mypagination {width: 100%; text-align: center; padding: 20px 0;}
    
     .one_block {min-height: 410px;}

       .mycircle {
                       display: inline-block; background: #000000; margin-right: 10px; border-radius: 50%; 
                       width: 12px; height: 12px; border: 1px solid #DB1725; cursor:pointer;       
                      }
          .active {background: #DB1725 !important;}


/******************************************************************
| Galleries page                                                                                                             |
******************************************************************/

     /********************************************************
	| flexslider                                                                               
	*********************************************************/
    
    .gallery_title {position: absolute; top: 42%; font-size: 70px; text-align: center; z-index: 9; width: 100%; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
	.flexslider {overflow: hidden;}
	
	 .arrow_galleries {position: absolute; bottom: 20px; width: 100%; text-align: center; z-index: 99999; }
	     .arrow_galleries .fa { font-size: 45px; color: white; }
	   
	
    /********************************************************
	| text                                                                               
	*********************************************************/
    
     .galleries_text {padding: 30px 0 60px 0; text-align: center; background: #171717;}

         .galleries_text h2 {font-size: 28px; font-weight: 400; margin: 10px 0 40px 0; color: #D01624;}
         .galleries_text .text {font-size: 20px; line-height: 2;} 




/******************************************************************
| Contact page                                                                                                             |
******************************************************************/

  .contact_main .right {background: #000000;}
      	.contact_main .right .mycontent {padding-top: 60px; text-align: left; font-size: 48px; padding-left: 50px; line-height: 1.1;}


   .contact_main .center {background: #3A3A3A; }
     .contact_main .center .mycontent {padding: 30px 0; padding-top: 25px; padding-bottom: 15px;}
       .contact_main .center .title {font-size: 14px; margin-bottom: 8px;}


   .contact_main .left {background: #000000; }
       .contact_main .left .mycontent {padding-top: 80px;}


.contact_footer1 { background: #696969;}
  .contact_footer1 .mycontent {padding-top: 20px; padding-bottom: 14px;}

	.contact_footer1 .item {margin-top: 13px;}

	.contact_footer1 .left {background: #3A3A3A; text-align: center;}


.contact_footer2 .right {padding-right: 0; padding-left: 0;}

  .contact_footer2 .left {background: #2E2E2E; padding-right: 0; padding-left: 0;}



/******************************************************************
| English page                                                                                                               |
******************************************************************/
.text_en {direction: en; background: black; padding: 25px 0; border-bottom: 1px solid #202020; font-weight: 300;}





/******************************************************
| Footer
******************************************************/
.footer {background: black; padding: 50px 50px 30px 50px; position: relative; font-weight: 300;}

  .footer .content1 {}

     .footer .content1 a {padding: 0;}

       .footer a:hover {color: #DB1725;}

 .footer .content2 {text-align: left; padding-top: 70px;}
    .footer .content2 p {line-height: 30px;} 


 .footer .content3 .title {text-align: left; font-size: 36px; margin-bottom: 0px; line-height: 33px;}

   .footer .content3 .line {height: 1px; background: #fff; width: 100px; float: left; border: 0;}


    .footer .content3 .details {width: 100%; margin-bottom: 8px;}
  
           .footer .content3 .r { float:right; width: 40%; text-align: left;}
           .footer .content3 .m {float: right; text-align: center; width: 20%;}
          .footer .content3 .l {float: right; width: 40%; text-align: left;}

 .footer_logo_xs {display: none;}



  .footer_en div {direction:ltr;}
  .footer_en .content3 .r { float:left; width: 40%; text-align: left;}
  .footer_en .content3 .m {float: left; text-align: center; width: 20%;}
  .footer_en .content3 .l {float: left; width: 40%; text-align: left;}

.credit {background: black; text-align: right;}
  .credit .mycontent {padding: 10px 20px; }




/*** Media Queries ***/

@media screen and (max-width: 1024px) {
	
  .header .logo {max-width: 105px;}
     .header_content {padding: 0px 120px 0px 0;}
       nav a {margin: 6px 2px;}

.hp_top_image_content {top: 20px;}

     figure.effect-bubba p {min-height: 240px !important;} 

    .hp_contact .right .first {font-size: 28px; padding-top: 45px;}    
    .hp_contact .right .second {font-size: 23px; padding-bottom: 25px;}

  .about_image_titles .title1 {font-size: 32px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
  .about_image_titles .title2 {font-size: 16px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}	
	 .about_text .right .mycontent {padding-top: 40px; font-size: 38px;}

	 .gallery_title {top: 42%; font-size: 50px;}

     .contact_main {background: black;}
	 .contact_main .right .mycontent {padding-top: 40px; font-size: 38px;}
	 .contact_footer1 .center .item {font-size: 13px;;}
	 
	 .footer {font-size: 13px;}
	 .footer .content2 {padding-top: 102px;}
	
}



@media screen and (max-width: 800px) {
	
	.xs_hidden {display:none;}
	
	body {width: 100%;}
		
	
	.header, .header_small {display:none !important; position: relative;}
	
	  /***  xs menu *******************************/
	.header_xs {display: block; direction:ltr; background: #DB1725; height: 80px; position: relative;}
	
       .header_xs .menu-wrap {position: absolute; top: -350px; left: 0px;  
                                              transition: 0.5s; background: #DB1725; height: 350px; z-index: 999; 
                                           }
          .header_xs .menu-wrap .icon-list {padding: 20px 80px 20px 20px; text-align: right;}
        .header_xs .menu-wrap a {display: block; margin: 0 0 10px 0;}
              .header_xs .menu-wrap a:hover {color: white}
        
         .header_xs .open-button {background: #DB1725; height: 80px; width: 80px; border:none !important;}
          .header_xs .open-button:active,
          .header_xs .open-button:focus {border:none !important;}
         
             .header_xs .open-button .fa {font-size: 30px;}
        
        .header_xs .close-button {position: absolute; top: 5px; right: 5px; font-size: 20px; background: transparent; border:none;}
	 

        .mnu_open {top: 0 !important;left: 0px !important; width: 250px !important;  }
        
        .menu-wrap  a.currents {color: black !important;}
         .menu-wrap a.currents:hover {color: black !important;}
	
	/*******************************************/
	
	
	.xs_logo {position: absolute; top: 0; right: 0; height: 80px;}
	
	.xs_hidden {display: none;}
	
	.contact_form  {padding-bottom: 15px;}
	
	
	.tmunot {background: url(/images/homeImages/01.jpg)}
	
	.hp_top_image_content {top: 30px;}
	.hp_top_image_content .title1 {font-size: 30px;}
	.hp_top_image_content .title2 {display:none;}
	.hp_top_image_content .phone {}
	
	   .hp_top_image_content .mycontent {padding-right: 20px;}
	
	.hp_contact .right {display:none;}
	
	.contact_main .right .mycontent {padding: 20px 0; text-align: center; font-size: 34px;}
	.contact_main .left .mycontent {padding: 20px; }
	
   .about_clients .a {padding: 15px 0 0 0;}
   .about_clients .b {padding: 0 0 15px 0;}
   .about_clients .c {padding: 15px 0;}
	
  .about_image_titles {top: 20%;}
  .about_image_titles .title1 {font-size: 26px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
  .about_image_titles .title2 {font-size: 16px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}	
	 .about_text .right .mycontent {padding: 20px 0; text-align: center; font-size: 34px; }
	 .about_text .left .mycontent {padding: 20px 0px 20px 0px; font-size: 16px;}

	 .text_en {font-size: 14px; font-weight: 300;}
	
	
	
	.flex-direction-nav {display:none;}
	
	
	
	
	
	
	 /*** footer ***/
	.footer  {padding: 10px 0px 10px 0px; font-size: 13px;}
	.footer .content2 {padding-top: 10px; padding-bottom: 20px;}	
	 .footer .content3 .title { font-size: 26px; }	
	.footer_logo_xs {display: block; position: absolute; top: 20px; right: 10px;}
	
	 .contact_footer1 .mycontent {padding-top: 0px; padding-bottom: 0px;}
	     .contact_footer1 .center .mycontent {padding-top: 20px; padding-bottom: 10px;}
	 
	 .contact_footer2 {margin-top: -3px;}
	 
	
}


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

  .about_image_titles {top: 15%;}
  .about_image_titles .title1 {font-size: 18px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
  .about_image_titles .title2 {font-size: 14px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}		

	.about_text .right .mycontent {font-size: 24px; }

	.gallery_title {top: 42%; font-size: 30px;}
	.galleries_text h2 {font-size: 18px; font-weight: 400; margin: 10px 0 10px 0}
	 .galleries_text .text {font-size: 14px;} 

	.contact_main .right .mycontent {font-size: 24px; }
	
}
    
    
@media screen and (max-width: 320px) {
	
	.hp_contact .center {padding-left: 0; padding-right: 0;}
	
}


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