.map-responsive{

    overflow:hidden;

    padding-bottom:56.25%;

    position:relative;

    height:0;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}
 




.gallery {
	 display: flex;
	 padding: 2px;
	 transition: 0.3s;
}
 .gallery:hover .gallery__image {
	 filter: grayscale(1);
}
 .gallery__column {
	 display: flex;
	 flex-direction: column;
	 width: 25%;
}
 .gallery__link {
	 margin: 2px;
	 overflow: hidden;
}
 .gallery__link:hover .gallery__image {
	 filter: grayscale(0);
}
 .gallery__link:hover .gallery__caption {
	 opacity: 1;
}
 .gallery__thumb {
	 position: relative;
}
 .gallery__image {
	 display: block;
	 width: 100%;
	 transition: 0.3s;
}
 .gallery__image:hover {
	 transform: scale(1.1);
}
 .gallery__caption {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 padding: 25px 15px 15px;
	 width: 100%;
	 font-family: 'Raleway', sans-serif;
	 font-size: 16px;
	 color: white;
	 opacity: 0;
	 background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0) 100%);
	 transition: 0.3s;
}
 



 @page {
    size: auto;   /* auto is the initial value */
    margin: 0;  /* this affects the margin in the printer settings */
}
 
 
  @media print {
  }


html {
  scroll-behavior: smooth ;
  
}


.video {  width: 100%; 
position:relative;
    margin-top: -10%;
}

body {


  background: #888; /* fallback for old browsers */
  background: -webkit-linear-gradient(right, #888, #888);
  
  /*background: -webkit-linear-gradient(right,#fff,#eee,#eee,#ddd,#ddd,#ddd,#ddd,#ddd,#ddd,#ddd,#ddd,#ddd,#ddd,#ddd,#ddd,#eee,#eee, #fff); */
  background-image: radial-gradient(grey, white, grey);

  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  align-content: center;
  justify-content: center;


  background: radial-gradient( #fefefe, #eee,#999);
  
    background-color: rgba(0, 0, 0, 0);
    background-repeat: repeat;
    background-attachment: scroll;
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  align-content: center;
  justify-content: center;
  height: 1000px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  /* background-image: url(../media/images/bg.jpg); */
 

}

.errorlist{color:white;
            /* font-weight:bold; */
}


#Language_bar{
    background-color: #099;
  padding: 5px 5px;
  border-radius: 50px;
  bottom: 2%;

 left: 1%;
  width: 27%;
  
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
  position: fixed;
  z-index: 19999;
  background: #099;
  /*max-width: 84%;*/
  margin: 10px  auto 10px;
  box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.54);
  transition: all 1s;
}


#Language_bar:hover {
    left: 0.5%;
 width: 28%;
box-shadow:  0px 10px 10px 10px rgba(0, 0, 0, 0.44);  
}





#Language_bar a {
  margin: 0 5px;
  padding : 1px;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
  transition: all 1s;
  

}

#Language_bar a:hover {

  margin: 0 1px ;
  text-decoration: none;
  background-color: #fefefe;
  border-radius: 30px;
  padding: 1px;
  color: #055;
  font-size: 14px;
  font-weight: light;
  
  
}


#navbar {
  background-color: #099;
  padding: 10px 10px;
  border-radius: 50px;
  top: -2%;
right: 15%;
 left: 9%;
  width: 83%;
  
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
  position: fixed;
  z-index: 19999;
  background: #099;
  max-width: 84%;
  margin: 50px  auto 20px;
  box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.54);
  transition: all 1s;

}


#navbar:hover {
    left: 8.5%;
 width: 84%;
box-shadow:  0px 10px 10px 10px rgba(0, 0, 0, 0.34);  
}





#navbar a {
  margin: 0 15px;
  padding : 5px;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
  transition: all 1s;
  

}

#navbar a:hover {

  margin: 0 5px ;
  text-decoration: none;
  background-color: #fefefe;
  border-radius: 30px;
  padding: 5px 10px;
  color: #055;
  font-size: 14px;
  font-weight: light;
  
  
}


.invoice_list {
    
      
position: relative;
          margin: 30px 10px 20px 70px;
  padding: 45px;

        
          box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, 0.24);  
  
   border-radius: 50px;
   
    
      width: 90%;
    
}
.invoice_item {
    
position: relative;


  height: 150px; 
  width: 70%;   
   border-radius: 30px;
   background: #fff; 
    margin: 20px 20px 20px 20px;
    display:inline-block;
      align-content: center;
  text-align:center;
  
  align-items: center;
  align-self: center;

   padding: 25px ;
    
  box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, 0.24);  
    transition: all 0.5s;

    
}


