@charset "UTF-8";
/* CSS Document */
* {
	padding: 0;
	font-size: 100%
}
html, body {background-color: white; min-height: 75rem; padding-top: 2rem;}
@media (min-width: 768px) {html, body {min-height: 75rem; padding-top: 3rem;}}
img {border: 0;}

/*Text*/
html, body {font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 300; color: rgba(100,100,100,1);}
a:link {color:rgba(109,207,246,1.00); text-decoration: none;}
a:visited {color:rgba(109,207,246,1.00); text-decoration: none;}
a:hover {text-decoration: underline;}
p {
	font-size: 1.7em;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
h1 {font-size: 3.6em; margin: 0 0 20px 0; color: white; line-height: 90%; font-weight: 300;}
h2 {font-size: 2.3em; font-weight: 300; margin-bottom: 20px;}
h3 {font-size: 2.1em; font-weight: 500; margin-top: 25px; margin-bottom: 5px; color: rgba(0,159,227,1.00);}
h4 {font-size: 1.8em; font-weight: 300;}
h5 {font-size: 1.6em;}
h6 {font-size: 1em;}
strong {font-weight: normal; font-weight: 500;}
ul {padding-left: 20px; }
.darkBlue {color:rgba(0,83,165,1.00);}

/*Navbar*/
.navbar {border: none; border-bottom: #666 solid 1px;  background-color: rgba(255,255,255,1.00);}
.navbar-nav {background-color:white;}
.navbar .navbar-collapse {text-align: center; background-color:white; color:#333;}
.dropdown-item {-webkit-transition: background-color 400ms ease-out 100ms; -moz-transition: background-color 400ms ease-out 100ms; -o-transition: background-color 400ms ease-out 100ms; transition: background-color 400ms ease-out 100ms;}
.dropdown-item {background-color:white; text-align: center;}
.dropdown-menu {background-color:transparent; border-radius: 0; padding-top: 0px; margin-top: 0px; border: none; text-align: center; padding-bottom: 0px; }
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-menu a {padding: 10px 15px;}
.dropdown-toggle::after {border: none!important;  font: normal normal normal 14px/1 FontAwesome;   content: "\f107"!important; /* the desired FontAwesome icon */ vertical-align: 20%; /* to center vertically */ padding-left: 5px;}
.dropdown-item {font-size: 1.3em; font-weight: 300;}
@media (min-width: 576px) {.dropdown-item {font-size: 1.8em;}}
@media (min-width: 768px) {.dropdown-item {font-size: 1.4em;}}
@media (min-width: 992px) {.dropdown-item {font-size: 1.2em;}}
@media (min-width: 1200px) {.dropdown-item {font-size: 1.2em;}}

.nav-item a {color: grey; text-decoration: none; padding: 10px;}
@media (min-width: 576px) {.nav-item {padding: 5px;}}
@media (min-width: 768px) {.nav-item {padding: 10px;}}
@media (min-width: 992px) {.nav-item {padding: 20px;}}
@media (min-width: 1200px) {.nav-item {padding: 20px;}}


.nav-link {font-size: 2em; font-weight: 300;}
@media (min-width: 576px) {.nav-link {font-size: 2.1em;}}
@media (min-width: 768px) {.nav-link {font-size: 1.8em;}}
@media (min-width: 992px) {.nav-link {font-size: 1.5em;}}
@media (min-width: 1200px) {.nav-link {font-size: 1.5em;}}

.navbar-toggler {border-color: rgba(0,0,0,1.00); border-width: 0;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(5,71,152,1.00)' stroke-width='2' stroke-linecap='butt' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
#logoResizeMd {height: 300px;}
/*Footer*/

.footer {color: white; padding-top: 20px; margin-top: 80px;}
.footer a {color: rgba(255,255,255,1.00);} .footer a:visited {color: rgba(255,255,255,1.00);} .footer a:hover {color: rgba(0,159,227,1.00);}
.footerStrip {
    background-image: linear-gradient(to right, rgba(5,71,152,1.00), rgba(0,159,227,1.00));
    height: 15px; margin-top: 20px;
}
.footerContactLeft {text-align: center; border-right: 1px solid white; font-size: 1.1em;}
.footerContactRight {text-align: left; font-size: 1.1em;}
.footerSayHello {padding: 15px 0px; border: 2px solid white; font-size: 1.6em; font-weight: 500; text-align: center; margin-top: 15px;}
@media (min-width: 768px) {.footerSayHello {padding: 15px 10px; font-size: 1.6em; max-width: 180px;}}
.footerBreadcrumb {font-size: 1.1em;}
.social-xs {margin-top: 6px; text-align: left; padding-left: 0;}
@media (min-width: 768px) {.social-xs {margin-top: 0px; padding-left: 15px;}}
.social {width: 26px; margin-top: 8px; text-align: left;}
@media (min-width: 768px) {.social {width: 25px; margin-top: 0;}}
@media (min-width: 992px) {.social {width: 32px;}}
@media (min-width: 1200px) {.social {width: 36px;}}

@media (min-width: 768px) {.social-fb {margin-right: 5px;}}
@media (min-width: 992px) {.social-fb {margin-right: 20px;}}
@media (min-width: 1200px) {.social-fb {margin-right: 25px;}}
.social-insta {}

@media (min-width: 768px) {.footerAdobe {margin-bottom: 0px;}}
@media (min-width: 992px) {.footerAdobe {margin-bottom: 0px;}}
@media (min-width: 1200px) {.footerAdobe {margin-bottom: 0px;}}
/*Colours*/
.clrDarkBlue {color: rgba(5,71,152,1.00);} 
.clrLightBlue {color: rgba(0,159,227,1.00);} 
.clrGrey {color: rgba(198,198,198,1.00);} 
.bgClrDarkBlue {background-color: rgba(5,71,152,1.00);} 
.bgClrLightBlue {background-color: rgba(0,159,227,1.00);} 
.bgClrGrey {background-color: rgba(180,180,180,1.00);} 

/*Structure*/
.gradBlues {background-image: linear-gradient(to right, rgba(5,71,152,1.00) 40%, rgba(0,159,227,1.00));}
.contentHead {margin-bottom: 40px;}
.contentHeadLogo {margin-bottom: 30px;}
.contentBody {}
.contentQuote {text-align: right;}
.bgElementsBlue1 {background-image: url("../assets/images/blue-bg-elements.png"); background-repeat: no-repeat; background-position: top center; background-size: cover;}
.bgElementsBlue2 {background-image: url("../assets/images/blue-bg-elements2.png"); background-repeat: no-repeat; background-position: top right; background-size: cover;}
.bgElementsWhite1 {background-image: url("../assets/images/white-bg-elements1.png"); background-repeat: no-repeat; background-position: top right; background-size: cover;}
.chevron {padding-top: 90px; background-image: url("../assets/images/chevron1.png"); background-repeat: no-repeat; background-position: top right;}
.egChevron {padding-top: 90px; background-repeat: no-repeat; background-position: top right;}
@media (min-width: 768px) {.egChevron {padding-top: 90px; background-repeat: no-repeat; background-position: top right;}}
.egChevWhite {background-image: url("../assets/images/chevron-white-xs.png");}
@media (min-width: 768px) {.egChevWhite {background-image: url("../assets/images/chevron-white.png");}}
.egChevBlue {background-image: url("../assets/images/chevron-blue-xs.png");}
@media (min-width: 768px) {.egChevBlue {background-image: url("../assets/images/chevron-blue.png");}}
.pfIntro {color: white; padding-top: 40px;}
.pfIntro li {list-style: none; font-size: 1.5em;}
.pfIntro ul li::before {
  content: "\2022";
  color: rgba(0,159,227,1.00);
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em; 
}
.pfImageIndicator {color: white; margin-bottom: 20px; font-size: 1.4em;}
@media (min-width: 768px) {.pfImageIndicator {font-size: 1.7em;}}
.pfILeft {text-align: left;} .pfIRight {text-align: right;}
.pfIntroSignoff {border-top: white 1px solid; padding-top: 15px; margin-top: 40px; margin-bottom: 30px; font-size: 1.5em;}
.egCont {padding-top: 30px; padding-bottom: 30px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.egContWhite {background-image: url("../assets/images/eg-white-bg-elements1.png");}
.egContBlue {background-image: url("../assets/images/eg-blue-bg-elements.png");}
.contactBG {background-image: url("../assets/images/jds-studio-for-contact.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.contactBG {height: 450px;}
@media (min-width: 576px) {.contactBG {height: 500px;}}
@media (min-width: 768px) {.contactBG {height: 550px;}}
@media (min-width: 992px) {.contactBG {height: 600px;}}
@media (min-width: 1200px) {.contactBG {height: 700px;}}

.mapEmbed {width: 400px; height: 500px; margin-top: 0px;}
@media (min-width: 576px) {.mapEmbed {width: 510px; height: 500px;}}
@media (min-width: 768px) {.mapEmbed {width: 720px; height: 500px;}}
@media (min-width: 992px) {.mapEmbed {width: 950px; height: 500px;}}
@media (min-width: 1200px) {.mapEmbed {width: 1100px; height: 500px;}}
/*Carousel*/
.carouselCaption {margin-bottom: 10px; margin-top: 20px; font-size: 3.3em; text-align: center;}
@media (min-width: 768px) {.carouselCaption {margin-top: 60px;}}
@media (min-width: 576px) {.carouselCaption {font-size: 4em;}}
@media (min-width: 768px) {.carouselCaption {font-size: 4.5em;}}
@media (min-width: 992px) {.carouselCaption {font-size: 6em;}}
@media (min-width: 1200px) {.carouselCaption {font-size: 6em;}}

.iNSIntro {margin-top: 60px; margin-bottom: 0px;}
.iNSImg {margin-top: 30px; margin-bottom: 15px;}
.iNSTitle {font-size: 3em;} 
.iNSTitle a {color:rgba(33,183,243,1.00)} .iNSTitle a:visited {color:rgba(33,183,243,1.00)}
.privacy {padding-top: 50px;}
.privacy p {font-size: 1.2em;} .privacy h3 {font-size: 1.5em;} .privacy li {font-size: 1.2em; margin-bottom: 8px;}
.table .thead-dark th {color: #fff;  background-color: rgba(5,71,152,1.00); border-color: rgba(5,71,152,1.00);}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}