/****
@import url('https://fonts.googleapis.com/css?family=Abel|Noto+Sans&display=swap');
font-family: 'Abel', sans-serif;
font-family: 'Noto Sans', sans-serif;
****/

/* -- ADJUST BOX SIZING --*/
*, *::before, *::after {
	box-sizing: border-box;
	}

/* -- HTML/BODY TAGS --*/
html { }
html, body { height:100%; width:100%; min-height:100%; padding:0px; margin:0px; }
body { font-family: Arial, sans-serif; font-size:16px; color:#444; position:relative; }

/* -- PAGE FLEXBOX LAYOUT --*/
.page-container {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	}
.page-container main {
	flex-grow: 1;
	}

.page-container header, .page-container main, .page-container footer {
	flex-shrink: 0;
	}

/* -- TEXT --*/
a { color:#005ebc; text-decoration:none;}
a:hover, a:active, a:focus { color:#328ce5; text-decoration:none; }

p { line-height:1.4em; margin-top:0; margin-bottom:1em;}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, sans-serif; line-height:1em; margin-top:0.6em; margin-bottom:0.6em;
	}

h1 { font-size:1.4em; font-weight:normal; text-transform:uppercase; margin:0 auto 0.4em auto; }

h2 { font-size:2.4em; color:#858585; font-weight:normal; text-transform:uppercase; text-align:center; display:table; margin-left:auto; margin-right:auto; margin-bottom:0px; }
h2:after { border-bottom:3px solid #a6a6a6; content:''; display:block; width:120px; margin:15px auto 40px auto; }


h3 { text-transform:uppercase; font-size:1.5em; font-weight:normal;}
h4 { text-transform:uppercase; font-size:1.3em; font-weight:normal;}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span
 { font-size:0.8em; display:block; color:#acacac;}

.text-upper { text-transform:uppercase; }
.text-bold { font-weight:bold; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-justify { text-align:justify; }
.text-danger { color:#cc0000; }
.text-success { color:#037d00; }
.text-required { color:#cc0000; }
.text-muted { color:#6a6a6a; }
.text-strikethrough { text-decoration:line-through; }

/* -- CLEARFIX --*/
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
	} 
.clearfix:after {
	clear: both;
	}
.clearfix {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
	}

/* -- MISC --*/
.devWarning { font-size:0.8em; font-weight:normal; background-color:#FFFFCC; color:#ff0000; padding:3px; border-bottom:2px solid #ff0000; 
	position:fixed; top:0; left:0; width:100%; z-index:10000; opacity:1;
	}
.nojsWarning { border:1px solid #cc0000; background-color:#FFE1E1; color:#cc0000; padding:12px; margin-top:10px; margin-bottom:10px; }
.nowrap { white-space: nowrap; }
.noTopMargin { margin-top:0px; }
.noBottomMargin { margin-bottom:0px; }

.container { width:90%; max-width:1100px; margin:0 auto; }
.container.large { width:90%; max-width:1400px; margin:0 auto; }

img.img-responsive { max-width:100%; height:auto; }

.pull-left { float:left; }
.pull-right { float:right; }


/**** COLUMNS ****/
.row{
	position:relative; width:100%;
	}

.row.addBottomMargin {
	margin-bottom:1em;
	}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	width:100%;
	min-width:3em;
	position:relative;
	}
	
.addPadding .col-1, .addPadding .col-2, .addPadding .col-3, .addPadding .col-4, .addPadding .col-5, .addPadding .col-6, .addPadding .col-7, .addPadding .col-8, .addPadding .col-9, .addPadding .col-10, .addPadding .col-11, .addPadding .col-12 {
	padding:1em;
	}
	
.addHPadding .col-1, .addHPadding .col-2, .addHPadding .col-3, .addHPadding .col-4, .addHPadding .col-5, .addHPadding .col-6, .addHPadding .col-7, .addHPadding .col-8, .addHPadding .col-9, .addHPadding .col-10, .addHPadding .col-11, .addHPadding .col-12 {
	padding-right:0; padding-bottom:1em;
	}	
	
@media (min-width:768px) {

	.row { 
		display:flex;
		align-items:stretch;
		flex-wrap:wrap;
		}
	
	.col-1 { width:8.333333333333333%; }
	.col-2 { width:16.66666666666667%; }
	.col-3 { width:25%; }
	.col-4 { width:33.33333333333333%; }
	.col-5 { width:41.66666666666667%; }
	.col-6 { width:50%; }
	.col-7 { width:58.33333333333333%; }
	.col-8 { width:66.66666666666666%; }
	.col-9 { width:75%; }
	.col-10 { width:83.33333333333333%; }
	.col-11 { width:91.66666666666666%; }
	.col-12 { width:100%; }
	
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {

		}

	.addHPadding .col-1, .addHPadding .col-2, .addHPadding .col-3, .addHPadding .col-4, .addHPadding .col-5, .addHPadding .col-6, .addHPadding .col-7, .addHPadding .col-8, .addHPadding .col-9, .addHPadding .col-10, .addHPadding .col-11, .addHPadding .col-12 {
		padding-right:1em; padding-bottom:0;
		}
	
	.row.addHPadding .col-1:last-child, .row.addHPadding .col-2:last-child, .row.addHPadding .col-3:last-child, .row.addHPadding .col-4:last-child, .row.addHPadding .col-5:last-child, .row.addHPadding .col-6:last-child, .row.addHPadding .col-7:last-child, .row.addHPadding .col-8:last-child, .row.addHPadding .col-9:last-child, .row.addHPadding .col-10:last-child, .row.addHPadding .col-11:last-child, .row.addHPadding .col-12:last-child {
		padding-right:0;
		}
	.row.addHPadding .col-1:first-child, .row.addHPadding .col-2:first-child, .row.addHPadding .col-3:first-child, .row.addHPadding .col-4:first-child, .row.addHPadding .col-5:first-child, .row.addHPadding .col-6:first-child, .row.addHPadding .col-7:first-child, .row.addHPadding .col-8:first-child, .row.addHPadding .col-9:first-child, .row.addHPadding .col-10:first-child, .row.addHPadding .col-11:first-child, .row.addHPadding .col-12:first-child {
		padding-left:0;
		}

	.order1 { order:1; }
	.order2 { order:2; }
	.order3 { order:3; }
	.order4 { order:4; }

	}


/**********
NAVIGATION Menu
***********/
header { margin:0; padding:1em; position:relative; background-color:#FFF; text-align:left; }

.logo { font-size:1.4em; color:#FFF; line-height:2em; margin:0; padding:0;  }
a.logo { text-decoration:none; }

.logo img { width:80%; max-width:300px; height:auto; }
@media screen and (min-width:800px) and (max-width:1149px) {
	.logo img { width:225px; }
	}
@media screen and (min-width:1150px) {
	.logo img { width:360px;  }
	}


nav {
	position:absolute; z-index:500;
	text-align:left;
	top:100%;
	left:0;
	background-color:#00468c;
	width:100%;
	border-top:1px solid rgba(255,255,255, 0.2);
	transform: scale(1, 0);
	transform-origin: top;
	transition: transform 300ms ease-in-out;
	}
nav.open {
	transform: scale(1, 1); 
	}

.nav-toggle {
	position:absolute;
	right:1em;
	top:50%;
	transform:translateY(-50%);
	cursor: pointer;
	}
.nav-toggle .bar1, .nav-toggle .bar2, .nav-toggle .bar3 {
	width: 35px;
	height: 4px;
	background-color: #888;
	margin: 5px 0;
	transition: 0.4s;
	}
.nav-toggle.open .bar1 {
	-webkit-transform: rotate(-45deg) translate(-7px, 6px);
	transform: rotate(-45deg) translate(-7px, 6x);
	}
.nav-toggle.open .bar2 {opacity: 0;}
.nav-toggle.open .bar3 {
	-webkit-transform: rotate(45deg) translate(-7px, -6px);
	transform: rotate(45deg) translate(-7px, -6px);
	}

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

nav ul li{
	margin:0; text-transform:uppercase;
	border-bottom:1px dotted rgba(255,255,255, 0.1);
	}

nav ul li:last-child {
	border-bottom:none;
	}
	
nav ul li a{
	color:#FFF;
	text-decoration:none;
	padding:0.8em 1.6em;
	display:block;
	}
nav ul li a:hover, nav ul li a:active, nav ul li a:focus { color:#328ce5; }
	
nav ul li.active a { color:#b2b2b2; }
nav ul li.active a:hover, nav ul li.active a:active, nav ul li.active a:focus { color:#328ce5; }


nav ul li a:hover{
	background-color:rgba(255,255,255,0.1);
	}
	
	
nav ul li ul li{
	margin-top:-0.8em;
	border-bottom:none;
	}

nav ul li ul li a{
	padding-left:3em;
	}

header .telephone, header .email { display:none; }	
header .telephone a, header .email a { font-size:1.1em; text-decoration:none; }
header .telephone a:hover, header .email a:hover {  }

	
@media screen and (min-width:800px) {
	
	header{ display:flex; align-items:center; flex-direction:row; }
	.nav-toggle { display:none; }
	.logo { line-height:1em; padding:0.2em 0; /*border:1px solid pink;*/ }
	
	.nav-right {
		flex-grow:1; 
		justify-content:flex-end;
		}

	
	header .telephone { font-size:1em; display:block; text-align:right; padding-right:0.9em; margin-bottom:0.4em; }
	header .email { font-size:1em; display:block; text-align:right; padding-right:0.9em; margin-bottom:0.4em; }
	
	nav {
		flex-grow:1; 
		justify-content:flex-end;
		position:relative;
		width:auto;
		transition: none;
		transform: scale(1,1);
		background: none;
		display: flex; 
		margin-top:1em;
		border-top:none;
		/*border:1px solid red;*/
		}
		
	nav ul {display:flex; flex-wrap:wrap; justify-content:flex-end;}

	nav ul li{
		border:none; /*border:1px solid yellow;*/
		}
	nav ul li a{
		color:#636363; padding:0.5em 0.5em; margin:0 0.5em; font-size:1.2em; /*border:1px solid green;*/
		}

	nav ul li.active a { border-bottom:0px solid #bbbbbb; }
		
	nav ul li a:hover{
		background-color:transparent;
		}

	nav ul li ul{
		display:flex;
		flex-direction: column;
		position:absolute;
		border-top:2px solid rgba(255,255,255, 0.1);
		background-color:#262626;
		font-size:0.9em;
		transform: scale(1, 0);
		transform-origin: top;
		transition: transform 200ms ease-in-out;
		margin-left:1.2em;
		}
		
	nav ul li ul li{
		border-bottom:1px dotted rgba(255,255,255, 0.1);
		margin:0;
		}
		
	nav ul li ul li a{
		padding:0.5em 1em 0.5em 0.5em;
		}
	nav ul li ul li a:hover{
		background-color:transparent;
		}
		
	nav ul li:hover ul {
		transform: scale(1, 1);
		}	
	}

@media screen and (min-width:800px) and (max-width:1229px) {
	nav { font-size:0.8em; }
	}
@media screen and (min-width:1230px) and (max-width:1350px) {
	nav { font-size:0.9em; }
	}	


/**** SECTIONS ****/
section { padding:0; background-color:#FFF; }
section.addPadding { padding:3em 0; }

section.lightgrey { background-color:#f2f2f2; }
section.blue { background-color:#00468c; color:#FFF; }


.section-photo { 
	width:100%; 
	background-position:center center; 
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover; 
	background-size: cover;
	background-repeat: no-repeat;
	}
	
.section-photo.photo001 { background-image:url("../images/background-images/800x800-001.jpg?v=0"); }

.section-photo.telephony-001 { background-image:url("../images/background-images/800x800-telephony-001.jpg?v=0"); }
.section-photo.cctv-001 { background-image:url("../images/background-images/800x800-cctv-001.jpg?v=0"); background-position:left center; }
.section-photo.access-control-001 { background-image:url("../images/background-images/800x800-access-control-001.jpg?v=0"); }
.section-photo.data-cabling-001 { background-image:url("../images/background-images/800x800-data-cabling-001.jpg?v=0"); background-position:right center; }
.section-photo.utilities-001 { background-image:url("../images/background-images/800x800-utilities-001.jpg?v=0"); }
.section-photo.contact-us-001 { background-image:url("../images/background-images/800x800-contact-us-001.jpg?v=0"); }

@media screen and (min-width:800px) {
	.section-photo.photo001 { background-image:url("../images/background-images/1400x800-001.jpg?v=0"); }
	
	.section-photo.telephony-001 { background-image:url("../images/background-images/1400x800-telephony-001.jpg?v=0"); }
	.section-photo.cctv-001 { background-image:url("../images/background-images/1400x800-cctv-001.jpg?v=0"); background-position:left center; }
	.section-photo.access-control-001 { background-image:url("../images/background-images/1400x800-access-control-001.jpg?v=0"); }
	.section-photo.data-cabling-001 { background-image:url("../images/background-images/1400x800-data-cabling-001.jpg?v=0"); background-position:right center; }
	.section-photo.utilities-001 { background-image:url("../images/background-images/1400x800-utilities-001.jpg?v=0"); }
	.section-photo.contact-us-001 { background-image:url("../images/background-images/1400x800-contact-us-002.jpg?v=0"); }
	}

.section-photo.tall { min-height:600px; }


.content-valign-center { display:flex; flex-direction:column; align-items:center; justify-content:center; }
.content-valign-center.tall { min-height:600px; }


.section-photo .infobox { background-color:rgba(0,70,140, 0.7); color:#FFF; padding:2.5em; font-size:1.3em; }
.section-photo .infobox p:last-child { margin-bottom:0px; }

/**** FOOTER ****/
footer { padding:0 0 1.4em 0; color:#FFF; background-color:#2b2b2b; margin-top:0px; font-size:1rem;}
footer a { color:#FFF; }
footer a:hover, footer a:active, footer a:focus { color:#b2b2b2; }

footer .accreditations { background-color:#383838; color:#FFF; padding:1.6em 0; margin:0 0 2.8em 0; }
footer .accreditations .holder { margin:0 auto; width:90%; max-width:1100px; display:flex; align-items:center; justify-content:flex-end; }

footer .accreditations .holder div { display:flex; align-items:stretch;}
footer .accreditations .holder div img { display:block;}
footer .accreditations .holder div span { display:block; margin-left:1.8em; font-size:0.8em; border-left:2px solid #e2e2e2; padding-left:0.8em; display:flex; align-items:center; }

footer .accreditations .holder div.white {background-color:#FFF; padding:0.8em; color:#636363; }

footer h1 { font-size:1.6rem; color:#d2d2d2; border-bottom:3px solid rgba(255,255,255,0.3); text-align:left; display:block; margin:0 0 0.6em 0;}
footer h1:after { border-bottom:none; content:none; display:initial; width:100%; margin:0; }

ul.foot_nav { list-style:none; margin:0; padding:0; }
ul.foot_nav li { list-style:none; margin:0; padding:0; }
ul.foot_nav li a { text-decoration:none; }

footer .foot_copyright { margin-top:1.4em; padding:1.4em 0 0 0; font-size:0.8em; text-align:center; border-top:1px dotted rgba(255,255,255,0.3);}


/* -- GRID (MAX 3 WIDTH)--*/
.grid-3 {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	}

.grid-item { width:90%; margin:10px; flex-grow:0; flex-shrink:1; position:relative; }

@media screen and (min-width:768px) and (max-width:1199px) {
	.grid-item { width:45%; }
	}

@media screen and (min-width:1200px) {
	.grid-item { width:30%; }
	}

/**** FORMS ****/
::-webkit-input-placeholder {
    color:#727272; font-weight:normal; opacity: 1;
	}

::-moz-placeholder {
    color:#727272; font-weight:normal; opacity: 1;
	}

::-ms-placeholder {
    color:#727272; font-weight:normal; opacity: 1;
	}

::placeholder {
    color:#727272; font-weight:normal; opacity: 1;
	}

fieldset { border:none; margin:0 0 1em 0; padding:0; }
fieldset:last-child { margin:0; }

textarea, select, input, button { outline:none; font-size:1em; }
input:not([type=checkbox]):not([type=radio]), select, textarea {
	width:100%; padding:1em 0.6em; background-color:#f2f2f2; font-family:inherit; font-weight:bold; color:#575757; border:none; border-bottom:2px solid transparent;
	-webkit-border-radius: 0em;
	-moz-border-radius: 0em;
	border-radius: 0em;
	}
select { padding:0.2em 0.2em; }

textarea:focus, 
select:focus, 
input:focus {
	border-bottom-color:#005ebc !important;
	}

.button { 
	cursor:pointer;
	position:relative;
	padding:0.6em 1.1em;
	margin: 0;
	font-family: inherit;
	font-size:1em;
	color:#FFF;
	text-decoration:none; 
	text-transform:uppercase; 
	background-color:#8e8e8e;
	border:none;
/****
	-webkit-border-radius: 0.6em;
	-moz-border-radius: 0.6em;
	border-radius: 0.6em;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
****/
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	}
.button { display:inline-block; }
.button:hover, .button:focus { background-color:#acacac; }

.button.btn-blue { background-color:#00468c; color:#FFF; }
.button.btn-blue:hover { background-color:#328ce5; }

.button.btn-white { background-color:rgba(255,255,255,1); color:#00468c; }
.button.btn-white:hover { background-color:rgba(255,255,255,0.6); }


.button.btn-processing, .button.btn-processing:hover, .button.btn-processing:focus { background-color:#b8b8b8; color:#FFF; pointer-events: none; }

.form-container { }	
	

fieldset.has-error textarea, fieldset.has-error select, fieldset.has-error input { background-color:#ffbebe !important; border-color:#cc0000 !important; }
.form-error-text { font-size:0.8em; color:#cc0000; }
.form-error-container {
	background-color:#ffdfdf; border:0px solid #cc0000; color:#cc0000; font-size:1em; padding:1em; margin-bottom:1em;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	}
.form-error-container h4 { font-size:1.1em; margin:0; color:#cc0000; }
.form-error-container .error-content { padding:0.6em 0.6em;}
.form-error-container ul { margin:0; }
.form-error-container p { margin:0; }

.form-success { background-color:#d4f0d3; padding:1em 1em; margin-bottom:1em; color:#037d00;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	}
.form-success a { text-decoration:none; }



/* -- OTHER --*/
#toTop-button { 
	z-index:100;
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer; cursor: hand;
	color:#FFF;
	padding:10px 10px 10px 10px;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	background-color:#cccccc;
	background-color:rgba(185, 185, 185, 0.5);
	display:none;
  }
#toTop-button:hover { 
	background-color:rgba(185, 185, 185, 0.8);
	}

ul.spaced li { margin-bottom:0.8em; }
ul.spaced li:last-child { margin-bottom:0; }

.selling-points { text-align:center; font-size:1.2em; }
.selling-points i { font-size:3em; margin-bottom:0.4em; }


.servicesBoxes .grid-item { background-color:#FFF; }
.servicesBoxes .grid-item { position:relative; height:100%; transition:all 0.3s; }
.servicesBoxes .grid-item h3 { margin-top:0; }
.servicesBoxes .grid-item p { margin-bottom:0; }
.servicesBoxes .grid-item a { color:#444444; }
.servicesBoxes .grid-item .info { padding:1em;}
.servicesBoxes .grid-item i { color:#328ce5; }
.servicesBoxes .grid-item:hover {
	-webkit-box-shadow: 4px 4px 14px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 14px 0px rgba(0,0,0,0.2);
	box-shadow: 4px 4px 14px 0px rgba(0,0,0,0.2);
	}

.servicesBoxes .grid-item .photo { 
	width:100%; 
	padding-top: 66.66%; /* 3:2 Aspect Ratio */ 
	background-position:center center; 
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover; 
	background-size: cover;
	background-repeat: no-repeat;
	}
	
.servicesBoxes .grid-item .photo.telephony { background-image:url("../images/services/telephony.jpg"); }
.servicesBoxes .grid-item .photo.cctv { background-image:url("../images/services/cctv.jpg"); }
.servicesBoxes .grid-item .photo.accesscontrol { background-image:url("../images/services/access-control.jpg"); }
.servicesBoxes .grid-item .photo.cabling { background-image:url("../images/services/data-cabling.jpg"); }
.servicesBoxes .grid-item .photo.utilities { background-image:url("../images/services/utilities.jpg"); }
.servicesBoxes .grid-item .photo.contact { background-image:url("../images/services/contact.jpg"); }

@media screen and (min-width:800px) {
	.servicesBoxes .grid-item i { opacity:0; transition:all 0.3s; transform:translateX(-0.8em); } 
	.servicesBoxes .grid-item a:hover i { opacity:1; transform:translateX(0em); }
	}

.productimages .photo { margin-bottom:2em; padding:1em; background-color:#FFF; border:0px solid #ccc; 
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
	}
.productimages .photo span { display:none; }

ul li { margin-bottom:0.4em; line-height: 1.4; }
ul li:last-child { margin-bottom:0; }

.content-box { position:relative; min-height:100%; background-color:#f2f2f2; padding:1.5em; }
.content-box.blue { background-color:#00468c; color:#FFF; }

.content-box .footnote { font-size:0.8em; opacity:0.6; margin-bottom:0;}


/* -- SOCIAL ICONS --*/
.social-icons { margin-top:0.4em; }
.social-icons a { display:inline-block; position:relative; top:0; left:0; right:0; margin-left:0; margin-right:0; background-color:#e2e2e2; color:rgba(255,255,255,1); width:1.5em; height:1.5em; padding:0.2em 0 0 0; font-size:1.4em; text-align:center; overflow:hidden;
	-webkit-border-radius: 0.9em;
	-moz-border-radius: 0.9em;
	border-radius: 0.9em;
	-webkit-transition: top 0.3s ease-out;
	-moz-transition: top 0.3s ease-out;
	-o-transition: top 0.3s ease-out;
	transition: top 0.3s ease-out;
	}
.social-icons a:last-child { margin-right:0; }

.social-icons a.facebook { background-color:#3b5998; }
.social-icons a.twitter { background-color:#1da1f2; }
.social-icons a.instagram { background-color:#e03566; }
.social-icons a.linkedin { background-color:#0077b5; }
.social-icons a.tumblr { background-color:#37455c; }
.social-icons a.pinterest { background-color:#cb2027; }
.social-icons a.email { background-color:#db8837; }

.social-icons a:hover { 
	top: -0.25em;
	color:rgba(255,255,255,0.8);
	}

table.table-cookies {
  text-align: left;
  border-collapse: collapse;
}
table.table-cookies td, table.table-cookies th {
  padding: 0.3em 1em 0.3em 0.6em;
}
table.table-cookies tr:nth-child(even) {
  background: #FFF;
}

table.table-cookies thead {
    border-bottom: 2px solid #909090;
}
table.table-cookies thead th {
  font-weight: bold;
}
table.table-cookies tfoot {
  font-weight: bold;
  border-top: 2px solid #909090;
}

/**** MODAL ****/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 600; /* Sit on top */
  padding-top: 5em; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #FFF; font-size:1em;
  margin: auto;
  padding: 0;
  border: 0px solid #f2f2f2;
  width: 95%; max-width:1100px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.modal .closeModal { 
	color: #FFF;
	font-size: 50px; line-height:1em;
	font-weight: bold;
	position:absolute;
	z-index:110;
	right:0.3em;
	top:0.1em;
	}

.modal .closeModal:hover,
.modal .closeModal:focus {
	color: #cccccc;
	text-decoration: none;
	cursor: pointer;
	}

.modal-header {
	display:none;
	}

.modal-body {padding:0; position:relative;}

.modal-footer {
	display:none;
	}

.modal-content.small {
	max-width:600px;
	}
	
/*OTHER */
.hide { display:none; }