.invoice_item a{
        
                display: inline-block;        
                color: #999; 
                font-family: Arial, sans-serif; 
                font-size: 10px; 
                font-weight: bold; 
                text-decoration: none; 
                text-align:center;
                

          transition: all 1s;

}



.invoice_item:hover, .invoice_item:active, .invoice_item:focus {
  height: 155px; 
  width: 71%;
  
  box-shadow:  0px 10px 10px 10px rgba(0, 0, 0, 0.24);  
}

    


/*
.mask {
     position: fixed;
  top: 30%;
  left: 13%;
  height: 400px; 
  width: 400px;   
  filter: blur(5px);
  z-index:99999;
  margin-top:-10px;
  transition: all 1s;
  display: block;

}




.grayscale {
  backdrop-filter: grayscale(1);  
}
.brightness {
  backdrop-filter: brightness(1.5);  
}
.blur {
  backdrop-filter: blur(5px);  
}
.contrast {
  backdrop-filter: contrast(.8);  
}
.drop-shadow {
  backdrop-filter: drop-shadow(4px 4px 10px blue);  
}
.invert {
  backdrop-filter: invert(.7);
}
.opacity {
  backdrop-filter: opacity(.4);
}
.sepia {
  backdrop-filter: sepia(.4);
}
.saturate {
  backdrop-filter: saturate(1.8);
}
.hue-rotate {
  backdrop-filter: hue-rotate(120deg);
}


*/

.logo {
  position: fixed;
  top: 10%;
  left: 3%;
  height: 20%; 
  /*width: 100px;   */
  
  z-index:99999;
  margin-top:-10px;
  transition: all 1s;
  display: block;
    /* font-family: Arial, sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    text-decoration: none; 
text-align:center; */

}
/*
@media screen and (max-width: 992px) {
.logo {
  position: fixed;
  top: 10%;
  left: 3%;
  height: 30%; 
  
  display: block;
  z-index:99999;
  margin-top:-10px;
  transition: all 1s;
}

}

@media screen and (max-width: 600px) {
.logo {
  position: fixed;
  top: 10%;
  left: 3%;
  height: 40%; 
  
  display: block;
  z-index:99999;
  margin-top:-10px;
        }
    transition: all 1s;
}
    
*/

/*
.profile_img {
  position: fixed;
  top: 10%;
  right: 7%;
  height: 50px; 
  width: 50px;   
  text-align:center;
  z-index:99999;
  
   border-radius: 70px;
   background: #fff; 
   display: block; 
   padding: 10px ;
    font-family: Arial, sans-serif; 
    font-size: 10px; 
    font-weight: bold; 
    text-decoration: none; 

  box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, 0.24);  
    transition: all 1s;

    
}


.profile_img a{
        
                display: block;        
                color: #999; 
                font-family: Arial, sans-serif; 
                font-size: 10px; 
                font-weight: bold; 
                text-decoration: none; 
                text-align:center;
                

          transition: all 1s;

}



.profile_img:hover, .profile_img:active, .profile_img:focus {
  border-radius: 40px;
  height: 150px; 
  width: 90px;
  
  background: #fff; 
  box-shadow:  0px 10px 10px 3px rgba(0, 0, 0, 0.24);  
}



.profile_img_sub {
  position: fixed;
  top: 15%;
  right: 7%;
  height: 50px; 
  width: 50px;   
  text-align:center;
  z-index:99999;
  
   border-radius: 70px;
   background: #fff; 
   display: none; 
   
   padding: 10px ;
    font-family: Arial, sans-serif; 
    font-size: 10px; 
    font-weight: bold; 
    text-decoration: none; 

  box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, 0.24);  
    transition: all 1s;

    
}

.profile_img:hover .profile_img_sub, .profile_img:active .profile_img_sub, .profile_img:focus .profile_img_sub {
    
    

  display: block; 
    
}



.profile_img_sub a{
        
                
                color: #999; 
                font-family: Arial, sans-serif; 
                font-size: 10px; 
                font-weight: bold; 
                text-decoration: none; 
                text-align:center;

          transition: all 1s;

}



.profile_img_sub:hover, .profile_img_sub:active, .profile_img_sub:focus {
  border-radius: 40px;
  height: 140px; 
  width: 80px;
                
  background: #fff; 
  box-shadow:  0px 10px 10px 3px rgba(0, 0, 0, 0.24);  
}

*/


/*------------*/


