* {
  direction: ltr;
}

.ms-signInLink
{
  display:none !important;/*hide sing in bar*/
}
#s4-bodyContainer
{
	padding-bottom:0px !important;
}


/**********************over right bootstrap********************/
.navbar-inverse{
    min-height: 120px;
}

.navbar{
    margin-bottom: 0;
    border-bottom: 5px solid #58595b;
    border-radius: 0;
}

.navbar-brand{
    padding: 0;
    height: auto;
}

 .navbar-brand > img{
    display: block;
    /*padding: 20px 10px 10px 0;*/
    vertical-align: middle;
 
    text-align: center;
    margin-left: auto;
    width:330px;
 }

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus
{ background-color: #000;
    padding: 15px;

}
.navbar ul{
    transition: all 0.3s ease;
    /* margin-top: 40px; */
    margin-left: 25px;
    padding-top: 39px;
    background-color: ##222;
}
.navbar ul li a{
     text-align: center;
     transition: all 0.3s ease;
}
.navbar ul li a:hover{
    background-color: #000;
}

.navbar ul li:hover{
    background-color: #000;

}
.navbar ul li ul{
    background-color: #222;
    margin-top: 100px;

}
.navbar li ul li a{
    line-height: 30px;
color: #fff;
   
}
.navbar li ul li a:hover{
color: #fff;
   
}

.navbar-inverse .navbar-nav > li > a
{
    padding: 15px;


}


.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
{
    text-align: center;
    padding-left: 0;
        margin-left: -71px;

}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open >
a:hover, .navbar-inverse .navbar-nav > .open > a:focus

{    background-color: #2f2a2a;}

.navbar-nav > li > .dropdown-menu{
    margin-left: -30px;

}
.input-group .form-control:last-child, 
.input-group-addon:last-child, 
.input-group-btn:last-child > .btn, 
.input-group-btn:last-child > .btn-group > .btn, 
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
 .input-group-btn:first-child > .btn-group:not(:first-child) > .btn
 {    width: 110px;

 }
/******************serch***************/

.navbar .input-group{
margin-top: 45px;
padding-left: 76px;

}

.navbar .input-group .input-group-addon {
    background-color: #222;
    font-size: 25px;
    border: 0;
}    background-color: #b1b1b1;

.navbar .input-group .form-control{
    background-color: #222;
    border: none;
}

.navbar-inverse .navbar-nav .open .dropdown-menu .divider
{
        background-color: #b1b1b1;
}
/**********************************/


.switchLang
{
	padding-top:33px !important;
	float:right;
	font-family: HelveticaNeue!important;
	position:relative;
	margin-top:-90px;
}

.switchLang a
{
	padding:35px 15px !important;
	border-left:1px solid #404040 !important;
	color:white;
}

/*-----------------search-----------------------*/

   
        article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, time {
            display: block;
        }
        /* @media only screen and (min-width:1220px) */
        #homepage-search {
            position: relative;
            background-color: #f4f4f4;
            line-height: 1.4;
            border: 1px solid #ddd;
        }
        /* @media only screen and (min-width:1220px) */
        #homepage-block-right, #homepage-search, #homepage-news .homepage-news-item a img {
            border: 0;
        }
        /* @media only screen and (min-width:1220px) */
        #homepage-block-left {
            display: block;
            padding: 0;
            float: left;
            margin: 0 0 30px;
        }

        .page-width {
            width: 100%;
            display: block;
            clear: both;
        }
        /* @media screen and (min-width:1220px) */
        .page-width {
            display: block;
            margin: 0 auto;
            position: relative;
            clear: both;
            padding: 0;
        }

    
        /* @media only screen and (min-width:1220px) */
        #homepage-search h2 {
            margin: 0;
            line-height: 1.5;
            font-size: 25px;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
            font-weight: 400;
        }
        /* @media only screen and (min-width:1220px) */
        #homepage-search #asu-search {
            display: block;
            margin: 0;
            padding: 0;
            position: relative;
        }
        
         #asu-search #SearchBox
         {
           display: block;
            border: 1px solid #CCC;
            font-size: 16px;
            font-family: Helvetica,Arial,sans-serif;
            left: 20px;
            top: 0px;
            outline: 0;
            height:40px;
         }
         
         .ms-srch-sb 
         {
         width:100%  !important;
         height:100%  !important;
         }
         
         .ms-srch-sb-border
         {
	border:0px !important;
	}
	
	.ms-srch-sb-borderFoucsed
         {
	border:0px !important;
	}


        #footer-search-bar {
            color: #fff;
            text-decoration: none;
            background-color: #c06;
            display: none;
            font-size: 14px;
            text-align: left;
            height:40px;
            bottom: 0px;
            text-indent: 20px;
                   }

        a {
            color: #306;
            text-decoration: none;
        }

        #footer-search-bar a {
            color: #fff;
            text-decoration: none;
        }
        
        .ms-srch-sb>input
        {
	width:90% !important;
	height:auto !important ;
	padding:8px;
	font-size:16px;
}

