html, body {
border:0;
overflow-x: hidden;
word-wrap: break-word;  
text-decoration: none;
background-image:url("images/pat.jpg");
background-repeat: repeat;
 margin: 0;
    padding: 0;
    height:100%;
 



}

 

.container {
   max-width:1165px;
  margin-left:auto;
  margin-right:auto;
  margin-top:90px;
  height:100%;
  padding:0px;

   }

.header img{
  width:100%;
-webkit-box-shadow:   0px 0px 50px -4px rgba(255,255,255,0.63);
-moz-box-shadow:  0px 0px 50px -4px rgba(255,255,255,0.63);
box-shadow:   0px 0px 50px -4px rgba(255,255,255,0.63);
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
 }



.navione {

}


.logo{
  margin-top:-8px;
  position:relative;
  z-index: 2;
  color:#eecfd7;
  float:left;
  font-size:24px;
  letter-spacing: 4px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  background-color:#d7386d;
  padding:16px 50px;
  text-transform: uppercase;
 border-radius: 22px 22px 0px 0px;
-moz-border-radius: 22px 22px 0px 0px;               
-webkit-border-radius: 22px 22px 0px 0px;
 border:none;



-webkit-box-shadow: 0px 0px 83px -6px rgba(219,219,219,1), inset 0px 0px 58px 3px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 0px 83px -6px rgba(219,219,219,1), inset 0px 0px 58px 3px rgba(0,0,0,0.48);
box-shadow: 0px 0px 83px -6px rgba(219,219,219,1),   inset 0px 0px 58px 3px rgba(0,0,0,0.48);

}



.footer {
 text-align: center;
  font-size:12px;
   letter-spacing: 5px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  background-color:#d7386d;
  padding:20px 10px;
  margin-top:20px;
    margin-bottom:82px;

     color:#de96aa;
     text-transform: uppercase;
     border:none;
border-radius: 0px 0px 16px 16px;
-moz-border-radius: 0px 0px 16px 16px;
-webkit-border-radius: 0px 0px 16px 16px;
  
-webkit-box-shadow:  0px 0px 50px -4px rgba(255,255,255,0.45), inset 0px 0px 58px 3px rgba(0,0,0,0.48);
-moz-box-shadow:   0px 0px 50px -4px rgba(255,255,255,0.45), inset 0px 0px 58px 3px rgba(0,0,0,0.48);
box-shadow:   0px 0px 50px -4px rgba(255,255,255,0.45) ,   inset 0px 0px 58px 3px rgba(0,0,0,0.48);

}


.footer a:link, .footer a:hover, .footer a:visited {
       color:#de96aa;
       border:none;
          letter-spacing: 5px;
      font-size:12px;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;



}


.right {
  
  float:right;
}


.right a:link, .right a:visited {
font-weight:normal;
font-family: 'Gaegu', cursive;
color:#b8b8b9;
font-size:23px;
text-decoration: none;
 margin:0px 40px;
 letter-spacing: 2px;
border:none;
display:inline-block;

}

.right a:hover {
text-shadow: 0px 0px 23px #FFFFFF;
  font-family: 'Gaegu', cursive;
color:#b8b8b9;
font-size:23px;
text-decoration: none;
 margin:0px 40px;
 letter-spacing: 2px;
border:none;
display:inline-block;
}


.navitwo {
  margin:0px 0px;
   text-align:center;
}

.navitwo a:link, .navitwo a:visited {
font-weight:normal;
font-family: 'Gaegu', cursive;
color:#87898b;
font-size:25px;
text-decoration: none;
margin:20px 40px;
display:inline-block;
letter-spacing: 2px;
border:none;
}


.content {
  background-color:#f0eeee;
 

border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
 
padding-top:20px;
padding-bottom:60px;  display:flex;
 -webkit-box-shadow:  0px 0px 50px -4px rgba(255,255,255,0.63);
-moz-box-shadow:  0px 0px 50px -4px rgba(255,255,255,0.63);
box-shadow:  0px 0px 50px -4px rgba(255,255,255,0.63);

}
 



.navithree {  
  width:13%;
 float:left;
 text-align:center;
padding-right:60px;
    margin-top:50px;
      margin-bottom:50px;
border:none;
 
}

.space {
  display: block;
  clear:both;
  background-color:blue;
 width:100%;
height:80px;
  background-color:#f0eeee;
 
 
-webkit-box-shadow: 0px 0px 81px -12px rgba(242,242,242,1);
-moz-box-shadow: 0px 0px 81px -12px rgba(242,242,242,1);
box-shadow: 0px 0px 81px -12px rgba(242,242,242,1);
}


.line {
   height:100%;
   width:2px;
 margin-top:60px;
    background-color:#e0e0e0;
display: inline-block; 
   

}
h1 span {
  color:#838383;
  font-size:34px;
   }


h1 {
font-family: 'Quicksand', sans-serif;
font-size:31px;
color:#5a5a5a;
direction:rtl;
text-align:justify;
letter-spacing: 3px;
font-weight: normal;
padding:0px;
margin:0px;
display: block;
  }


h2 {
  margin:0px;
  padding-right:10px;
line-height:;  padding-bottom:0px;
font-family: 'Quicksand', sans-serif;
font-size:19px;
color:#5a5a5a;
direction:rtl;
text-align:justify;
letter-spacing: 3px;
font-weight: normal;
padding-bottom:8px;
background-position: bottom center;
background-image: url("images/dash.png");
background-repeat: repeat-x;
background-size:15px 1px;

   }


h3 {
font-family: 'Quicksand', sans-serif;
font-size:27px;
color:#7e7e7e;
display: block;
margin-top:0px;
padding-top:30px;
letter-spacing: 3px;
padding-bottom:40px ;   
     
font-weight: normal;
 }


.center { 
  width:88%;
  margin:0 auto;
  }


.navithree a:link , .navithree a:hover, .navithree a:visited {
text-align:center;
font-family: 'Quicksand', sans-serif;
font-size:14px;
color:#7e7e7e;
display: block;
letter-spacing: 3px;
margin:45px 0px;
text-decoration: none;
font-weight: normal;
border:none;


}


.text {
    width:74%;
 float:right;
 margin-top:67px;
 }


p {
  font-family: 'Quicksand', sans-serif;
font-size:16px;
color:#5a5a5a;
 text-align:justify;
letter-spacing: 1px;
font-weight: normal;
line-height: 40px;


}




a:link {
 
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;

color:#5a5a5a;
border-bottom:dashed 1px #5a5a5a;
    text-decoration: none;


   

 }

a:visited {
    text-decoration: none;
      
 

color:#5a5a5a;
border-bottom:dashed 1px #5a5a5a;
 

 
}

a:hover { 
  cursor:pointer;
border-bottom:dashed 1px #5a5a5a;

     text-decoration: none;

    color:#5a5a5a;


  }




 


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



  .logo {
    clear: both;
    float:none;
  }
 


.right {
  margin:30px;
  float:none;
clear:both;}


.right a:link, .right a:hover, .right a:visited {
text-align: center;
float:none;
display: block;


}
 




}




@media screen and (max-width: 800px) {
 
.line {
  display:none;
}


.navithree a:link, .navithree a:hover, .navithree a:visited {
  display: inline-block;
  margin:35px 20px;
}

.navithree, .text {
  width:90%;
  float:none;
} 

 