@font-face {
        font-family: Montserrat;
        src: url(../font/Montserrat-Regular.ttf);
    }

    @font-face {
        font-family: Roboto-light;
        src: url(../font/Roboto-Light.ttf);
    }

    @font-face {
        font-family: Roboto-Black;
        src: url(../font/Roboto-Black.ttf);
    }

  

    * {
        /*margin: 0;*/
		
        padding: 0;
        box-sizing: border-box;
        font-family: Montserrat;
       
    }
	body
	{
		margin: 0;
        height: 100vh;
        position: relative;        
        
       
	}
    a{

        
        text-decoration: none;
    }

    a > button{

     color:white;
     cursor: pointer;
     font-weight: bold;
    }

    h1{

        font-family: Montserrat;
        font-size: 2.5rem;
        font-weight: 100;

    }

   h3{

        font-family: Montserrat;
        font-size: 1.75rem;
        font-weight: normal;

    }
    h4{

        font-family: Montserrat;
        font-size: 1.35rem;
        font-weight: normal;

    }

    h5{

        font-family: Montserrat;
        font-size: 1.1rem;
        font-weight: normal;

    }

    hr.line{
     
        width:100%;
        border: thin solid lightgray;
    }

    
	.button a
	{
		background: #003459;
		padding: 10px;
		width:170px;
		border-radius: 10px;
		/*box-shadow: 2px 2px #003459;*/
		font-weight: bold;
		text-decoration: solid;
		color: white;
	}
	.menu a
	{
		color:white;
        line-height: 12px;
		text-decoration:none;
		height:100%;
		width:100%;
		display:flex;
		align-items:center;
		justify-content:center;
		padding:12px;

    /*    padding-top: 5px;
        padding-left: 12px;
        padding-right: 12px;        
        padding-bottom: 5px;*/
	}
	.tradea
	{
		color:black;
		text-decoration:none;
	}
	.tradediv
	{
		background: lightsteelblue;
		box-shadow: 2px 2px #003459;
		border-radius: 25px;
	}
	.tradediv h2
	{
		padding:10px;
	}
	.tradeul
	{
		display:none;
	}
    .container {
        width: 100%;    
        position: relative;  
     
    }

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

    .menuContainer {
        width: 100%;
        z-index: 2;
        position: fixed;
       
    }

    .menu_top_bar_container {
        height: 8rem;     
        display:flex;  
        justify-content:center;      
		background-color: white;
       
    }

    .top_line{

        height: 5px;
        width: 100%;
        z-index: 2;
        position: relative;
        background: linear-gradient(to right, rgb(255 0 0), rgb(103 117 221));
        
    }
	.menu_info_items {
        width: 90%;    
        display:flex;  
        flex-direction: row;
        color: black;   
        font-size: 12px;                     
        align-content: center;  
    }
    .logo-en{

        /* width:19em; */
        display: block;
        padding-right: 0.75rem;
        border-right: thin solid gray;
      }
     .logo-en > a img{

        width: 19em;
        text-decoration: none;
        /* height: 7em; */
     } 


    .logo-sids4 {

      width:6em;
      padding: 0.5em;
    }

    .menu_info_items_left{
        
        display:flex;  
        padding-left: 1rem;
        justify-content:left;
        
       

    }
    .title_wrapper{

        display:flex;
        line-height: 25px;
        flex-direction: column;          
           

    }

    span.title_name{
       
        font-size: 1.75em;
        font-family:Roboto-Black ;
       
       
    }
    
    span.title_date{
        
        font-size: 1.5em;
        font-family: Roboto-light ;
       
    }
   

    
    .fabar{
        width:20%;
        display:flex;         
        justify-content:center;
        

    }


    .menu_info_items_right{
        
        display:flex;  
        padding-right: 3rem;
        justify-content:right;

    }


    
    .menu_info_items_right img{

        padding-right: 0.75rem;
    }


    .menu_info_items > div{
        display:flex;   

        align-items: center;
        align-content: center;
        
    }

    .menu_info_items .fabar
    {
        display:none;

    }  
	.fabar > a
	{
		text-decoration:none;
	}
	.fa-bars {
        color:black;
		display:none;
		font-size:25px;
    }

    .menu {
        height: 50px;        
        display: flex;
        color: white;
        font-size: 0.8em;        
        align-items: center;
        background-color: #194171 !important;		
        justify-content:space-between;
        padding-right:7rem;
        padding-left:9rem;
        border-bottom: white 2px solid;
        box-shadow: 5px 5px 50px 20px white;       
        
    }



    .left-menu, .right-menu {
        display: flex;
        color: white;
        height:100%;
        
    }
    
   .right-menu .right-menu-sub-1 {
        
        display: flex;
        align-items: center;
        border: thin solid white;
    }
    
      
    .right-menu-sub-1 {
        display: flex;
        padding-left: 0px;
        position: relative;
        line-height: 12px;
       
    }

    .right-menu-sub-1:hover {
        background-color: white;
        color: #4d4d4d;
  
     }
  
   .right-menu-sub-1:hover > a{
     
      color: #4d4d4d;

   }
   
   .right-menu-sub-1:hover >.right-menu-sub-2 {
        display: flex;
        

    }

    .right-menu-sub-2 {
        top: 46px;
        width: 12em;
        display: none;       
        position: absolute;
        flex-direction: column;
        background-color: #4d4d4d;
       
    }

    .right-menu-sub-2 a {
        padding: 10px;
        color: white;
        text-decoration: none;
    }

    .right-menu-sub-2 a:hover {
        color: #003459ab;
        background-color: white;
    }
    .sponsors{
       
        display: flex;
        width: 100%;
        color: black;
       
        /* align-items: center; */
        /* position: absolute; */
        flex-direction: column;
        align-items: left;
        justify-content: left;           
    }
    
    .ext_booking_engine li  a > button{

       border: 0; 
       font-weight: normal;
       padding: 5px 1em;     
       border-radius: 5px; 
       background-color: #0963c7;

    }
   
    .transitions{

       
        width: 100%;        
        opacity: 0%;
        display: none;
        cursor: pointer;
        margin-right:-10px;
       
        background-color: lightgray;
        transition: opacity 2s, margin-right 2s, background-color 2s;
    }

    .transitions:hover {
        opacity: 1;    
        width: 100%;        
        display: flex;
        margin-right:0px;
        background-color:rgb(2,0,36,50%);
        
      }
      .flag{
        width: 120px;
        height: 120px;
       
        background-size: 120px 120px;
        background-repeat: no-repeat;
        
      }

      .usd{
        
        background-image: url(../images/sponsors/usa.png); 

      }
      .united_kingdom{

        background-image: url(../images/sponsors/united_kingdom.png); 
      }

      .qatar{

        background-image: url(../images/sponsors/qatar.png); 
      }

      .kuwait{

        background-image: url(../images/sponsors/kuwait.png); 
      }

      .united_nations{

        background-image: url(../images/sponsors/united_nations.png); 
      }

      .dominican_republic{

        background-image: url(../images/sponsors/dominican_republic.png); 
      }

      .china{

        background-image: url(../images/sponsors/china.png); 

      }
      .morocco{
        background-image: url(../images/sponsors/morocco.png); 

      }
   
      .australia{
        background-image: url(../images/sponsors/australia.png); 

      }
      
      .eccb{
        background-image: url(../images/sponsors/eccb.png); 

      }

      .south_korea{
        background-image: url(../images/sponsors/south_korea.png); 

      }

      .canada{
        background-image: url(../images/sponsors/canada.png); 

      }

      .italy{
        background-image: url(../images/sponsors/italy.png); 

      }

      .india{
        background-image: url(../images/sponsors/india.png); 

      }
   

	.headimg
	{
		display:flex;
		padding-top:100px;
		width:100%;
        height: 588px;
		background:black;
		justify-content:center;
        background-size: cover;		
        /* background-image: url(../images/banner.jpg); */
	}
    .welcome_section {
        display: flex;
        width: 100%;    
        /* height: 100vh;            */
        justify-content: center;
        /*padding-top: 5rem;*/
        padding-bottom: 4rem;
    }

    .welcome_section_adjustment{

        padding-top: 10rem;

    }

    .welcome_section > a{

        font-weight: bold;
        color:#4d4d4d;
    }
    .welcome_section_container{
        
        width: 80%;      
        display: flex;
        align-items: center;
        align-content: center;
        justify-content:flex-start;  
        flex-direction: column;
        
    }

    
	.welcome_text{
        
        width: 100%;
        padding: 1rem;
        display: flex; 
        line-height: 2rem;       
        align-self: normal; 
        flex-direction: column; 

    }

    .welcome_text >img{

        width:15rem;
    }

	.sub_welcome
	{
		padding-left: 2.5rem;
	}
	.welcome_title
	{
		margin-top:0;
		width:100%;
		line-height:1.5rem;
		text-align:right;
	}

    .welcome_videos{

        width: 100%;
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: space-evenly;

    }
    .welcome_videos div a > img{

        width:15rem;     
    }
    .welcome_videos div a > .icon_video{

        width:2rem;     
    }
     

    .menu_info_items > div.travel_advisory{
            top: 4em;
            z-index: 1;            
            right: 2em;            
            padding: 1em;
            position: fixed;
            line-height: 10px;            
            font-weight: bold;
            flex-direction: column;
            background-color: red;
        }

    .menu_info_items  div.travel_advisory a{

             color: white;

       }  

    .iframe-div{

        display: flex;
        flex-direction: column;
    }

    .heading_language{

        width: 80%;
        font-weight: bold;
       
    }
    .text_width_adj{

        width: 100%;

    }
    .line_class{

        border-bottom: thin solid lightgray;
    }
    
    .hotel_display tr td ul li{


        width:10em;
    }
    .visa{

        width:8em;
    }
    .speech_layout{

        display: flex;
        flex-direction: row;
    }
    .speech_layout > div {

            padding: 1em;
           
    }
    .speech_layout > div:nth-child(1) {

        display: flex;
        align-items: center;
        flex-direction: column;
    }


    .speech_layout > div img{
        width:15em;
        display: flex;      
        justify-content: center;

    }

    .speech_layout > div img.icon_img
    {

      float: left;
      width: 2em;
      margin-right: 1em;
      
    }
    .advisory{

    background: #f2f2f2;
    padding: 1em;
}


    .img_text_container{
       
        height: 100%;
        width: 60%;
        line-height: 25px;
        font-size: 12px;
        font-style: italic;
        text-align: center;
    }


    .img_container .welcome_title_text
	{
		margin-top:0;
		width:20%;
		line-height:1rem;
		text-align:center;
        font-style: italic;
        background-color: lightgreen;
	}

    .main_section{
        display: flex;
        width: 100%;               
        justify-content: center;
        padding-top: 2rem;
        padding-bottom: 4rem;
       
    }

    .main_section_container{
        
        width: 80%;      
        display: flex;
        align-items: center;
        align-content: center; 
        flex-direction: column;
       

    }
 
    .main_section_container .main_content{

		text-align:justify;
        display: flex;   
        align-self: normal;        
        flex-direction: column;  
        justify-content:center;    
        align-content: center;
        line-height: 1.5rem;
        padding: 2rem;
        background-color: rgb(206, 206, 206,0.1);      
    }

    .main_content > div{
        font-family:  Montserrat;
        font-size: 14px;
    }

  
    

    .banner {
        top: 100px;
        width: 100%;
        height: 588px;
		display:none;
        background-size: cover;
		background:black;
        background-image: url(../images/banner.jpg);
    }