.center  {
  position: fixed;
  top: 85%;
  right: 3%;

  text-align:center;
  z-index:99999;
  display: block; 
    background: #fff; 
    text-align:center;
    height: 60px; 
    width: 60px;
    padding: 10px 10px;
    color: #999; 
    font-family: Arial, sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    text-decoration: none; 
    /*border-bottom: solid 1px #333; border-left: solid 1px #333; border-right: solid 1px #fff; */
    border-radius: 70px;
    box-shadow: -10px 5px 15px 3px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    transition: all 1s;
    

}

.lang_flag{ width: 20px; }

.center a {
    color: #999; 
    font-family: Arial, sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    text-decoration: none; 
    
}






.center:hover, .center:active, .center:focus {
  border-radius: 50px;
      height: 70px; 
    width: 70px;
  
 box-shadow: -10px 5px 15px 13px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}





/*--------------------*/

hr .title_ar{text-align:right;}

.title2 {
  position: relative;
  z-index: 9999;
  padding: 10px 0px 10px 0%;
  /*margin: -0px  55% -100px  -13%; */
  margin: 50px 0% -20px 8%;
   border-radius: 30px 30px 30px 30px; 
  color: #fff;
     background-color: #B40404; 
  font-size: 30px;

  opacity: 100%;
  width: 95%;


  /*text-align: center;*/
  /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);*/

  
  
}

.title2 a {
  color: #fff;
}



.title1 {
  position: relative;
  z-index: 9999;
  padding: 10px 0px 10px 0%;
  /*margin: -0px  55% -100px  -13%; */
  margin: 50px 0% -20px 8%;
   border-radius: 30px 30px 30px 30px; 
  color: #fff;
     background-color: #099; 
  font-size: 30px;

  opacity: 100%;
  width: 95%;


  /*text-align: center;*/
  /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);*/

  
  
}

.title1 a {
  color: #fff;
}


/*
.title1 {
  position: relative;
  z-index: 9999;
  padding: 0 0px 0 0%;
  /*margin: -0px  55% -100px  -13%; */
  /*
  margin: 40px 20px -70px 8%;
  border-radius: 30px 30px 0px 0px;
  color: #fff;
  background-color: #bbb;
  font-size: 30px;

  opacity: 100%;
  width: 95%;


  /*text-align: center;*/
  /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);*/

  /*
  
}

*/

.title4 {
  position: relative;
  z-index: 0;
  padding: 10px 0px 10px 0%;
  /*margin: -0px  55% -100px  -13%; */
  margin: 50px 0% -100px 8%;
   border-radius: 30px 30px 30px 30px; */
  color: #fff;
     background-color: #B40404; 
  font-size: 30px;

  opacity: 100%;
  width: 95%;


  /*text-align: center;*/
  /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);*/

  
  
}


.title4 a {
      color: #fff;

    
}



/*
.multi-bg-1 {
      width: 100%;
      height: 100%;
      /*background-image: url("https://world-systems.org/ash/static/website/ext/bg_maps.svg")  */
         /* linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)); */
      
      /*background-repeat: 
          no-repeat
          ;
      background-position: 
          center;
          
         
          background-attachment: fixed;
          background-size: 100%;
          z-index: 1;
        }



    .multi-bg-2 {
      width: 100%;
      height: 100%;
    /*  background-image: url("https://world-systems.org/ash/static/website/ext/bg_grid.svg")  */
        /*  
      background-repeat: repeat;
          
          
      background-position: center;
          
      background-attachment: scroll;
      background-size: 200%;
          
      }
      


*/

.container1 {
  position: relative;
  z-index: 1;
  
}


hr {
  position: relative;
  z-index: 2;
  width: 100%;
  margin 0 auto;
  
}

.hr1 {
  position: relative;
  z-index: -1;
  width: 100%;
  margin: -23px 0% 0% 0%;
}


@font-face {
  font-family: 'Roboto';
  src: url('roboto/Roboto-Light.ttf') format('truetype');
}

.page {
  width: 90%;
  padding: 0%;
  margin: 0% 0% 0% 0%;
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
}

/*
.title2 {
  
  
  border-radius: 0px 20px;
  color: #fff;
  background-color: #999;
  font-size: 30px;
  width: 50%;
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
  margin: 30% 0% 0% 30%;
}

*/

/*
.title3 {
  
  
  border-radius: 20px 40px 0px 20px;
  color: #fff;
  background-color: #999;
  font-size: 45px;
  width: 50%;
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
  margin: 30% 0% 0% 0%;
}


*/


