@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-color: #b03247;
    }
	.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 >img{

        width: 19em;
        /* height: 7em; */
     } 


    .logo-container{

      width:6em;
      padding: 0.5em;
    }

    .logo-container > a {

         color:black;

    }

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

    }
    .title_wrapper{

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

    }
    .title_wrapper > a span{ 

        color:black;
    }

    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: #4d4d4d;		
        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: 18em;
        display: none;     
        align-items: left;
        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;
        
      }

      
	.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;
    }

    .text_width_adj{

        width: 100%;

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


    .heading_language{

        width: 80%;
        font-weight: bold;
       
    }
 
   
    #booking_button{

        display: none;
    }
   
    
    .visa{

        width:8em;
    }
    .speech_layout{

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

            padding: 1em;
            width:30%;
           
    }
    .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;

    }

.line_class{

    border-bottom: thin solid lightgray;
}


 .hom span{

    text-align: center;
   
    font-size: 12px;
    line-height: 1.75em;
 }
   

    .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;
    }


   

   .registration_btn{

    width: 15rem;
    padding: 2em;
    border-radius: 15px;
    border: thin solid lightblue;
    background-color: #009edb;

     }

    .registration_btn a{

        color: white;
        text-decoration: none;
        font-size: 1.4em;
    }
    

    .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 ;            
}

.hotel_title{

    font-family:  Roboto-light;    
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;        
}

.hotel_img{

    width: 248px;
    height: 185px;
    padding: 1rem;
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 248px 185px;    
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



.room_pic{

 border-radius: 10px;

}



.news_div
	{
		width: 80vw;
		display:flex;
		justify-content:flex-start;
		flex-direction:row;
		flex-wrap:wrap;
		align-items:start;        
	}
.index_img{
    width:30%;
    padding: 1em;
    font-size: 12px;
   
    line-height: 1.3rem;
   

}
.index_img  img{

    border-radius: 5px;
}


.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;
}

.news_div .front_pg{

   color:black;
   font-size: 12px;
   padding: 1rem;
   background-color: #f7f7f9;
}

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

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

        display: flex;
        color: white;
       
        flex-direction: column;    
        border-top: solid #b03247 5px;
       
        align-items: center;
        
        background:linear-gradient(45deg, #272727, #4f4d4d);

   
    }
    
    .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%;
		}
        
        .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;
		}

       
    }