.ms-srch-sb-searchLink
{
	height:40px !important; 
	width:40px !important;
	  background-color: #306;
           background-image: url("../images/icon-search.png");
            background-repeat: no-repeat;
            display: block;
             position: absolute;
            top: 0px;
            right: 1px;
            background-position:center;
	}
	
	.ms-srch-sb-searchLink:hover, .ms-srch-sb-navLink:hover
	{
	background-color:#306 !important;
}
            #footer-search-bar a span em {
                font-style: normal;
            }

                #footer-search-bar a span em.short {
                    display: none;
                }

                #footer-search-bar a span em.long {
                    display: inline;
                }

        fieldset, iframe {
            border: 0;
        }
        /* @media only screen and (min-width:1220px) */
        #homepage-search #site-search label {
            padding-right: 20px;
        }
        /* @media only screen and (min-width:1220px) */
        #homepage-search #site-search fieldset .searchbox label {
            display: none;
        }
        /* @media only screen and (min-width:1220px) */
        #homepage-search #site-search .text {
            display: block;
            width: 508px;
            border: 1px solid #CCC;
            font-size: 16px;
            font-family: Helvetica,Arial,sans-serif;
            position: absolute;
            left: 20px;
            top: 0px;
            height: 24px;
            outline: 0;
            padding: 8px 10px;
        }
        /* @media only screen and (min-width:1220px) */
        #homepage-search #site-search .button {
            background-color: #306;
            background-image: url("../images/homepage-searchbutton.png");
            background-repeat: no-repeat;
            display: block;
            height: 40px;
            width: 40px;
            position: absolute;
            top: 1px;
            right: 1px;
        }

        #homepage-search #site-search .button {
            background-position: center center;
        }
        /* @media only screen and (min-width:1220px) */
        #homepage-search #site-search .button {
            background-image: url("../images/icon-search.png");
        }
/*-----------------End search-----------------------*/



/*******************start carosal********************/

.carousel-inner{
}
.carousel-inner img {
    width: 100%;
}
.carousel-caption {
  /*  background-color: rgba(0, 0, 0, 0.3);*/
    text-align:left;
    /*width: 700px;
    margin-left: 600px;*/
    padding-left: 10px;
}
.slide .carousel-indicators{
     border: 1 solid #fff;
     color: #fff;
     top:445px;
}
.carousel-indicators li{
background:rgba(255, 255, 255, 0.2);
border: 0;
}
.carousel-indicators .active{
    border: 0;
}
.carousel-caption h1 {
    color: #FFF;
    font-size: 46px;
    font-weight: bold;
    margin-bottom: 35px;
    text-transform: capitalize;
    font-family: HelveticaNeue
}
.carousel-caption P {
    text-shadow: none;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;   
}
.carousel-caption .btn-default {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 0;
    border: 2px solid #fff;
    color: #fff;
    transition: all 0.3s ease;
    height: :35px;
}
.carousel-caption .btn-default:hover {
    background-color: #f7941d;
    color: #fff;
    border: 2px solid #f7941d;
}
.carousel-caption .btn {
    padding-left: 20px;
    padding-right: 20px;
}
.carousel-caption .btn a {
    color: #FFF;   
}
.video-show {
    text-align: center;
   margin-right: 20px;
}
/*******************end carosal********************/
/******************start section-block********************/
.section-block {
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    background-color: #e6e7e9;
    position: relative;
    -webkit-box-shadow: 0px 10px 18px -8px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 10px 18px -8px rgba(0,0,0,0.42);
box-shadow: 0px 10px 18px -8px rgba(0,0,0,0.42);
    
}
.section-block  .block-body {
    clear: both;
    height: 100%;
    min-height: 180px;
}

 .block-body .bg-block{
    background-color: #e6e7e9;
     padding-left: 10px;
    vertical-align: middle;
        padding-right: 0;
 }