.img1 {
  /*background-color: #ffffff;*/
  
  border-radius: 20px;
  
  
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
  width: 15%;
  
  position: relative;
  z-index: 1;
  /*background: #FFB000;*/
  
  margin: 1%  1% 1% 5%;
  /*box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, 0.24);  */
  transition: width 1s;
}

.img1:hover {
  width :16%;
  
}

.img_social_icons_container{ margin 0 auto; text-align:center;}

.img_social_icons {
  /*background-color: #ffffff;*/
  
  border-radius: 30px;
  
  
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
  width: 4%;
  
  position: relative;
  z-index: 1;
  /*background: #FFB000;*/
  
  margin: 0.2%  0.2% 0.2% 0.2%;
  /*box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, 0.24);  */
  transition: width 1s;
}

.img_social_icons:hover {
  width :4.5%;
  
}

.sub1 {
  /* background-color:  #ffffff ;*/
  
  border-radius: 30px 30px 30px 30px;
  
  
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
  margin: 1% 3% 0% 1%;

}


.img2  {
  
  /*background-color: #ffffff;*/
  
  
  /*border-radius: 30px;*/
  
  
  /*border-radius: 20px;*/
  
  
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
  position: relative;
  z-index: 1;
  /*background: #FFB000;*/
  width: 20%;
  margin: 1%  1% 1% 1%;
  /*box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, 0.24);  */
  transition: width 1s;

}

.img2:hover  {
width: 22%;
}


.img3  {
  
  /*background-color: #ffffff;*/
  
  
  /*border-radius: 30px;*/
  
  
  /*border-radius: 20px;*/
  
  
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
  position: relative;
  z-index: 1;
  /*background: #FFB000;*/
  width: 18%;
  margin: 1%  6% 0% 6%;
  /*box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, 0.24);  */
  transition: width 1s;

}

.img3:hover  {
width: 20%;
}


.img4  {
  
  /*background-color: #ffffff;*/
  
  
  /*border-radius: 30px;*/
  
  
  /*border-radius: 20px;*/
  
  
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
  position: relative;
  z-index: 1;
  /*background: #FFB000;*/
  width: 85%;
  margin: -7%  1% 1% 1%;
  /*box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, 0.24);  */
  transition: width 1s;

}

.img4:hover  {
width: 90%;
}

.img5  {
  
  /*background-color: #ffffff;*/
  
  
  /*border-radius: 30px;*/
  
  
  /*border-radius: 20px;*/
  
  
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
  position: relative;
  z-index: 1;
  /*background: #FFB000;*/
  width: 40%;
  margin: 0%  1% 1% 1%;
  /*box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, 0.24);  */
  transition: width 1s;

}

.img5:hover  {
width: 45%;
}

.img6  {
  
  /*background-color: #ffffff;*/
  
  
  /*border-radius: 30px;*/
  
  
  /*border-radius: 20px;*/
  
  
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
  position: relative;
  z-index: 1;
  /*background: #FFB000;*/
  width: 8%;
  margin: 0%  1% 1% 1%;
  /*box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, 0.24);  */
  transition: width 1s;

}

.img6:hover  {
width: 10%;
}

.p1 {
  align-content: center;
  text-align: center;
  align-items: center;
  align-self: center;
  padding: 0% 15% 0% 15%;
  margin:  1%;
  color: #555;
  font-size: 18px;
  text-align: center;
  transition: all 1s;
}

.p1:hover {
  color: #B40303;
}

.form {
  border-radius: 30px;
  position: relative;
  z-index: 1;
  background:  #fff ;
  opacity: 100%;
  width: 95%;
  margin: 40px 0px 45px 8%;
  padding: 65px;
  text-align: center;
  /* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); */

}


.form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  border-radius: 30px;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #B40303;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
  background: #bbb;
}

.form .message {
  margin: 35px 0 0;
  color: #000;
  font-size: 18px;
  text-align: left;
}

.form .message p {
  margin: 35px 0 0;
  color: #000;
  font-size: 18px;
  text-align: left;
}



.form .message a {
  color: #000;
  text-decoration: none;
  
}


.form .message_ar {
  margin: 35px 0 0;
  color: #000;
  font-size: 18px;
  text-align: right;
}

.form h1.message_ar  {
    font-size: 35px;
  text-align: right;
}

.form .message_ar p {
  margin: 35px 0 0;
  color: #000;
  font-size: 18px;
  text-align: right;
}



.form .message_ar a {
  color: #000;
  text-decoration: none;
  
}