.accomdiv {
    display: flex;   
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}
.accomdiv_adjustment{

    justify-content: left;
}

.welcome_text p > a{

    color: #0963c7;
    text-decoration: none;
}
.room_category{

   width: 8rem;
   height: 2rem;
   padding: 1rem;
   display: flex;   
   align-items: center;   
   flex-direction: column;
   justify-content: center;    

}

.room_category >a{

   
    color:#0963c7;
}

.room_category >a:hover{

   color: white;
   font-weight: bold;
   padding-left: 1em;
   padding-right: 1em;
   background-color:#6c7173;;
}



.accomdiv_tile > a{

    text-decoration: none;
}



.accomdiv_tile{
   width: 18rem;
   height: 25rem;
   display: flex; 
   color: #6c7173;
   align-items: center;   
   flex-direction: column;
   justify-content: center;  
   margin: 0.5rem; 
   border: thin solid #c5c0c0;
}

.accomdiv_tile:hover{

    border: none;
    box-shadow: 1px 1px 15px 1px #c5c0c0;
}

.bk_button {   
   
    color: white;
    font-size: 1rem;
    font-weight: bold;    
    text-align: center;    
    border-radius: 5px;    
    background: #0963c7;   
    padding: 0.5rem 1.5rem 0.5rem 1.5rem ;            
}



