@charset "utf-8"; 

/* -------- RESET */
body { line-height: 1 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
table { border-collapse:collapse; border-spacing:0 }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, img, ins, kbd, q, samp, tt, var, 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:inherit; vertical-align:baseline; font-weight:normal; letter-spacing:0px;}

/* -------- GLOBAL TAGS */
html { overflow-y:scroll }
p, ul, ol, dl, div.textwidget, address { line-height:1.3em; margin:0 0 1em 0 }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0 }
q, i, em, cite { font-style:italic; font-weight:inherit }
b, strong { font-weight:bold; font-style:inherit }
s, del { text-decoration:line-through }
small { font-size:0.7em; line-height:1em }
pre, code { font-family:monospace }
pre { overflow:auto; margin-bottom:20px; line-height:1em }
code { line-height:1em }
img { max-width:100%; height:auto; -ms-interpolation-mode:bicubic }
object, embed, video { max-width:100%; height:auto }
 
body { color:#FFF; font-family: Arial,san-serif; background:#e6e6e6 }

body.preview {  }
body.preview .page { margin:50px auto; box-shadow:0 0 10px #BBB }
 
.page { width:315mm; height:445.5mm; background:#00ade9; margin:0 auto; overflow:hidden; position:relative; overflow:hidden; }  
/*..page:after { content:''; display:block; background:black; opacity:0.1; width:24.80em; height:35.08em; position:absolute; top:0.355em; left:0.355em }*/

a.generate { display:none }
.config{
	display:none;
}
body.preview a.generate { display:block; border-radius:300px; color:#FFF; text-decoration:none; position:fixed; bottom:20px; right:20px; z-index:1000; font-size:16px; font-weight:normal; padding:0 20px; background:#00ade9; box-shadow:0 0 5px rgba(0,0,0,0.4); height:40px; line-height:40px; border:1px solid #008aba }
body.preview .config{
	display:block;
}

.header { padding:80px 80px 45px 80px; overflow:hidden; background:#00ade9; position:relative }
.header .logo { float:right; width:500px; height:auto }
.header h2 { float:left }
.front .header h2 { font-size:28px; line-height:32px; font-weight:700; position:absolute; bottom:45px }

.image_region { position:relative; text-align:center }
.image_region .corner_flag { position:absolute; top:0; left:0; width:345px; height:auto; }
.image_region .main { height:auto; width:100%; max-width:100% }

img.spacer { width:100%; display:block; height:12px !important; } 

.details_intro { padding:24px 80px 40px 80px; overflow:hidden; background:#00ade9; position:relative }
.details_intro h2 { font-size:47px; line-height:48px; text-transform:uppercase; margin-bottom:16px; font-weight:bold }
.details_intro h3 { font-size:28px; line-height:18px; margin-bottom:32px; font-weight:bold } 
.details_intro .details_left { float:left; width:35%;  font-size:28px; line-height:28px;  }
.details_intro .details_right { float:right; width:55%;  font-size:28px; line-height:28px;  }
.details_intro address { color:#171C8F; font-weight:bold; margin-bottom:0;}
.details_intro ul { padding-left:0.75em; list-style-position:outside; font-weight:bold; line-height:1em; margin-bottom:0 }
.details_intro ul li { margin-bottom:0.6em }

.footnote { padding:0; overflow:hidden; position:absolute; /* bottom:1.2em; */ bottom:36px; width:100%; }
.footnote p { margin-bottom:0; font-weight:bold; width:50%; float:left; font-size:39px; }
.footnote p.left { width:35% }
.footnote p.right { /*width:55%;*/ width:100%; float:right; text-align:center; }

.section p, .section ul{
font-size: 15.75px;
line-height: 22px;
margin-bottom:12px;
} 

.section th, .section td {
   border: 1px solid white;
	vertical-align:middle; 
}

.atable{
	display:table;
		margin-left:-1px;
	margin-right:-1px;
	width:100%;
}
.atable-row{
	display:table-row;
	
	height:Auto;
}
.atable-cell{
	display:table-cell;
	padding-bottom:2px;
}


.second { color:#444; background:#FFF;  }
.second .header { background:#FFF; border-top:54px solid #00ade9; padding-top:54px; padding-bottom:24px; }
.second .header .logo { width: 29%; height: auto; margin-top: -36px;}
.second .header address { font-size:0.33em; margin-bottom:0; margin-top:26px; float:left; padding-right:3em }
.second .header ul { font-size:0.33em; margin-bottom:0; padding:0; list-style:none; float:left; margin-top:26px }
.second .header ul li span { display:block; width:2em; float:left; color:#00ade9; text-align:right; padding-right:0.5em; font-weight:bold }

.second .header #addresses { width:69%; font-size:16px;  margin-bottom:0; margin-top:26px; float:left; padding-right:3em; font-style:normal; margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; font-weight:normal; }
.second .header #addresses .address{ width:49%; float:left; font-size:12px; line-height:18px;}
.second .header #addresses .address:first-child{ margin-right:2%;}
.second .header #addresses .address .address-details{ width:auto; float:left; margin-right:10px; } 
.second .header #addresses .addr-line{} 
.second .header #addresses .address-contact { margin-bottom:0; padding:0; list-style:none; float:left; width:auto; }
.second .header #addresses .address-contact span { display:block; width:20px; float:left; color:#00ade9; text-align:right; padding-right:0.5em; font-weight:bold; }

.map_region { padding:0 80px; overflow:hidden; background:#FFF }
.map_region .column { width:48.5%; float:left; border:1px solid #999; overflow:hidden; height:360px }
.map_region .column.right { float:right }

.column_region { padding:33px 80px; overflow:hidden; background:#FFF }

.column_region .column { width:32%; float:left;  }
.column_region .column.middle { margin:0 2% }
body.preview .column_region .column { width:32%; float:left;  }
body.preview .column_region .column.middle { margin:0 2% }

.column_region h3 { color:#171C8F; margin-bottom:10px; font-weight:bold; font-size:20px; line-height:25px }
.column_region .section { margin-bottom:10px }
.column_region .section p { text-align:justify }
.column_region .section p:last-of-type { margin-bottom:0 }
.column_region .section table { width:100%; margin:2px -2px; margin-bottom:12px; font-size: 15.75px; line-height:22px;}
.column_region .section table td { color:#444;  } 
.column_region .section table td em { font-style:normal; color:#00ade9 }

.footer { color:#FFF; background:#00ade9; clear:both; padding:33px 215px 42px 80px; position:relative; position:absolute; bottom:0;  }
.footer p { margin:0 auto; font-size:8px; text-align:justify; margin-bottom:10px; }
.footer img { position:absolute; top:33px; }
.footer img.rics { width: 111px; height:59.09px; right:80px; color:#fff; }
/*.footer img.bsi { width: 101.475px; height: 59.73px; right: 213px; color:#fff;} */


@media print {  
	@page {
		size: 210mm 297mm; /* landscape */
		/* you can also specify margins here: */
		
	  }
	img {
	   max-width: 100% !important;
	}
	.page {
	   page-break-before: always;
	   overflow:hidden;
	   width:315mm; height:445mm;
	}
}