.form h1 {
  color: #000;
  text-decoration: none;
  text-align: left;
}

.form .register-form {
  /*display: none;*/

}



/*--------------------*/


.form1 {
  border-radius: 30px;
  position: relative;
  z-index: 1;
  /*background:  #FFB000 ;*/
  opacity: 100%;
  align-self: center;
  align-items: center;
  align-content: center;
  
  margin: 30px 10px 0% 70px;
  padding: 45px;
  text-align: center;
  /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);*/
  transition: all 0.3s ease;

}

.form1:hover {
  /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); */
}


.form1 input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  border-radius: 30px;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form1 .input1 {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  border-radius: 30px;
  width: 100%;
  height: 400px;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form1 textarea {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  border-radius: 30px;
  width: 100%;
  height: 200px;
  border: 0;
  margin: 0% 0% 0% 0%;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
  
  box-shadow: 0 0 0 3px #fff;
  border: 5px solid transparent;
  
}

.row_1 {
orientation: horizontal;

}
.form1 button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #fafafa;
  border-radius: 30px;
  width: 30%;
  border: 0;
  padding: 15px;
  color: #000;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  margin-top: 5%;
  margin-left: 65%;
}
.form1 button:hover,.form1 button:active,.form1 button:focus {
  background: #fefefe;
}
.form1 .message {
  margin: 35px 0 0;
  color: #aaa;
  font-size: 18px;
  text-align: left;
}
.form1 .message1 {
  margin: 0% 0% 10% 0%;
  padding: 20% 20% 20% 10%;
  color: #aaa;
  font-size: 18px;
  text-align: left;
}


.form1 .message1 p {
  color: #000;
  text-decoration: none;
  text-align: left;
  
}

.form1 .message a {
  color: #fff;
  text-decoration: none;
  text-align: left;
  
}

.form1 h1 {
  color: #555;
  text-decoration: none;
  text-align: left;
  font-size: 18px;
  ;
}


.contact1 {
  margin: 35px 0 0;
  color: #555;
  font-size: 18px;
  
  align-content: left;
  text-align: left;
  align-items: left;
  align-self: left;
}


.default-fadeout{
  opacity: 1;
}

.fadeout{
  transition: opacity 2s;
  opacity: 0;
}

.default-fadein{
  opacity: 0;
}

.fadein{
  transition: opacity 2s;
  opacity: 1;
}















.footer #button{
	width:35px;
	height:35px;
	border: #727172 12px solid;
	border-radius:35px;
	margin:0 auto;
	position:relative;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.footer #button:hover{
	width:35px;
	height:35px;
	border: #3A3A3A 12px solid;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	position:relative;
}
.footer {
	bottom:0;
	left:0;
	position:fixed;
    width: 100%;
    height: 2em;
    overflow:hidden;
    margin:0 auto;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	z-index:999;
}
.footer:hover {
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	height: 20em;
}
.footer #container{
	margin-top:5px;
	width:100%;
height:100%;
  position:relative;
  top:0;
  left:0;
	background: #666;
}
.footer #cont{
  position:relative;
  top:-45px;
  right:190px;
	width:150px;
	height:auto;
	margin:0 auto;
}
.footer_center{
	width:50px;
	float:left;
  text-align:center;
}
.footer h3{
	font-family: 'Helvetica';
	font-size: 30px;
	font-weight: 100;
	margin-top:70px;
  margin-left:40px;
  color: #fff;
}

.footer .footer_image1{
    position: relative;
    z-index: 9999;
	font-family: 'Helvetica';
	font-size: 20px;
	font-weight: 100;
	width:450%;
	margin-top:150%;
  margin-left:300%;
  color: #fff;
}



/*-------*/

.site-footer
{
  background-color:#26272b;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#737373;
  
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#939393;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#939393;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:right
}
.site-footer .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#33353d
}
.site-footer .copyright-text
{
  
  margin:0% 0% 0% 0% ;
  align-self: center;
  align-items: center;
  align-content: center;
  text-align: center;
}




.header_logo{
  width: 30%;
  position: relative;
  display: inline-block !important;
  align-content: center;
  align-items: center;
  align-self: center;
  margin-left: 36%;
  filter: drop-shadow(0px 20px 5px #999);
  margin-top: 0px;
}
  
  
.client_name a  {
       color: #000;
        text-decoration: none;
        
}


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


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

      
.lang_flag{ width: 20px; }

.videos_list{
  margin : 5px;
  min-width: 200px;
}

.col-md-4 {
  flex: 0 0 auto;
  width: 40% !important;
}