@font-face {
  font-family: 'HelveticaNeueLTW20';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/HelveticaNeueLTW20.eot);
  src: url(fonts/HelveticaNeueLTW20.eot?#iefix) format('embedded-opentype'),       
       url(fonts/HelveticaNeueLTW20.woff) format('woff'),
       url(fonts/HelveticaNeueLTW20.ttf) format('truetype');
}
*{
    margin: 0;
    padding: 0;
}
.powered{
    display: block;
    margin: auto;
    width: 102px;
    margin-top: 20px;
}
body{
    direction: rtl;
    width: 100%;
    display: block;
    width: 940px;
    margin: auto;
    font-family: 'sans-serif' , 'HelveticaNeueLTW20';
    padding-bottom: 20px;
    margin-top: 20px;
    
}
.wrapper{
    display: inline-block;    
    background: url(../images/background.png) no-repeat #bbb;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 7px 7px 7px rgba(50,50,50,0.28);
    -webkit-box-shadow: 7px 7px 7px rgba(50,50,50,0.28);
    box-shadow: 7px 7px7px rgba(50,50,50,0.28);
}
header{
    display: inline-block;
    width: 67%;
    float: left;
     -webkit-border-top-right-radius: 15px;
    -moz-border-top-right-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-top-left-radius: 15px;
    border-top-left-radius: 15px;
    text-align: center;
  margin-bottom: 14px;
}
header>div{    
    display: block;
    width: 100%;
    padding-top: 20px;
}
.course div span{
    color: #fff;
}
.course div h2{
    margin: 0;
    margin-bottom: 2px;
    color: #fff;
}
.course div{
    position: absolute;
    bottom: 0;
    right: 10px;
    background: rgba(34,54,112,1);
    width: 93%;
    padding: 0px 10px 5px;
     -webkit-border-bottom-right-radius: 15px;
    -moz-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.course img{
    width: 100%;
}
.course{
    display: inline-block;
    width: 33%;
    float: right;
    margin-bottom: 10px;
    position: relative;
    
    padding: 5px 10px;
}
section.sing-in{
    display: block;
    width: 80%;
    margin-top: 10px;
    margin-right: 10%;
}
.sing-in{
    display: block;
    width: 100%;  
    padding-right: 20px;
}
.form-input select{
    display: block;
    padding-right: 7px;
    width: 95%;
    height: 38px;
    border: 1px solid #555;
    font-family: 'sans-serif' , 'HelveticaNeueLTW20';
    line-height: 1.7;
    text-align: center;
}
.form-input{
    display: inline-block;
    width: 33%;
    float: right;
    margin-bottom: 10px;
}
.sing-in{
    display: inline-block;
    width: 100%;
    float: right;    
    background: #3B9794;
    border-radius: 15px;
    padding-left: 15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
}
.form-submit{
    display: inline-block;
    width: 33%;
    float: right;
}
.form-submit button{
    width: 95%;
    background: #879E4C;
    border: 1px solid #657368;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    font-family: 'sans-serif' , 'HelveticaNeueLTW20';
    height: 40px;
}
.form-input input{
    display: block;
    padding-right: 7px;
    width: 95%;
    height: 38px;
    border: 1px solid #555;
    font-family: 'sans-serif' , 'HelveticaNeueLTW20';
    line-height: 1.7;
    text-align: center;
}
span>i{
    display: inline-block;
    width: 15px;
    height: 25px;
    float: left;
    margin-right: 10px;
    background-position: center;
}
.contact-us{
    display: inline-block;
    width: 100%;
    float: right;
    padding: 20px 10px;
}
.right{
    text-align: right;
    border-right: 2px solid #3B9794;
    padding-right: 5px;
}
.left{
    text-align: left;
}
.contact-us hr{
    width: 99%;
    display: block;
    margin: auto;
    color: #879E4C;
    background: #879E4C;
    margin-bottom: 10px;
    border: 1px solid #879E4C;
}
.contact-us>div a{
    color: #000;
}
.contact-us>div span{
    display: inline-block;
    margin-left: 10px;
    font-size: 17px;
}
.contact-us>div{
    display: inline-block;
    float: right;
    width: 50%;
    margin-bottom: 5px;
}
.tel{
    background: url(../images/icon2_06.png) no-repeat;
      background-position: center;
}
.place{
    background: url(../images/icon1_03.png) no-repeat;
      background-position: center;
    
    height: 25px !important;
}
.mail{
    background: url(../images/icon3_11.png) no-repeat;
      background-position: center;
}
.sing-in h2{
    display: inline-block;
    width: 100%;
    font-weight: normal;
    font-size: 20px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    
}
.fb-like {
      display: inline-block !important;
      width: 134px !important;
      float: right!important;
}
.facebook{
    background: url(../images/facebook-icon_03.png) no-repeat;
      background-position: center;
}
@media (max-width: 960px){
     
}
@media (max-width: 798px){
   body{
       width: 100%;
   }
    header>div img{
        width: 100%;
    }
   header, .course{
       width: 100%;
   }
    .form-input{
        width: 100%;
    }
    .form-submit{
        width: 100%;
        margin-bottom: 20px;
    }
    .wrapper{
        background: #ddd;
    }
}
@media (max-width: 420px){
    body{
       width: 100%;
   }
    .course div{
        width: 94.5%;
    }
   
}