.bg-block .icon-block{ 
    background-color: #414143;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    color: #fff;
    padding: 1px;
}

.bg-block .icon-block a{ 
       color: #fff;
       font-family: HelveticaNeue;
 }

.icon-block span{
 background-color: #86172F/*mazari*/;
 padding: 20px;
 margin-top: -2px;
 left: -1px;
 margin-right:5px;
}
/******************end section-block********************/

/*******space section divs*********************************/

.space-section{
    height: 60px;
}

/*******space section divs*********************************/

/*************************** start Section data  *************************/

        /* @media only screen and (min-width:1220px) */
        #homepage-news {
           
        }
 
        /* @media only screen and (min-width:1220px) */
        #homepage-events {
            display: block;
            margin: 0;
        }

        #homepage-events {
            margin-top: 25px;
                    }
        /* @media only screen and (min-width:1220px) */
        #homepage-events {
            padding-bottom: 30px;
            padding-top: 0px;
        }

        a {
            color: #306;
            text-decoration: none;
        }



.data{
    padding-left: 0;
    min-height: 500px;

}

.data .color{
    background-color: #371b4e;
    height: 50px;
    margin-left: 0;
    margin-bottom: 20px;
}
.data .left-data
{
padding:0 10px/*mazari*/
}
.data .left-data .box{
   
   /* margin-top: 20px;*/
    padding-right: 5px;
    padding-left: 5px;
    
}

.data .left-data .box img{
    margin-right: auto;
    margin-left: auto;
    width:100%;/*mazari*/
}

.data .left-data .box .carousel-captions {
    background-color:#000;
    text-align:left;
    width: 100%;
    padding: 5px ;
    color:#fff;  
}
.data .left-data .box .carousel-captions h5{
    font-size: 18px;
    text-transform: capitalize;
    text-align: center;
font-family: HelveticaNeue;
} 

.data .right-data{

background-color: #f4f4f4;
border:1px solid #ddd;
margin-top:0px;
margin-bottom:30px;
padding:0 10px;/*mazari*/
}
.data .right-data h2{
    /*font-weight: bolder;
    color: #414143;
    padding-left: 10px;
    margin:0px;
    padding: 20px;
    mazari */
            margin: 0 0 30px;
            
            display: block;
            /*position: relative;*/
            font-weight: 400 !important;
            border-bottom: solid 1px #eee;
            color: #333;
            line-height: 1.5;
            font-size: 24px;
            line-height: 1.2;
            margin-bottom: 16px;
            padding:10px 0 0 10px;
            font-family: HelveticaNeue;
            
}
.data .right-data>span{
   right: 0;
    top: -12px;
    color: #371b4e;
    font-weight: bold;
    float: right;

}


.data .right-data .col-xs-3{
    padding-right: 30px;

}

.data .right-data .navbar-right{
    /*padding-right: 20px;
    margin-top: -20px;
    margin-bottom: 20px;
    mazari*/
            text-decoration: none;
            font-size: 14px;
            clear: both;
            display: block;
            float: right;
            background: 0 0;
            color: #306;
            font-weight: 700;
            height: auto;
            margin-bottom: 7px;
            line-height: 1.5;
            padding: 0;
            text-indent: 0px;
            width: auto;
            float:right;
            padding-right: 30px;
}

