@keyframes opacitychange {
    from {
       opacity:1
    }

    to {
      opacity:0.6
    }
}

@keyframes gallery {
    from {
       opacity:1;
       
    }

    to {
      opacity:0.6;
      border:1px solid #e87728;
      color:#8f6141;
    }
}

@font-face {
    font-family: "sans";
    src:url("../font/irsans.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

html,body, form {
margin: 0 auto;
padding : 0px;
height:100%;
width:100%;
font-family:sans;
direction:rtl;
text-align:right;
font-size:11pt;
background-image:url("../images/patterns/circles-light.png");
background-repeat:repeat;
line-height:19pt;
}
.container-fluid{
    padding:0px;
    margin:0px;
}
.header{
    background-color:#ffffff
}
.main{
    min-height:70%;
}
.footer{
    background-color:#222222;
    margin-top:30px;
}
.footer a{
    color:#ff7615
}
.footer a:hover{
    color:#ff7615
}

.footer2{
    background-color:#2a2a2a;
    color:#bababa;
    text-align:center;
    font-size:9pt;
    padding:12px;
    border-bottom:2px solid #ff7615;
}
.navbar{
    padding:10px;
}
.logo{
    margin:15px;
}
.menu{
    background-color:#2f2f2f;
    font-size:11pt;
}
.container{
    padding:0px;
}
.navbar-nav{
    padding:0px;
}
.navbar-nav li{
    padding-left:15px;
    padding-right:15px;
}
.navbar-dark li:hover a{
    color:#b0b0b0 !important;
}
.navbar-dark  a{
    color:#f2f2f2 !important;
}
.nav-item-active{
    background-color:#ff7615;
    border-radius:5px;
}
.navbar{
    padding:0px!important;
     margin:8px!important;
}

.footer-menu{
    color:#ff7615
}
.footer-title{
    color:#e87728;
    padding-top:10px;
    padding-bottom:10px;
    padding-top:20px;  
    font-size:11pt;
    border-bottom:1px solid #3c3028;
}
.pagetitle{
    color:#454545;
    font-size:9pt;
    padding:15px;
}
.page{
    background-color:#ffffff;
    border-radius:10px;
    border:1px solid #e5e5e5;
    padding:30px;

}
.def-title{
    padding-top:10px;
    padding-bottom:25px;
    color:#ff7615;
    font-size:14pt;
    text-align:right;
    padding-bottom:20px;
    padding-right:30px;
    border-bottom:1px solid #ebebeb;
}
.def-title h3{
    color:#ff7615;
}
.def-page{
    background-color:#ffffff;
    border-radius:10px;
    border:1px solid #d1d1d1;
    margin-top:25px;
    padding:20px;
    
}
.carousel-inner 
{
    height:458px;
    
}
.carousel-inner div{
height:100%;
width:100%; 
 background : no-repeat center center ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.carousel{
    margin-top:15px;
    border-radius:10px;
}
.dropdown{
    font-family:inherit;
    padding-top:14px;
}
.dropdown:focus{
    color :#ffffff !important;
}
.dropdown a:hover{
    text-decoration:none;
}

.navbar-nav > li > .dropdown-menu {
    background-color:#3e3e3e;
    border-top:1px solid #ff7615;
    border-bottom-left-radius:10px;
       border-bottom-right-radius:10px;
       margin-top:8px !important;
}
h1{
    font-size:19pt;
}
.navbar-nav > li > .dropdown-menu a{   
    color: #555555; 
    text-align:right;
    padding:10px;
}
.navbar-nav > li > .dropdown-menu a:hover{   
    background-color:#3e3e3e;
    color:#ffffff !important;
}
.text-title{
    color:#ff7615;
    font-size:13pt;
    margin-bottom:25px;
    margin-top:25px;
    padding-right:20px;
}
.gridheader{
    text-align:center;
    background-color:#ffd1b0;
    color:#76411b;
    padding:10px;

}
.gridheader td{
    padding:20px;
}
.gridview td{
    text-align:center;
    padding:10px;
    border:1px solid #ffd1b0;
    color:#1f1f1f;
    font-size:9pt;
}
.grdview{
   border:1px solid #b9b9b9;
}
.gridview [type=submit]{
    background-color:#f28335;
    color :#fefefe;
    border:none;
    padding-right:15px;
    padding-left:14px;
    padding-top:5px;
    padding-bottom:3px;
    border-radius:3px;
    font-size:9pt;
}
.gridview [type=submit]:hover{
    background-color:#fa4b09;
}
.about-ul{
    list-style:none;
    line-height:25pt;
}

.footer-div{
    padding-top:20px;
    padding-bottom:20px;

}
.footer-div ul{
    list-style:none;
    margin:0px;
    padding-right:15px;
}
.footer-div a{
    color:#ff7615;
    text-decoration:none;
}
.main-btn{
    padding-top:12px;
    padding-bottom:12px;
    text-align:center;
    margin-top:15px;
    border-radius:10px;
    color:#ffffff;
    cursor:pointer;
}
.btn-1{
    background-color:#de5a51;
    border-bottom:5px solid #94312a
    
}
.btn-1:hover{
      background-color:#bb554f;
}
.btn-2{
       background-color:#ffa400;
         border-bottom:5px solid #bb821a
}
.btn-2:hover{
      background-color:#dca43f;
}
.btn-3{
       background-color:#268f31;
         border-bottom:5px solid #154e1b
}
.btn-3:hover{
      background-color:#59b062;
}
.btn-4{
       background-color:#dc442f;
         border-bottom:5px solid #8b3d33
}
.btn-4:hover{
      background-color:#b6695e;
}
.form div{
    padding:10px;
}
.form div [type=text]{
    border:1px solid #c2c2c2;
    border-radius:5px;
    width:60%;
    padding:5px;
}
.form div [type=text]:focus{
    border:1px solid #ff7615;
    border-radius:5px;
    width:60%;
}
.textbox{
     border:1px solid #c2c2c2;
    border-radius:5px;
    width:60%;
    padding:5px;
}
.textbox:focus{
      border:1px solid #ff7615;
}
.form [type=submit]{
    padding-right:10px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#e87728;
    color:#ffffff;
    border:none;
    border-radius:5px;
}
h4{
    color:#e87728;
    margin-bottom:0px;
    padding-bottom:10px;
    padding-top:10px;
}
.stickdiv{
    background-color:#ff7615;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:25px;
    padding-left:25px;
    z-index:100000;
    color:#f2f2f2;
    position:fixed;
    bottom:30px;
    right:15px;
    cursor:pointer;
    border-radius:5px;
}
.stickdiv:hover{
    background-color:#c65035;
}
.ulli ul{
    list-style-type:none;
}
.ulli ul li{
    padding-top:15px;
    padding-bottom:15px;
    padding-right:10px;
    padding-left:10px;
    border:1px solid #f1dfd2;
    border-collapse:collapse;
    margin-bottom:8px;
    color:#e87728
}
.ulli ul li:hover{
    background-color:#f2e1d0;
    cursor:pointer;
    border:1px solid #e49761;
    color:#5c4a3d
}
.text {
    padding-right: 25px;
    padding-bottom: 35px;
    padding-top: 20px;
    padding-left: 15px;
}
.hidediv{
    padding-right:30px;
    padding-left:30px;
    padding-top:30px;

}

.newsgrid td{
    text-align:right;
    padding-top:10px;
     padding-bottom:5px;
    color:#1f1f1f;
    font-size:10pt;
}
.newsgrid{

}
.gridhyper{
    color:#666666;
    text-decoration:none;
}
.gridhyper:hover{
    color:#222222;
    text-decoration:none;
}

.clickableimg{
    cursor:pointer;
}
.clickableimg:hover{
   animation-name: opacitychange;
animation-fill-mode: forwards;
animation-duration: 0.5s;
}
.gallery_col{
    border:1px solid #e9e9e9;
    padding:20px;
}
 .gallery_col .image_col{
    text-align:center;
}
.gallery_col .text_col{
    text-align:center;
    padding-top:15px;
    color:#e87728
}
.gallery_col .img-responsive {
    margin: 0 auto;
}
.gallery_col:hover{
       animation-name: gallery;
animation-fill-mode: forwards;
animation-duration: 0.5s;
cursor:pointer;
}
.group_btn{
    background-color:#ff7615;
    color:#ffffff;
    margin-bottom:5px;
    border:none;
   width:100%;
   padding:5px;
}
.selectedGrid .group_btn{
    background-color:#262626;
}
a:hover{
    text-decoration:none;
}
.search [type=text]{
    padding:4px;
    border:1px solid #c8c8c8;
    width:50%;
    color:#4e4e4e;
    border-radius:3px;
}
.search [type=submit]{
    padding-right:10px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#e87728;
    color:#ffffff;
    border:none;
    border-radius:5px;
}
.search{
    text-align:left;
    padding-top:100px;
}
.courses div:hover{
    color:#8f6141;
    cursor:pointer;
    border-radius:10px;
      border :2px solid #f2f2f2;
        animation-name: opacitychange;
animation-fill-mode: forwards;
animation-duration: 0.5s;

}
.courses div{
    padding:15px;
        border :1px solid #f2f2f2;
}
.courses div a{
    text-decoration:none;
    color:#1f1f1f;
}