/*!
 * UNB Online Banking Theme
 * Copyright 2011-2017 UNB Bank, Inc.
 * UNB Egypt
 */
 
 
/* ################################################ */
/* ################# Default Page ################# */
/* ################################################ */

html {
min-height: 100%;
height: auto;
font-family: 'Open Sans', sans-serif;
}


body {
	font-size:11px;
	color:#000;
	margin:0;
	padding:0;
	background-color:#fff;
	font-family: 'Open Sans', sans-serif;
}


body.login{
    background: url('../../images/unb_theme/login-bg.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding-bottom:55px;
}



br {
	line-height:18px;
}


ul {
	margin:0;
	padding:0;
	list-style:none;
}

div {
	margin:0;
	padding:0;
}

table {
	margin:0;
	padding:0;
}

img {
	margin:0;
	border:0;
}

p {
	margin:0;
	padding:0;
	font-family: Tahoma;
	font-size: 13px;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif; margin:0; padding:0}


form {
	margin:0;
	padding:0;
}
a{
	text-decoration:none; font-family: 'Open Sans', sans-serif;color:#093240;
}
a:hover{ text-decoration:none; /*color:#7eb742*/}


input[type='submit'],input[type='button'],button,a{
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 12px;
    padding: 9px 20px
}

.clear{ clear:both}
.clear-margin{ clear:both; margin:10px 0}
*:focus {
    outline: 0;
}


/* ################################################ */
/* ############### End Default Page ############### */
/* ################################################ */


/* ############### Site Css ############### */

.top-menu{background-color: #ee0000;border-bottom: 1px solid #0d4b58;}
.main-header{}
.header-links{}
.header-links a{
	color: #fff;
    font-size: 13px;
    font-weight: 400;
    padding: 16px 10px;
    /*border-right: 1px solid #0d4b58;*/
    display: inline-block;
	float:left;
}
.header-links a i{
	color:#7eb741;	
}
.header-links a:hover{ /*color: #ee0000;*/}
.header-links a.active{background-color:#7eb742;}

.header-links a:last-child{ border:0}
.info-lang{text-align: right;}
.call-us{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    padding: 15px 20px;
    }
.custom-dropdown{    float: right;
    background: #083240; border-radius:0}	

.custom-dropdown button{
    color: #fff;
    background-color: #083240;
    border-color: rgba(204, 204, 204, 0);
    padding: 16px 10px 14px 15px;
    border:0;
    border-left: 1px solid #0d4b58;
    border-radius: 0;
    }	
	
.custom-dropdown button:hover{ background:transparent; color:#fff ; border:0; border-left: 1px solid #0d4b58;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{color:#fff;     background: #0d3c4c !important; border-radius: 0;}
.dropdown-menu{    background-color: #0d3c4c; color:#fff;    border-radius: 0;}
.dropdown-menu>li>a{ text-align:center; color:#fff; padding:10px 0; border-bottom:1px dotted #0d4b58}
.dropdown-menu>li>a:hover{ background:#	ee0000}

.navbar-right .dropdown-menu{
	padding:0;
}

.navbar-right .dropdown-menu .en1,.navbar-right .dropdown-menu .ecu{
	padding: 17px 0;
	border-bottom: 1px #55c0f2 solid;
	border-top:1px #d6f1fe solid;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	color:#083240;
}



.navbar-right .dropdown-menu .en1 .load_bg{
    background: url("../../images/unb_theme/personal_icon.png") center center no-repeat;
}
.navbar-right .dropdown-menu .ecu .load_bg{
    background: url("../../images/unb_theme/corporate_icon.png") center center no-repeat;
}


.navbar-right .dropdown-menu .en1{
	background:#fff;
}

.navbar-right .dropdown-menu .load_bg{
	display:none;
}

.navbar-right .dropdown-menu .ecu{
	background:#c7eafb;
}


.navbar-right .dropdown-menu .en1:hover{
    background: url("../../images/unb_theme/personal_icon.png") center center no-repeat;
	background-size:100%;
	color:#fff;
}

.navbar-right .dropdown-menu .ecu:hover{
    background: url("../../images/unb_theme/corporate_icon.png") center center no-repeat;
	background-size:100%;
	color:#fff;
}




.navbar-right .dropdown-menu label{
	display: block;
	text-align: center;
	font-weight: 600;
	margin: 0 0 5px 0;
	width: 50%;
	font-size: 13px;
	float: left;
	padding: 4px 0 4px 4px;
}


.navbar-right .dropdown-menu .butt{
	width: 40%;
	margin: 0 auto;
	border: none;
	color: #fff;
	background: #ddd;
	display: block;
	padding: 4px 5px;
	background:rgba(0,0,0,0.4);
}


.navbar-right .dropdown-menu .butt:hover{
	background: #ee0000;
	color:#fff;	
}


.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{color:#fff; background: #0d3c4c !important;}
.navbar-default {
    background-color: #fff;
    border-color: #083240;
    border: 0;
    margin: 0;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{    color: #7eb741;
    background-color:transparent;}
.navbar-default .navbar-nav>li>a{ color: #ee0000;
font-size: 17px;margin: 0 10px;
border: 1px solid #0d4b58;
padding: 9px 20px;}
.navbar-default .navbar-nav>li>a span{ display:block;    font-size: 11px;
    color: #ee0000;}
.navbar-brand{ height:auto}
.navbar-nav {
    padding: 0 0 0 20px;
margin: 28px 0 0 3px;
}
.navbar-right{
    background: #ee0000;
    padding: 0;
    margin-top: 35px;
    }




.navbar-right .dropdown-menu {
    right: 0;
    left: auto;
    width: 100%;
    top: 60px;
    border: 0;
}

.navbar-right > li > a {
        color: #fff !important;
padding: 20px 7px !important;
font-weight: 600;
border:none !important;
text-transform:uppercase;
}
.navbar-right > li > a i.fa-angle-down{margin-left: 45px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{ color: #ee0000;border-color: #ee0000;}
.navbar-right > li > a:hover{
	color: #fff !important;
}



.custom-cap-1{    color: #fff !important;
    font-size: 34px !important;}
	
	
	
.custom-text{    color: #fff !important;/*
    font-size: 38px !important;
    font-weight: 700 !important;
    /*font-style: italic;*/
    font-size: 40px !important;}
.caption-custom{ font-size:14px; width:50% }
.custom-prag{ font-size:15px !important; color:#000 !important;line-height: 20px !important;}
.button-more{     width: 200px !important;
    height: 50px !important;
    font-size: 16px !important;
    color: #fff !important;
    background: #7eb741 !important;
    text-align: center;
    padding-top: 10px !important;
    /*font-style: italic;*/
    font-weight: 700 !important;}
.tp-bullets.simplebullets.round .bullet{    width: 30px !important;
    height: 10px !important;
    margin-right: 10px !important; background: #b4b4b4 !important; background:#b4b4b4}
.tp-bullets{bottom: 60px !important;
    left: 50% !important;
    margin-left: 180px !important;}	
	.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected{ background:#083240 !important}
.custom-blocks{    margin: 40px auto;}
.custom-blocks div{
    border-left: 1px solid #ddd;
    padding-left: 0;
    padding-right: 30px;
}			
.custom-blocks img{}
.custom-blocks h2{
    font-size: 23px;
    font-weight: 700;
    color: #083240;
    padding: 19px;
}
.custom-blocks p{
    padding: 0 20px;
    color: #000;
}
.read-more{width: 150px;
height: 50px;
display: block;
text-align: center;
color: #ee0000;
font-size: 17px;
padding-top: 14px;
margin-left: 21px;
margin-top: 20px;
font-weight: 600;
text-transform: uppercase;}
.read-more:hover{ background:#083240 ; color:#fff }
input.read-more{padding:0;border:0;}	
.product-container{   }
.slider-left{}
.slider-left h2{    color: #ee0000;
    font-weight: 700;
    padding: 50px 0;}
.slider-left p{
    color: #212529;
    padding: 0 65px 15px 5px;
line-height: 22px;
clear: both;
    }
.slider-left h3{color: #ee0000;padding-top: 12px;
padding-left: 60px;}
.slider-left .item img{margin-bottom: 20px;
width: 80%;
max-width: 52px;
float: left;}
.slider-right {padding:0;background: #fff;}
.review-container{
	/*background-color: #5a5555;*/
    height: 400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    text-align: center;
        padding-top: 120px;
    }
.review-container h1{
    color: #000;
    font-weight: 700;
    margin-bottom: 25px;
	font-size: 30px;
}
.review-container h3{
    color: #000;
    font-weight: 700;
    margin-top: 25px;
}
.review-container p{
	color: #000;
    font-size: 16px;
    font-weight: 300;
    padding: 0 145px;
} 
.review-container .view-it{
    /*font-style: italic;*/
    color: #000;
    font-size: 24px;
    width: 180px;
    display: block;
    margin: 40px auto;
    height: 60px;
    /*padding: 0;
	border:0;*/
}
/*.review-container .view-it:hover{background: #ee0000; color:#ee0000}*/


.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}


#carousel2 .carousel-inner > .item > a > img,#carousel2 .carousel-inner > .item > img{
	width:100%;
}

.carousel-indicators{
    width: 50px;
    height: 100% !important;
    position: absolute;
    margin: 0;
    background: #ee0000;
    left: 0;display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  top: 0;
}


.carousel-indicators li {
    margin-top: 5px;}
	.carousel-indicators .active {
    margin-top: 5px;
}
/* ############### End of Site Css ############## */






/**** Footer ****/
footer{
	background-color:#ddd;
	color:#093240;	
	font-size:12px;
}

body.login footer{
	position:fixed;
	bottom:0;
	width:100%;
}


footer nav ul{
	list-style:none;
	margin:0;	
}

footer nav ul li{
	display:block;
	float:right;
	border-right:1px #b5b5b5 solid;
}

body.login footer {
    background: rgba(0, 0, 0, 0.54);
	color: #fff;
}
body.login footer nav ul li a{
	color: #fff;
}
footer nav ul li{
	border-right: 1px #fff solid;
}

footer nav ul li:first-child{
	border:none;	
}


footer nav ul li a{
	display:block;
	padding:15px;
}



footer nav ul li a:hover{
	color:#fff;
	background-color:#093240;
}	

#copyright{
	padding:15px;
}

#fldlang{
	background-color: #ee0000;
    border: 0;
    color: #fff;
    height: 50px;
    border-radius: 0;
    /*border-left: 1px solid #11455a;*/
    padding: 0 16px;
    font-size: 12px;
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance:none; 
}




.box-container{background: rgba(255, 255, 255, 0.73);
    margin: 40px auto;
       width: 65%;  padding: 10px 80px;}
.logo-login {
    margin: 6px 0;
    display: block;
    text-align: center;
    padding-top: 25px;
}
.logo-login img{ float:none; margin:0 auto}
.box-container h2{
    color: #093240;
font-size: 35px;
margin-bottom: 18px;
padding: 0 15px;
text-align: center;
margin: 30px 0;
    }
.custom-divider{    
    width: 100%;
    height: 1;
    margin-top: 5px;    display: block;}
.input-title{    font-size: 20px;
    color: #093240;
    font-weight: 700;
    margin-top: 15px;
	}
.input-title-inline{
    font-size: 20px;
    color: #093240;
    font-weight: 700;
    float: left;
    vertical-align: middle;
    margin-top: 5px;
    margin-right: 15px;
    }		

input[type="radio"]{}

input[type="password"],input[type="text"],input[type="email"]{
    border: 0;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #999;
    background: transparent;
    height: 35px;
    width: 100%;
    vertical-align: middle;
	background:none !important;
}
input[type="password"].inline,input[type="text"].inline,input[type="email"].inline{
    border: 0;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #999;
    background: transparent;
    height: 35px;
    width: 79.3%;
    vertical-align: middle;
	background:none !important;
}
.custom-rido{
    margin: 30px 0;
}
.custom-rido .radio-inline{
    font-size: 15px;
    margin-right: 35px;
    color: #292929;
}	
.forget{clear: both;
    display: block;
    text-align: right;
    padding: 10px;
    font-weight: 700;
    font-size: 12px;}
.sign{margin:30px auto 10px auto;}
.new-banking{
    text-align: center;
    font-weight: 700;
    padding: 0;
}
.new-banking a{
    display: inline-block;
}	

.login #tabs_container{
	margin-top:30px auto 0 auto;	
}



#tabs_wrapper{
	clear: both;
display: block;
margin-top: 31px;
float: left;
width: 100%;
}

.Virtual_keyboard{
	clear:both;
	padding-top:15px;
	height:160px;
}

#login-keyboard{
	position: absolute;
	padding: 10px;
	border: 1px #999 solid;
	border-radius: 5px;
	background: rgba(0,0,0,0.2);
	margin-top: 5px;
}

#login-keyboard:before{
	background:#f00;
	width:3px;
	height:20px;
}

.tabs{
	margin-top: 10px;
}


.tabs li{
	float: left;
	margin-right: 25px;
}


.tabs li.active a{
	color:#7eb741;
}






.innerpage-content{margin: 40px auto;}


.innerpage-content h4{
	color:#7eb742;
	display:block;
	margin-top:40px;	
}




.innerpage-content p{
	color: #000;
    font-size: 12px;
    line-height: 20px;
	margin-bottom:20px;
}


.innerpage-content .apple-content h4,.innerpage-content .android-content h4{
	display:inline;
	margin: 0;
}

.innerpage-content ul{
	list-style:inside;
	padding:0 15px;
    font-size: 12px;
	margin-bottom:20px;
	color: #000;
}

.innerpage-content.innerpage_security ul{
	list-style: none;
	padding: 0;
	margin: 7px 0 20px;
}

.innerpage-content ul li{
margin-bottom: 5px;
}


.innerpage-content.innerpage_security ul li{
color: black;
margin-bottom: 8px;
}

.innerpage-content h2{
    margin-bottom: 30px;
    padding-top: 0;
    border-bottom: 1px dashed #ddd;
	padding-bottom:10px;
}


.android-content {
        border-right: 1px solid #7eb742;
    background: #f9f9f9;
    padding-top: 25px;    margin-top: 15px;
}
.apple-content{    border-left: 1px solid #7eb742;
    background: #f9f9f9;
    padding-top: 25px;    margin-top: 15px;}
.android-content .text-center i{
    font-size: 75px;
    color: #7eb742;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border: 6px solid #7eb742;
    border-radius: 200px;
    text-align: center;
    line-height: 140px;background: #FFF;
}
.apple-content .text-center i{
    font-size: 75px;
    color: #7eb742;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border: 6px solid #7eb742;
    border-radius: 200px;
    text-align: center;
    background: #FFF;
    line-height: 140px;
}
.android-content .text-center, .apple-content .text-center{ margin-bottom:45px}
blockquote {
    background: #fff;
}
.icon-download i{
    float: left;
    color: rgba(8, 50, 64, 0.24);
    font-size: 60px;
    margin-right: 25px;
    margin-top: 5px;
}

.icon-download img{
	width:60px;
	float:left;
    margin-right: 13px;
}

blockquote footer{
	background:none;	
	padding-top:5px;
}


blockquote{
    padding: 15px;
    margin: 20px 0 20px;
    border-left: none;
    height: 90px;
    border: 1px #e2e2e2 solid;
	border-radius: 7px;
}