@charset "UTF-8";
/* CSS Document */ 


html, body {
font-family: 'Poppins', sans-serif;
}


.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.nav {
	text-decoration: none;
	color: #ffffff;
	font-size: 0.9rem;
}

.nav:hover {
	text-decoration: none;
	color: #ffffff;
	font-size: 0.9rem;
	border-bottom: 3px solid;
    padding-bottom: 0px;
}

.is-selected {
	text-decoration: none;
	color: #ffffff;
	font-size: 0.9rem;
	border-bottom: 3px solid;
    padding-bottom: 0px;
}

.input-scale {
     width: 100%;
     max-width: 500px;
     box-sizing: border-box;
	padding-top: 0px;
	padding-bottom: 0px;
	height:35px;
}


/* TYPOGRAPHY */

.tightcopy {
    line-height: 1;
	padding-bottom: 1rem;
}

.is-spaced {	
letter-spacing: 9px;
padding-bottom: 2rem;
}

/* DIVS */

#header-copy {
padding-bottom: 2rem;
}

.has-margin-bottom {
margin-bottom: 2rem;
}

.has-margin-top {
margin-top: 2rem;
}

.has-margin-sides {
margin: 0rem 1rem 0rem 1rem;
}

.has-margin-left {
margin: 0rem 0rem 0rem 1rem;
}

.has-margin-right {
margin: 0rem 1rem 0rem 0rem;
}

/* COLOURS */

.is-blue {
	background-color: #259fb9;
}

.is-black {
	background-color: #1d1d1d;
}

.is-dark-blue {
	background-color: #153558;
}
.is-dark-grey {
	background-color: #00b988;
}
.is-green {
	background-color: #00b988;
}
.is-off-white {
	background-color: #f4f4f4;
}
.is-red {
	background-color: #e0625c;
}
.is-yellow {
background-color: #FDB149;
}
.is-purple {
background-color: #976CC1;
}
.is-white {
	background-color: #ffffff;
}

.is-grey {
	background-color: #919090;
}

.is-dk-grey {
	background-color: #3b3c3f;
}

.is-light-grey {
	background-color: #f4f4f4;
}

.is-ntt-blue {
	background-color: #0072BC;
}

.is-pandg-blue {
	background-color: #003DA5;
}

.is-webhelp-green {
	background-color: #004650;
}

.is-aru-blue {
	background-color: #071D49;
}

.is-charcoal {
	background-color: #2c2c2c;
}

.is-yellow-text {
color: #FDB149;	
}

.is-black-text {
color: #1d1d1d;	
}

.is-green-text {
color: #00b988;
}

.is-blue-text {
color: #1a96b0;
}

.is-red-text {
color: #e0625c;
}

.is-dark-blue-text {
color: #153558;
}

.is-white-text {
color: #FFFFFF;
}

.has-dark-blue-text {
color: #153558;
}


/* STLYE */
.has-underline {
border-bottom: 3px solid;
    padding-bottom: 0px;
}

.is-styled:hover {
	color: #ffffff;
}

.is-styled {
	color: #ffffff;
}

.navbar-menu {
background-color: rgba(22, 22, 22, 0.0);	
}


.is-round { 
	font-weight: bold;
    border: 0px;
    border-radius: 50px;
	font-size: 1rem;
    height: 3rem;
	padding-left: 2.25rem;
padding-right: 2.25rem;
}

.link:hover {
	color: #00b988;
}

.link {
	color: #e0625c;
}

.link-dark:hover {
	color: #f4f4f4;
}

.link-dark {
	color: #222222;
}

/* LEGALS */
@media screen and (min-width: 770px) {
.legal-header {
	background-image: url('../img/legals/privacy_header.png');
	background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
}
	
.video-size {
		width:768px;
			height: 432px;
	}


.video-size-2 {
		width:576px;
			height: 324px;
			margin: 50px 0px 0px 0px;
	}
}

@media screen and (max-width: 900px) {
.legal-header {
	background-image: url('');
	background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
}
	
.video-size {
		width:768px;
			height: 432px;
	}


.video-size-2 {
		width:576px;
			height: 324px;
		margin: 50px 0px 0px 0px;
	}
}

@media screen and (max-width: 899px) and (min-width: 768px) {
.legal-header {
	background-image: url('');
	background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
}
	
.video-size {
		width:768px;
			height: 432px;
	}


.video-size-2 {
		width:384px;
			height: 216px;
			margin: 50px 0px 0px 0px;
	}
}

@media screen and (max-width: 767px) and (min-width: 577px) {
	
	.video-size {
		width: 576px;
			height: 324px;
	}
	
.video-size-2 {
		width:384px;
			height: 216px;
			margin: 0px 0px 0px 0px;
	}
}

@media screen and (max-width: 576px) and (min-width: 420px) {
	
.video-size {
		width:384px;
			height: 216px;
	}

	.video-size-2 {
		width:384px;
			height: 216px;
				margin: 0px 0px 0px 0px;
	}
}

@media screen and (max-width: 419px) {
	
.video-size {
		width:288px;
			height: 162px;
	}
	
.video-size-2 {
		width:288px;
			height: 162px;
			margin: 0px 0px 0px 0px;
	}
}

/* SHOW HIDE MENU */
#nav-toggle-state {
  display: none;
}

#nav-toggle-state:checked ~ .nav-menu {
  display: block;
}

/* FORMS */

input {
	line-height: 50px;
	background: #f4f4f4;
    border: 0;
    font-size: 16px;
    border-radius: 4px;
    padding: 20 20 20 20;
	color: #222222;
	width: 100%;   
	
}


form select {
	
  width: 80%;           /* Allow the dropdown to fill the container */
  min-width: 200px;      /* Ensure it isn’t too small */
  padding: 10px;         /* Add some internal spacing */
  font-size: 16px;       /* Increase font size for readability */
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-appearance: none; /* Remove default styling on WebKit browsers */
  -moz-appearance: none;    /* Remove default styling on Firefox */
  appearance: none;         /* Remove default styling for other browsers */
	background: #f4f4f4;
	color: #222222;
	
	/* line-height: 50px;
	background: rgba(255,255,255,.4);
    border: 0;
    font-size: 1em;
    border-radius: 4px;
    padding: 40 20 40 20;
	color: #ffffff; */
}

textarea {
	
	background: #f4f4f4;
    border: 0;
    font-size: 1em;
    border-radius: 4px;
    padding: 40 20 40 20;
	color: #222222;
}

footer {
	padding-top: 0;
	padding-bottom: 0;
}

@media only screen and (min-width: 800px) {
    input, textarea {
		width: 420px;
	}
}

@media only screen and (max-width: 800px) {
    input, textarea {
		width: 100%;
	}
}

@media screen and (min-width: 1024px) {
	.navbar-end {
		margin-left: 0px !important;
	}
}

/* CAROUSEL */
section#carousel>figure>img {
    display: none;
    margin: 0px;
}

section#carousel>figure.visible>img {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0px auto;
}

section#carousel>figure>figcaption {
    display: none;
}

section#carousel>figure.visible>figcaption {
    display: block;
    text-align: center;

} 

#my-video {
	outline: none !important;
	border: none !important;
}

video-js {
	outline: none !important;
	border: none !important;
}

a:focus { 
	outline: thin dotted; 
}

.masthead {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 35rem;
  padding: 0 0;
  background: url("../img/header_bg_1.png");
  background-position: right;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.gradient {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(235, 235, 235, 0.7) 100%, #ffffff 100%);
	padding:20px;
	border-radius: 25px;
}