﻿@charset "utf-8";
/* CSS Document */

/* #Tablet (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 959px) and (max-width: 1177px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin {width: 98%;margin: 0 auto}
	.boxed-margin {margin: 10px auto}
	
	
	.FLinks_Pos{float:left !important;}

	.header_A {}


    /*******Header B********/


   .top-links-pos{
	
	float:left;
    padding-top:68px;	
	}

   .top-links-margin{
       
       margin-bottom:0px !important;

          }	
	

   .social-icons-pos{

    float:right;
    position:relative;
    top:7px;
    right:-10px;

}




	/*******End Header B********/


			/* Common */
.title-border{
		font-size: 14px;
	}

	.title-border:before{
		top: 20px;
	}

	.title-border:after{
		bottom: -25px;
	}
	
	.newsletters_form{margin-left:25px;}
	
	.login-form {margin-top:50px !important; }
	
   .EGX_Chart{

       width:100%;
       height:auto;
   }
	
	
	/*********Header D***************/
	
	.header_D {
	
	/*background-color:#f8f8f8;
	height:36px;*/
	
   background-color: #f5f5f5;
    border-radius: 4px;
    list-style: outside none none;
    padding: 0px 0px;

	
	}
	
.Inv_Type
{
	max-height: 226px;
	min-height: 226px;
}

	
	
	/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	color:#fff;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	/*background:#f6f6f6;*/
	white-space:nowrap;
	top:-358px !important;
}

.str_wrap.str_active {
	/*background:#f1f1f1;*/
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}
	
}

@media only screen and (min-width: 1150px) and (max-width: 1177px) {

.navbar-nav>li>a
{
    padding:15px 7px;
    font-size:12px;
    }
    
    .iinvest_Div #ctl00_imgIIN
{
    margin-left:-20px;
}
}


@media only screen and (min-width: 959px) and (max-width: 1150px) {

.navbar-nav>li>a
{
    padding:15px 6px;
    font-size:12px;
    }
    
    .top-links
{
    font-size:10px;
    }
	
	.top-links:hover
{	
	font-size: 10px;
}
.top-links:focus
{
	font-size: 10px;	
}
.iinvest_Div #ctl00_imgIIN
{
    max-width:60px;
    margin-left:-37px;
    margin-right:-20px;
}

}
/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100% !important;margin: 0 !important}
	
	.FLinks_Pos{float:left !important;}
	
	.header_A {}
	
	.ml5, .ml10, .ml15, .ml20, .ml25, .ml30{ margin-left:0px !important;}


       /*******Header B********/


   .top-links-pos{
	
	float:left;
    padding-top:78px;	
	}

   .top-links-margin{
       
       margin-bottom:0px !important;

          }	



   .social-icons-pos{

    float:right;
    position:relative;
    top:7px;
    right:-10px;

}
	
	/*******End Header B********/
	
	
	
			/* Common */
.title-border{
		font-size: 14px;
	}

	.title-border:before{
		top: 20px;
	}

	.title-border:after{
		bottom: -25px;
	}
	
	.newsletters_form{margin-left:25px;}
	
.login-form {margin-top:50px !important; }


   .EGX_Chart{

       width:100%;
       height:auto;
   }
	


/*********Header D***************/
	
	.header_D {
	
	/*background-color:#f8f8f8;
	height:36px;*/
	
    background-color: #f5f5f5;
    border-radius: 4px;
    list-style: outside none none;
    padding: 0px 0px;

	
	}
	
	
.Inv_Type
{
	max-height: 226px;
	min-height: 226px;
}


/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	color:#fff;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	/*background:#f6f6f6;*/
	white-space:nowrap;
	top:-358px !important;
}

.str_wrap.str_active {
	/*background:#f1f1f1;*/
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}

.navbar-nav>li>a
{
    padding:15px 6px;
    font-size:11px;
    }
	
}


@media only screen and (min-width: 768px) and (max-width: 880px) {

.navbar-nav>li>a
{
    padding:15px 5px;
    font-size:10px;
    }

}


/* #Mobile (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
	body {overflow-x: hidden}
	.col1, .col2, .col3, .col4, .boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100% !important;margin: 0 !important}
	
	.FLinks_Pos{float:left !important;}
	
	.header_A {}
	
	.ml5, .ml10, .ml15, .ml20, .ml25, .ml30{ margin-left:0px !important;}
	

.iinvest_Div
{
    margin:15px 40px;
}



        /*******Header B********/


   .top-links-pos{
	
	float:left;
    padding-top:68px;	
	}

   .top-links-margin{
       
       margin-bottom:0px !important;

          }	
	



   .social-icons-pos{

    float:right;
    position:relative;
    top:7px;
    right:-10px;

}
	/*******End Header B********/


		/* Common */
