/* #Style Reset
================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0;
	font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
a{ text-decoration: none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* #Basic Styles
================================================== */
body {
	line-height: 155%; line-height:1.55; 
	-webkit-text-size-adjust: 100%;
	font-family: HelveticaNeue, "Helvetica Neue", Arial, Helvetica, sans-serif; 
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	padding:0;
	margin:0;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal; line-height: 1.3; margin-bottom: 15px;
	font-family: HelveticaNeue, "Helvetica Neue", Arial, Helvetica, sans-serif; }	
/*--- web safe font ---* 
	HelveticaNeue, "Helvetica Neue", Arial, Helvetica, sans-serif
	Georgia, "Times New Roman", Times, serif
 *--- web safe font ---*/
 
p{ margin-bottom: 20px; text-align:justify; }
p:last-child{ margin-bottom: 0px;}

table { border-width: 1px; border-style: solid; width: 100%; }
tr th{ border-bottom-width: 1px; border-bottom-style: solid; text-align: left; }
tr th, tr td{ padding: 9px 20px; border-right: 1px solid; }
tr th:last-child, tr td:last-child{ border-right: 0px; }
table th{ font-weight: bold; }
	
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }	
sup { height: 0; line-height: 1; position: relative; top: -0.6em; 
	vertical-align: baseline !important; vertical-align: bottom; font-size: 10px;}
sub { height: 0; line-height: 1; position: relative; top: +0.2em; 
	vertical-align: baseline !important; vertical-align: bottom; font-size: 10px;}

ul,ol{ margin-left: 20px;
}
ul {
  list-style: disc;
}
ol{ list-style-type: decimal;
	padding-left: 25px;}
li{ padding: 3px 0px; }

blockquote{ margin: 10px 10px 10px 20px; padding: 15px 20px 15px 25px; border-left-width: 3px; border-left-style: solid;
	font-style: oblique; font-size: 17px; font-family: Georgia,"Times New Roman",Times,serif; }

form, fieldset{ margin-bottom: 20px; }	

button, input[type="submit"], input[type="reset"], input[type="button"] { 
	margin: 0px; padding: 9px 13px; display: inline-block; font-size: 12px; 
	font-weight: bold; cursor: pointer; border-width: 0px; border-style: solid; }
	
/*	
button, input[type="submit"], input[type="reset"], input[type="button"] { 
	margin: 0px; padding: 6px 12px; display: inline-block; 
	background: url('http://www.societegenerale.co.mz/css/images/button-gradient.png') repeat-x; font-weight: bold; cursor: pointer; 
	border-width: 1px; border-style: solid;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background-image: url('http://www.societegenerale.co.mz/css/images/button-gradient-hover.png'); }
*/
	
input[type="text"], input[type="password"], input[type="email"],
textarea, select {  padding: 4px 4px; margin:0; outline: none; max-width: 100%; margin-bottom: 10px; border-width: 1px; border-style: solid;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width:300px; }
input[type="checkbox"], input[type="radio"] { display: inline; margin-bottom: 10px; }	
select { padding: 0; }	


body{
	background:#d4d4d4;
	}
	
#wrapper{
	width:100%;
	max-width:1040px;
	margin:0 auto;
	overflow:hidden;
	}

#header{
	width:100%;
	max-width:972px;
	background:#fff;
	height:104px;
	margin:0 auto;
	position:relative;
	z-index:1;
	top:15px;
	}
	
.logo{
	float:left;
	}
.ib_btn{
	float:right;
	margin-right:26px;
	margin-top:30px;
	}
.clear{
	clear:both;
	}
	
	
#home_banner{	
	margin-top:-109px;
	position:relative;
	height:539px;
	width:100%;
	z-index:0;
	/*background:url(../images/banner_hp.jpg) no-repeat top center;*/
	background-size:cover;
	float:left;
}

.main_txt{
	display:none;
	font-weight:bold;
	float:none;
	background:#d4d4d4;
	width:auto;
	margin:0 auto;
	padding:20px;
	}
	
.main_txt.legal{
	display:block;
	margin-top:-235px;
	background:url(../images/bg_txt.png) repeat top left;
	height:auto;
	position:relative;
	width:75%;
	float:left;
	margin-left:35px;
	font-weight:normal;
	color:#484848;
	}
	
span.lvl1{
	font-weight:normal;
	display:block;
	color:#616161;
	font-size:0.8em;
	}
span.lvl2{
	display:block;
	color:#262626;
	font-size:1.1em;
	}
span.lvl3{
	color:#e4032d;
	display:block;
	font-size:1.2em;
	}

	
#home_banner img{
	width:100%;}
	
.bloc_bas_hp{
	width:100%;
	}
	
.bloc_bas_hp .col{
	width:33.1%;
	border:1px solid #c5c5c5;
	height:330px;
	float:left;
	background:#fff;	
	text-align:center;
	}
	
.bloc_bas_hp .col h2{
	color:#e4022e;
	font-size:25pt;
	line-height:30pt;
	padding-top:20px;
	}
	
.bloc_bas_hp .col span{
	display:block;
	text-align:center;
	}
	