.data .right-data .box-data{
    margin-bottom: 30px;

}


.data .right-data .box-data h3{
    /*margin-left: 15px;
    color:#cd0067;
    margin-top: 0;
font-size:20px;
mazari */
            line-height: 22px;
            margin-bottom: 16px;
            font-size: 18px;
                    font-weight: 400;
                    color: #86172F;/*mazari*/
                    margin: 0;
                    padding-top: 0px;
                    padding-bottom: 8px;
                    padding-left:15px;
                    border-bottom: 0;
                        font-family: HelveticaNeue;
                    
}

.data a:hover
{
	text-decoration:none !important;
	}

.data .right-data a:hover h3
{
	color:#c06/*mazari*/;
}

.data .right-data .box-data p{
font-size:14px;
margin-bottom:10px;
line-height:1.5;
padding-left:15px;
font-family: HelveticaNeue;
}

.data .right-data .event-data h3{
    margin-top: 0;


}
.data .right-data .event-data {
	padding-bottom:16px;
}
.data .right-data .event-data .month{
    color: #fff;
                    background-color: #86172f/*mazari*/;
                    display: block;
                    height: 70px;
                    /*width: 65px;*/
                    /*padding-top: 5px;*/
                    left: 0px;
                    top: 0px;
                    text-align: center;
                    font-size: 14px;
                    /*line-height: 20px;*/
                    text-transform: uppercase;
                    padding: 5px;
                    width:15%;
}

.data .right-data .event-data h3{
    /*margin-left: 15px;
    color:#cd0067;
    margin-top: 0;
font-size:20px;
mazari */
            line-height: 22px;
            margin-bottom: 16px;
            font-size: 18px;
                    font-weight: 400;
                    color: #86172f/*mazari*/;
                    margin: 0;
                    padding-top: 0px;
                    padding-bottom: 8px;
                    padding-left:0px;
                    border-bottom: 0;
                        font-family: HelveticaNeue;
}


.data .right-data .date
{
	font-size: 11px;
    padding-left: 30px;
    color: #656565;
    font-style: italic;
    font-family: cursive;
}
.data .right-data .event-data p{
   padding-left:0px;
   margin-bottom:0px;
   font-size:14px;
   line-height:1.5;
   font-family: HelveticaNeue;
   
   }


.data .right-data img{
       max-width:150%;
}

.news-detail
{
padding-left:20px;
}


.event-detail
{
padding-left:15px;
}

/****socialmedia***/
#homepage-social {
    display: inline-block;
    height: auto;
   /* border: 1px solid #ddd;*/
    padding: 8px;
    width:100%;
}
#homepage-social ul {
    float: left;
    width: 100%;
}
#homepage-social ul li {
    float: left;
    width: 45px;
    display: block;
}
#homepage-social ul li a.facebook {
    background-image: url(../images/icon-facebook-home.png);
}
#homepage-social ul li a.google {
    background-image: url(../images/icon-google-home.png);
}
#homepage-social ul li a.twitter {
    background-image: url(../images/icon-twitter-home.png);
}
#homepage-social ul li a.youtube {
    background-image: url(../images/icon-youtube-home.png);
}
#homepage-social ul li a.instagram {
    background-image: url(../images/icon-instagram-home.png);
}
#homepage-social ul li a {
    width: 45px;
    height: 45px;
    float: right;
    text-indent: 3000px;
    overflow: hidden;
    background-repeat: no-repeat;
    opacity: 1;
}

.social{
    
      /*border: 1px solid #371b4e; mazari
      border: 1px solid rgba(0, 0, 0, 0.125);*/
      border-radius: 0.25rem;
      margin: 5px 0 5px 0;

}

.social h2{
    color :#cd0067;
        float: left;
    margin-right: 10px;
    margin-top: 0px;
}

.social ul{
    padding-left: 0;
}

.social ul li{
    display: inline-block;
    font-size: 35px;
    margin-right: 1%;
}