.title-border{
		font-size: 14px;
	}

	.title-border:before{
		top: 20px;
	}

	.title-border:after{
		bottom: -25px;
	}
	
	.newsletters_form{margin-left:25px;}
	
.login-form {margin-top:50px !important; }


   .EGX_Chart{

       width:100%;
       height:auto;
   }
	


/*********Header D***************/
	
	.header_D {
	
	/*background-color:#f8f8f8;
	height:36px;*/
	
    background-color: #f5f5f5;
    border-radius: 4px;
    list-style: outside none none;
    padding: 0px 0px;

	
	}
	
	
.Inv_Type
{
	max-height: 272px;
	min-height: 272px;
}

/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	color:#fff;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	/*background:#f6f6f6;*/
	white-space:nowrap;
	top:-358px !important;
}

.str_wrap.str_active {
	/*background:#f1f1f1;*/
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}


	
}

/*  #Mobile (Portrait) 320px
----------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 480px) {
	body {overflow-x: hidden}
	.col1, .col2, .col3, .col4, .boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100% !important;margin: 0 !important}
	
	.iinvest_Div
{
    margin:15px 40px;
}
	
	.FLinks_Pos{float:left !important;}


	.header_A {}
	
	
	.ml5, .ml10, .ml15, .ml20, .ml25, .ml30{ margin-left:0px !important;}
	
	    /*******Header B********/
.header_B
{
    background-size:cover;
}

   .top-links-pos{
	
	float:left;
    padding-top:20px;	
	}
.top-links, .top-links:hover, .top-links:focus
{
    font-size:11px;
}
   .top-links-margin{
       
       margin-bottom:0px !important;

          }	
	


   .social-icons-pos{

    float:right;
    position:relative;
    top:7px;
    right:-10px;

}
	/*******End Header B********/


	
	.title-border{
		font-size: 14px;
	}

	.title-border:before{
		top: 20px;
	}

	.title-border:after{
		bottom: -25px;
	}
		
	.newsletters_form{margin-left:25px;}	
	
	.login-form {margin-top:50px !important; }


       .EGX_Chart{

       width:100%;
       height:auto;
   }
	
	
	
	/*********Header D***************/
	
	.header_D {
	
	/*background-color:#f8f8f8;
	height:36px;*/
	
   background-color: #f5f5f5;
    border-radius: 4px;
    list-style: outside none none;
    padding: 0px 0px;

	
	}
	
	
.Inv_Type
{
	max-height: 272px;
	min-height: 272px;
}
	
	/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	color:#fff;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	/*background:#f6f6f6;*/
	white-space:nowrap;
	top:-358px !important;
}

.str_wrap.str_active {
	/*background:#f1f1f1;*/
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}
			
	
}

@media only screen and (min-width: 70px) and (max-width: 320px) {
	
        /*******Header B********/


   .top-links-pos{
	
	float:left;
    padding-top:68px;	
	}

   .top-links-margin{
       
       margin-bottom:0px !important;

          }	

.iinvest_Div
{
    margin:15px 40px;
}
   .social-icons-pos{

    float:right;
    position:relative;
    top:7px;
    right:-10px;

}
	
	/*******End Header B********/



       .EGX_Chart{

       width:100%;
       height:auto;
   }
	


    .FLinks_Pos{float:left !important;}
	
	/*********Header D***************/
	
	.header_D {
	
	/*background-color:#f8f8f8;
	height:36px;*/
	
    background-color: #f5f5f5;
    border-radius: 4px;
    list-style: outside none none;
    padding: 0px 0px;

	
	}
	
		
.Inv_Type
{
	max-height: 272px;
	min-height: 272px;
}
	
		/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	color:#fff;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	/*background:#f6f6f6;*/
	white-space:nowrap;
	top:-410px !important;
}

.str_wrap.str_active {
	/*background:#f1f1f1;*/
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}
			

	
	}
	@media (max-width: 991px) 
	{
	    .header_B .topBanner
	    {
	        text-align:center !important;
	    }
	    #ctl00_img_logo
	    {
	        max-width:220px;
	    }
	    
	}