.news_div
	{
		width: 80vw;
		display:flex;
		justify-content:flex-start;
		flex-direction:row;
		flex-wrap:wrap;
		align-items:start;        
	}


.sub_news
	{
		width:30%;
		line-height:1.5rem;
		margin:15px;
		padding-bottom:25px
	}
.sub_news h3{

    color: #0963c7;
    margin: 0;
    line-height: normal;
    font-weight: bold;
    font-size: 1.15rem;
}



.sub_news .news_text
	{
		font-size:0.9rem;
	}

.sub_news .fa > a 
	{
		color:#4d4d4d;
        font-weight: bold;
	}

.news_img
	{
		width:100%;
	}

.news_date{

    font-family: Verdana, Geneva, Tahoma, sans-serif;
    size: 5px;
}


    /*********************FOOTER *********************/

    .footerContainer {
       
        width:100%;
        bottom: 0px;

        display: flex;
        color: white;
       
        flex-direction: column;    
        border-top: solid #c70919 5px;
       
        align-items: center;
        
        background:linear-gradient(45deg, #061d31, #04286d);
   
    }
    
    .footerItems {
        width: 85%;
        display: flex;              
        font-size: 12px;
        align-items: center;
        padding-top: 0.2rem;
        font-weight: normal;            
        flex-direction: column;        
        font-family:  Montserrat;
       
        
    }
    
  
    .footerItems .footer_media
    {
       display: flex;
       width: 100%;
       justify-content: space-between;
       flex-wrap: wrap;
      
       
    }

    .footerItems .footer_menu_container{

       display: flex;
       width: 100%;
       flex-direction: column;
       border-top: thin white solid;;
      
    }

    .footerItems .footer_left{
        display: flex;
        justify-content: left;
        
    }
    .footerItems .footer_left img{

        height: 6rem;
        padding: 1rem;
    }

    .footerItems .footer_right{

        display: flex;      
        align-items: center;
        justify-content: right; 
        
        padding: 1rem;
        font-size: 0.8rem;        
        font-weight: bold;

       

    }

    .footerItems .footer_right img{

        height: 2rem;
        padding: 5px;
       
    }

   

    .footer_menu{
        display: flex;
        padding: 1em;
        justify-content: right;
		flex-wrap:wrap;
		line-height:20px;
    }
    .footer_menu a {
               
        color: white;
        font-size: 0.7rem;
        
        font-weight: bold;
        padding-left: min(3%, 1rem);
        padding-right: min(3%, 1rem);
        text-decoration: none;
    }

	
	ul, ol
	{
		padding-left:5%;
	}
	.membercont
	{
		padding-top: 20px;
		padding-bottom: 20px;
		display:flex;
		flex-direction:row;
		justify-content: space-around;
	}
	.membercont div
	{
		width:45%;
	}
    @media screen and (max-width: 850px) {

        #mobile_menu{
            display:none;
            width:100%;

        }
        .logo-en{

            display:none;
        }

        .menu_info_items .fabar
        {
            display:flex;
    
        }
    
        .title_wrapper .title_name{
            font-size: 1.5em;
            line-height: 15px;

        }
       .title_wrapper .title_date{

            font-size: 1.1em;
            line-height: 15px;
        }

        .fa-bars {
			display:flex;
            
        }
        .menu {
            /* display: none; */
            width: 30%;
            height: auto;         
            padding: 0px;  
            flex-direction: column;
            background-color: #003459ab;
            box-shadow:none;
        }

        .menu a{

            line-height: 1.4rem;
        }
        .right-menu {
            width:100%; 
            display: flex;
           
            flex-direction: column;

           /* justify-content: center;            
            align-content: center; */
        }

        .left-menu>div, .right-menu>div {
            width: 100%;
			height:50px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items:flex-start;
           
        }
        .right-menu {
            padding-right: 0px;
        }
        .right-menu-sub-1 {
            position: static;
        }
        .right-menu-sub-2 {
            position: static;
        }
        .right-menu-sub-2 {
            width: 100%;
            display: none;
            justify-content: center;
            align-items: center;
            align-content: center;
        }
        .right-menu-sub-2 a {
            padding-left: 0px;
        }
        .right-menu-sub-2 a:hover {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            align-content: center;
            color: white;
            background-color: #003459ab;
        }
		.welcome_section_container
		{
			width:95%;
		}
        .menu_info_items > div.travel_advisory{
            top: 12em;
           
        }
        .welcome_videos{

            flex-direction: column;
            padding: 1em;
        }
        .welcome_videos >div{

            padding: 1em;
            text-align: center;
        }
        .sticky_left{

            width: 100%;
           
        }
        .speech_layout{

            display: flex;
            flex-direction: column;
        }
		.welcome_text
		{
			width:95%;
		}
        #booking_form{
           right:-2000px;
        }

        #booking_button{

            display: block;
        }
        .accomdiv_adjustment{

            flex-direction: column;
        }

        .footer_menu
		{
			justify-content:center;
		}

       
    }