.social ul li a{
    text-decoration: none;
}

.social ul li a:hover{
    text-decoration: none;
}

.social .fa-facebook-square{
    color:#4b5ca4;
}

.social .fa-twitter-square{
     color:#1597cb;
}

.social .fa-youtube-square{
     color:#e22c21;
}

.social .fa-google-plus-square{
     color:#6f6f6f;
}

.social .fa-pinterest-square{
     color:#e22c21;
}

.social .right-logo{
    right: 0;

}

.social .right-logo img {
margin-left: 35%;
margin-top: 20%;
padding-bottom: 20px;
}




/*************************** start Section data  *************************/

/******************start section parts********************/

.parts{
    background-color: #1B1A4D;
    
}

.parts .in-part{
    margin-top:20px;
    padding:10px;/*mazari*/
}

.parts h4{
    color: #fff;
        font-size: 18px;
font-family: Helvetica,Arial,sans-serif !important;
display: block;
}

.parts h1{
    color: #fff;
    font-weight: bold;
    margin-top: 0;    
font-size: 26px;
text-transform: uppercase;
display: block;
margin-bottom: 0;
font-family: HelveticaNeue;
line-height: 1;
}

.parts p{
    color: #fff;
    text-align: justify;
    display: block;
font-size: 13px;
margin: 0 0 20px;
color: #CCC;
line-height: 1.5;
font-family: HelveticaNeue;
}

/******************end section parts********************/

/******************start section footer *******************/

  .Footer{
    text-align: left;
       min-height: 300px;
    color: #fff;
    /*Hani*/
        background-color: #404040;
    color: #FFF;
    display: block;
    clear: both;
     line-height: 1.3;
    background: linear-gradient(to bottom,#000 0,#404040 100%);
     /*Hanadi*/
      padding-top:20px;
  }
}
    .Footer h2{
        margin: 50px 0;
        font-size: 20px;
      
    }
     .Footer ul li {
        color:#222;
        list-style:none;
        text-align: left;
        font-size: 12px;
    color: #CCC;
    text-decoration: none;
    display: block;
    padding-left: 2px;
     }
     
      .Footer img
      {
	height:160px;/*mazari*/
}

  .Footer .copyright{
        background-color:#58595b;
        padding: 3px 0;
       /* margin: 60px 0 0 0;*/
     text-align: center;
  }
   .copyright h5
  {
	font-size:10px;
}

  #main-breadcrumbs {
    display: block;
    float: left;
    width: 100%;
    background-color: #f8f8f8;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    padding-bottom: 0;
    }
#main-breadcrumbs span {
   
    list-style-type: none;
    margin: 0 auto;
   
}
#main-breadcrumbs span a {
    display: block;
    float: left;
    font-size: 10px;
    color: #999;
    text-decoration: none;
    background-image: url('../images/breadcrumb-icon.png');
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: middle;
    height: 18px;
    line-height: 1;
    padding: 4px 10px 0 15px;
}

#main-breadcrumbs .currentNodeStyle{
	 display: block;
    float: left;
    font-size: 10px;
    color: #999;
    text-decoration: none;
    background-image: url('../images/breadcrumb-icon.png');
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: middle;
    height: 18px;
    line-height: 1;
    padding: 4px 10px 0 15px;

	
}

#main-breadcrumbs .bc-home{
	
	background-image: url('../images/breadcrumb-home-icon.png');
    text-indent: -3000px;
    height: 18px;
    width: 15px;
    overflow: hidden;
    padding: 8px 5px 0 2px;
}
.Footer ul li a {
    font-size: 12px;
    color: #CCC;
    text-decoration: none;
    display: block;
        padding-top: 5px;
    padding-bottom: 2px;
    padding-left: 2px;
}

#footer-col1
{
	display: block;
    float: left;   
    padding-left: 20px;    
    border-left: 1px solid rgba(255,255,255,.05);
    
	
}


.Footer ul{
    display: block;
    padding: 0;
    list-style-type: none;
    margin: 20px 0 0;}