.bloc_bas_hp .col img{
	text-align:center;
	}

.bloc_bas_hp .col a{
	color:#e4022e;
	text-align:center;
	position:relative;
	display:inline;
	font-size:100%;
	}
	
.bloc_bas_hp .col h4{
	font-weight:bold;
	color:#616161;
	font-size:18px;
	margin-bottom:0px;
	}
	
.bloc_bas_hp .col p{
	font-size:12px;
	color:#4c4b4b;
	}
	
/***footer***/
#footer{
	margin-top:10px;
	clear:both;
	float:left;
	}

.logo_footer{
	float:left;
	width:auto;
	padding-left:35px;
	}
	
.footer_nav	{
	float:left;
	}
	
.footer_nav	ul li{
	float:left;
	list-style:none;
	color:#616161;
	font-size:12px;
	color:#616161;
	}
	
.footer_nav	ul li.sep{
	padding:0 10px;
	display:block;
	position:relative;
	top:3px;
	}
	
.footer_nav	ul li a{
	font-size:12px;
	color:#616161;
	}
	
.footer_nav	ul li a:hover{
	text-decoration:underline;
	}
	
		


/* ************************************************************** */
/* disclaimer 	*/
/* ************************************************************** */


#disclaimerPopin .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}


.mainoverlay{z-index: 1400; position: fixed; width: 100%; height: 100%; background-color: red; left: 0px; top: 0px;}
#popinDisclaimer{display: none;}
.popinDisclaimerBg{position: fixed; overflow: hidden; top: 0; left: 0; height: 100%; width: 100%; background: #000;opacity: 0.7; z-index: 9990;}
.popinDisclaimerContent{position: fixed; width: 600px; height: 170px; padding: 20px; background: #fff; left: 50%; top: 50%; margin-top: -75px; margin-left: -300px; z-index: 9991;}
.step2 .popinDisclaimerContent{padding: 20px; min-height: 0px; height: auto; margin-top: -200px;}
.popinDisclaimerContent h1{margin-top: 0px; font-size: 30px; font-size: 3rem; color: #333;font-family:"HelveticaNeue";  border-bottom: 1px solid #000; padding-bottom: 15px; text-transform: uppercase; }
.popinDisclaimerContent .disclaimerSubmit{text-align: center; margin-top: 20px;}
.popinDisclaimerContent .disclaimerSubmit input,
.popinDisclaimerContent .disclaimerSubmit select{display: inline-block;}
.popinDisclaimerContent .disclaimerSubmit input{ vertical-align: top; border: none; background: #e60028; color: #fff; font-family: 'HelveticaNeue'; width: 200px; height: 43px; text-align: center; font-size: 22px; margin: 0px 10px;}
.popinDisclaimerContent .disclaimerSubmit input#btnBack{background: #b2b2b2; text-transform: uppercase;cursor: pointer;}
.popinDisclaimerContent .disclaimerSubmit input#btnAgree{text-transform: uppercase;cursor: pointer;}
.popinDisclaimerContent .disclaimerSubmit .btn{margin: 0px 5px; background: #e60028; color: #fff; font-family: 'HelveticaNeue'; line-height: 43px; height: 43px; display: inline-block; padding: 0px 20px; font-size: 22px;}
.popinDisclaimerContent .disclaimerSubmit .btn.grey{background: #b2b2b2; }
.popinDisclaimerContent .disclaimerContent{height: auto; overflow: auto;margin-top: 20px;}
.popinDisclaimerContent .myDropDown{display: inline-block; background: #333333; border-radius: 0px; padding: 4px 0px; width: 270px; max-width: 100%;}
.popinDisclaimerContent .myDropDown:hover div{background: #333333; border-radius: 0px;}
.popinDisclaimerContent .myDropDown .selected, .popinDisclaimerContent .myDropDown li{font-weight: normal; font-size: 19px;font-family: 'HelveticaNeue';}
.popinDisclaimerContent .myDropDown li{border-bottom: 1px solid #5c5c5c; color: #fff;}
.popinDisclaimerContent .myDropDown li:last-child{border: none;}
.popinDisclaimerContent .myDropDown ul{margin: 0px; border-radius: 0px; padding-left: 0px;}
.popinDisclaimerContent .myDropDown li.focus, .popinDisclaimerContent .myDropDown li.active{ background: #4b4b4b;}
.popinDisclaimerContent .myDropDown div{background: #333333;}
.popinDisclaimerContent .myDropDown .selected::after{box-shadow: none;}
.popinDisclaimerContent .close{position: absolute; right: 20px; top: 20px; font-size: 15px; color: #e60028; display: block; cursor: pointer;}
.animate{ -webkit-transition: all 500ms ease-out 0s; -moz-transition: all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s;}
.popinView .popinDisclaimerContent .disclaimerSubmit{text-align: center; margin-top: 10px;}
.popinView .popinDisclaimerContent{padding: 20px; min-height: 0px; height: 190px; margin-top: -95px;}
.popinView .popinDisclaimerContent .disclaimerContent{height: 100px;}