/* ========================================================
CSS Riverdance @2019
Author - FUSIO (https://fusio.net/)
==========================================================*/
/***********************
Imports
***********************/
@import url("https://use.typekit.net/zao8imv.css");

/***********************
Reusable Styles
***********************/

/*color*/
.color-white{ color:#fff!important; }
.color-black{ color:#000; }
.color-grey{ color:#222; }
.color-red{ color:#bb0000; }
.color-red-2{ color:#dd0000; }
.color-yellow{ color:#ffcb05; }
.color-blue{ color:#00bce7; }
.color-navy{ color:#004B6C; }
.color-orange{ color:#f05a28; }
.color-light-orange{ color:#fec032; }
.color-cyan{ color:#00b5ad; }
.color-green{ color:#8dc63f; }
.color-dark-green{ color:#1d4548; }

/*background color*/
.bg-color-white{ background-color:#fff; }
.bg-color-transparent-white{ background-color:rgba(255,255,255,0.5); }
.bg-color-black{ background-color:#000; }
.bg-color-transparent-black{ background-color:rgba(000,000,000,0.5); }
.bg-color-grey{ background-color:#222; }
.bg-color-grey-3{ background-color:#313131; }
.bg-color-grey-4{ background-color:#373737; }
.bg-color-grey-5{ background-color:#414141; }
.bg-color-grey-6{ background-color:#474747; }
.bg-color-grey-7{ background-color:#515151; }
.bg-color-red{ background-color:#bb0000; }
.bg-color-blue{ background-color:#00bce7; }
.bg-color-navy{ background-color:#004b6c; }
.bg-color-orange{ background-color:#f05a28; }
.bg-color-light-orange{ background-color:#fec032; }
.bg-color-cyan{ background-color:#00b5ad; }
.bg-color-dark-green{ background-color:#1d4548; }
.bg-color-purple{ background-color:#2c142d; }

/*fonts*/
.font-weight-light{ font-weight:300!important; }
.font-weight-regular{ font-weight:400!important; }
.font-weight-medium{ font-weight:500!important; }
.font-weight-bold{ font-weight:700!important; }
.font-weight-heavy{ font-weight:900!important; }

/*text-shadow*/
.text-shadow-none{ text-shadow:0px 0px #000; }
.text-shadow-black{ text-shadow:2px 2px #000; }
.text-shadow-transparent{ text-shadow:2px 2px rgba(000,000,000,0.3); }

/*box-shadow*/
.box-shadow-none{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.box-shadow-black{ -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); }

/*image*/
.bg-img{ background-size:cover; background-repeat:no-repeat; background-position:center center; min-height:200px; height:100%; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.bg-img-medium{ background-size:cover; background-repeat:no-repeat; background-position:center center; min-height:300px; height:100%; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }

/*border*/
.no-border{ border:0; }
.border-radius{ border-radius:2rem; }
.border-radius-small{ border-radius:1.2rem; }
.border-radius-smaller{ border-radius:0.5rem; }
.border-radius-smaller-top{ border-radius:0.5rem 0.5rem 0 0; }
.border-radius-smaller-bottom{ border-radius:0 0 0.5rem 0.5rem; }
.border-radius-circle{ border-radius:50%; }
.border-radius-circle-right{ border-radius:0 50% 50% 0!important; }

/*gradients*/
.gradient-blue-green{ 
	background: #0088c4; /* Old browsers */
	background: -moz-linear-gradient(left, #0088c4 0%, #00b5ad 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0088c4 0%,#00b5ad 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0088c4 0%,#00b5ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088c4', endColorstr='#00b5ad',GradientType=1 ); /* IE6-9 */ 
}
.gradient-green-blue{ 
	background: rgb(0,178,223);
	background: -moz-linear-gradient(90deg, rgba(0,178,223,0.75) 0%, rgba(0,136,196,0.75) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,178,223,0.75) 0%, rgba(0,136,196,0.75) 100%);
	background: linear-gradient(90deg, rgba(0,178,223,0.75) 0%, rgba(0,136,196,0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b2df",endColorstr="#0088c4",GradientType=1);
}

/*animations*/
.rotate-scale-down-ver {
	-webkit-animation: rotate-scale-down-ver 0.65s linear both;
	        animation: rotate-scale-down-ver 0.65s linear both;
}
/* ----------------------------------------------
 * Generated by Animista on 2019-7-25 23:29:2
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-scale-down-ver
 * ----------------------------------------
 */
@-webkit-keyframes rotate-scale-down-ver {
  0% {
    -webkit-transform: scale(1) rotateY(0);
            transform: scale(1) rotateY(0);
  }
  50% {
    -webkit-transform: scale(0.5) rotateY(180deg);
            transform: scale(0.5) rotateY(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateY(360deg);
            transform: scale(1) rotateY(360deg);
  }
}
@keyframes rotate-scale-down-ver {
  0% {
    -webkit-transform: scale(1) rotateY(0);
            transform: scale(1) rotateY(0);
  }
  50% {
    -webkit-transform: scale(0.5) rotateY(180deg);
            transform: scale(0.5) rotateY(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateY(360deg);
            transform: scale(1) rotateY(360deg);
  }
}
 .bounceIn {
 	-webkit-animation-name: bounceIn;
 	animation-name: bounceIn;
 	-webkit-animation-duration: .75s;
 	animation-duration: .75s;
 	-webkit-animation-duration: 1s;
 	animation-duration: 1s;
 	-webkit-animation-fill-mode: both;
 	animation-fill-mode: both;
 }
 @-webkit-keyframes bounceIn {
 	0%, 20%, 40%, 60%, 80%, 100% {
 		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: scale3d(.3, .3, .3);
 		transform: scale3d(.3, .3, .3);
 	}
 	20% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1);
 		transform: scale3d(1.1, 1.1, 1.1);
 	}
 	40% {
 		-webkit-transform: scale3d(.9, .9, .9);
 		transform: scale3d(.9, .9, .9);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(1.03, 1.03, 1.03);
 		transform: scale3d(1.03, 1.03, 1.03);
 	}
 	80% {
 		-webkit-transform: scale3d(.97, .97, .97);
 		transform: scale3d(.97, .97, .97);
 	}
 	100% {
 		opacity: 1;
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 }
 @keyframes bounceIn {
 	0%, 20%, 40%, 60%, 80%, 100% {
 		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: scale3d(.3, .3, .3);
 		transform: scale3d(.3, .3, .3);
 	}
 	20% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1);
 		transform: scale3d(1.1, 1.1, 1.1);
 	}
 	40% {
 		-webkit-transform: scale3d(.9, .9, .9);
 		transform: scale3d(.9, .9, .9);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(1.03, 1.03, 1.03);
 		transform: scale3d(1.03, 1.03, 1.03);
 	}
 	80% {
 		-webkit-transform: scale3d(.97, .97, .97);
 		transform: scale3d(.97, .97, .97);
 	}
 	100% {
 		opacity: 1;
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1);
 	}
 }

/***********************
HTML Tags Styles
***********************/
/* basic tags */
html{ scroll-behavior: smooth; }
body{ background-color:#fff; font-family: effra, sans-serif; font-weight:400; font-style: normal; }
*:focus, textarea:focus, input:focus, .form-control:focus{ outline: none; outline-style: none; border-color: inherit; -webkit-box-shadow: none; box-shadow: none; }

/*Text*/
h1{  }
h2{  }
h3{  }
a{  }
a:hover{ text-decoration:none; }
p{ margin:0; }
strong{  }

/*list*/
ul{  }

/***********************
Form
***********************/
input{  }


/***********************
TOP NAVIGATION
***********************/
.top-nav{ position:relative; z-index:10000; background: #1e5182; line-height: 50px; color:#fff; font-size: 15px; font-weight: 700; padding: 2px 0px 2px 0px; }
.top-nav a{ color: #fff; text-shadow: 1px 0 2px rgba(0,0,0,.35); }
.top-nav .mainsite{ background: rgba(0,0,0,.2); color: #fff; font-size: 14px; font-weight: 700; padding: 5px 15px; text-transform: uppercase; }
.top-nav .contact-details .social-icons a{ display: inline-block; font-size: 16px; margin-right: 10px; text-align: center; }


.navbar{ border-top:40px solid #fbab18; border-bottom:0px solid #fbab18; width:100%; position:fixed; bottom:0; padding-bottom:1rem; z-index:10000;  background-color:#fff; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.navbar .animated{ animation-duration:0.5s; }
.navbar-brand{ -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.navbar-brand img{ width:300px; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }

/*on-scroll*/
.navbar.on-scroll{ border-top:0px solid #fbab18; border-bottom:10px solid #fbab18; bottom:100%; margin-bottom:-72px; z-index: 100000; padding-bottom:0.5rem; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1), 0 0px 0px 0 rgba(0, 0, 0, 0.1); padding-top:0; background-color:#fff; }
.navbar.nav-transparent{ background-color:rgba(0, 75, 108, 1); }
.on-scroll .navbar-brand{ padding:0.4rem 0; }
.on-scroll .navbar-brand img{ width:250px; }

.navbar ul li a{ font-weight:500; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.navbar ul li a:hover, .navbar ul li a.active{ text-decoration:underline; }
.nav-link{  }

/*dropdown*/
.dropdown-menu{  }
.navbar-nav .dropdown-menu a.dropdown-item{  }
.navbar-nav .dropdown-menu a.dropdown-item:hover{  }

/*mobile navigation toggler*/
.navbar-toggler:focus, .navbar-toggler:active{ outline: 0; }
.icon-bar{ width:40px; height:6px; display: block; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; margin-top:7px; } 
.icon-bar.top-bar{ margin-top:0px; } 
.navbar-toggler{ border: none; }
.navbar-toggler .top-bar{ transform:translate(2px,13px) rotate(45deg); }
.navbar-toggler .middle-bar{ opacity: 0; }
.navbar-toggler .bottom-bar{ transform:translate(2px,-13px) rotate(-45deg); }
.navbar-toggler.collapsed .top-bar{ transform: rotate(0); }
.navbar-toggler.collapsed .middle-bar{ opacity: 1; }
.navbar-toggler.collapsed .bottom-bar{ transform: rotate(0); }


/***********************
FOOTER
***********************/
.newsletter-footer {
  color: #FFFFFF;
}
.newsletter-footer h3 {
  color: #FFFFFF;
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: 700;
}
.newsletter-footer p {
  margin-top: 0px;
  margin-bottom: 20px;
}
.newsletter-footer .newsletter-form {
  height: 60px;
  margin-top: 5px;
  overflow: hidden;
  position: relative;
}
.newsletter-footer .newsletter-form input {
  background: #FFFFFF;
  border: 0;
  color: #333333;
  height: 60px;
  padding-left: 13px;
  width: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.newsletter-footer .newsletter-form button {
  background: #00B2A9;
  border: 0;
  color: #FFFFFF;
  font-size: 25px;
  font-weight: 700;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 100px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.newsletter-footer .newsletter-form button:hover {
  background: #4E4E4E;
  color: #00B2A9;
}
footer {
    background-color: #1b2e40;
    color: #b8c9d2;
    position: relative;
    z-index: 1;
}
footer h2 {
    color: #e4f7ff;
    font-size: 18px;
    font-weight: 600;
	line-height: 1.2;
    margin: 25px 0;
	text-transform:uppercase;
}
footer p{
    margin:0 0 10px 0;
	font-size:14px;
}
footer a {
    color: #b8c9d2;
	text-decoration: underline;
	font-size: 14px;
    line-height: 1.42857143;
}
footer a:hover{
    color: #fff;
	text-decoration: underline;
}
address, dl {
    margin-bottom: 20px;
	font-size:14px;
	line-height: 1.42857143;
}
.footertop{
	margin-top:10px;
}
.footerbtm {
    border-top: 1px solid #3d4d5c;
    margin-top: 20px;
    padding: 20px 0 30px;
}
footer .navbar-form .btn {
	background-color: #cce7f3;
    color: #002258;
    font-size: 22px;
    font-weight: 700;
    height: 34px;
    padding: 0px 12.5px;
    border-radius: 0;
}
/*
@media (min-width:1200px) {
	#progress .statistics-wrapper{ margin-top:-200px; }
}
@media (min-width:1600px) {
	#progress .statistics-wrapper{ margin-top:-300px; }
}
*/
@media (min-width: 768px) {
	footer .navbar-form .btn { margin-left: -5px;}
}
@media (max-width: 767px){
	footer .navbar-form .form-group {
		overflow: hidden;
		width: 85%;
		float: left;
	}
	.service-block-bg{ margin:15px 0; height: auto; }
}
footer .navbar-form .form-control {
    background-color: #1d2b3a;
    border-color: #76828c;
    color: #fff;
    font-size: 14px;
    height: 34px;
    min-width: 240px;
    padding: 4px 8px;
}
footer .navbar-nav {
    width: 100%;
    margin: 0;
}
footer .navbar-form{
    padding:0;
	margin:0;
}
footer .nav.navbar-right>li {
    width: 33%;
    float: left;
}
footer .nav>li, footer .nav>li>a {
    display: inline-block;
}
footer .navbar-social a{
    color: #b8c9d2;
	text-decoration:none;
	font-size: 44px;
}
footer .navbar-nav>li>a {
    padding: 10px 18px 10px 0;
}
footer .navbar-social a:hover{
    color: #fff;
	text-decoration:none;
	font-size: 44px;
	background-color:transparent;
}
@media (max-width: 992px){
	footer .nav.navbar-social>li>a {
		font-size:30px;
	}
}
footer .nav>li>a{
	padding-left:0;
}
footer .nav>li>a:hover{
	background-color:transparent;
	text-decoration:underline;
}
footer .footerbtm .navbar-nav {
    float: none;
}
/***********************
CONTENT SECTIONS
***********************/
ul.pagination li a{  }
ul.pagination li:hover a, ul.pagination li.active a{  }

/*section-card*/
html, body, .section-card, .section-card .container{ height:100%; }
.section-card{ overflow:hidden; background-size:cover; background-position:top center; }
.section-card::before{ content:""; z-index:1; position:absolute; top:0; left:0; width:100%; height:100%;
	background: rgb(0,178,223);
	background: -moz-linear-gradient(90deg, rgba(0,178,223,1) 0%, rgba(0,136,196,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,178,223,1) 0%, rgba(0,136,196,1) 100%);
	background: linear-gradient(90deg, rgba(0,178,223,1) 0%, rgba(0,136,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b2df",endColorstr="#0088c4",GradientType=1);
}
.section-card::after{ content:""; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.5; }

.section-card .container{ position:relative; z-index:2; }
.section-card h1{ font-size:7rem; text-shadow:5px 5px 5px rgba(000,000,000,0.3); }
.section-card .secondary-text{ line-height:1; }
.section-card .secondary-text span{ font-size:2.5rem; font-weight:bold; }
.section-card .secondary-text span:nth-child(2){ font-size:2.75rem; }
#heroVideo{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 0;  opacity:0.4; }
#heroVideo video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-hero .hero-info{ font-size:3rem; line-height:1.2; }

/*section hero assets*/
.hero-asset-date{ height:70px; margin-bottom:2rem; }
.hero-asset-1{ position:absolute; top:40px; left:20px; width:75px; }
.hero-asset-2{ position:absolute; z-index:-1; top:300px; right:-90px; width:80px; }
.hero-asset-3{ position:absolute; z-index:-1; top:40px; right:-55px; width:150px; }
.hero-asset-4{ width:380px; }



.section-deal h2{ font-size:4rem; text-align:center; }
.section-deal h3{ font-size:1.6rem; }
.section-deal .hero-info{ font-size:1.4rem; }

.section-benefits h2{ font-size:4rem; text-align:center; }
.section-benefits h3{ font-size:1.6rem; }
.svg-icon{ width:80px; height:80px; position:absolute; top:-40px; left:50%; margin-left:-40px; }
.section-benefits ul li{ font-size:1rem; margin-bottom:1rem; }
.section-benefits a, .section-benefits a:visited{ color:#ffcb05; text-decoration:underline; }
.section-benefits a:hover, .section-benefits a:focus{ text-decoration:underline; }


.section-measures h2{ font-size:2.5rem; }
.section-measures h3{ font-size:1.4rem; color:#fff; position:relative; z-index:1; text-shadow:2px 2px rgba(000,000,000,0.2);  }
.section-measures .fg-box{ padding:1rem; background-position:center center; background-size:cover; background-color:#f1f1f1; min-height:250px; height:100%; display:flex; flex-direction:row; align-items:center; justify-content:center; text-align:center; position:relative; 
	-webkit-box-shadow: 0px 0px 0px 5px rgba(241,241,241,1);
	-moz-box-shadow: 0px 0px 0px 5px rgba(241,241,241,1);
	box-shadow: 0px 0px 0px 5px rgba(241,241,241,1);
}
.section-measures .fg-box::before{ content:""; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; opacity:1;
	-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;
	background: rgb(0,178,223);
	background: -moz-linear-gradient(90deg, rgba(0, 133, 166, 0.7) 0%, rgba(0, 105, 151, 0.7) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0, 133, 166, 0.7) 0%, rgba(0, 105, 151, 0.7) 100%);
	background: linear-gradient(90deg, rgba(0, 133, 166, 0.7) 0%, rgba(0, 105, 151, 0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b2df",endColorstr="#0088c4",GradientType=1);
}


.section-nextsteps h2{ font-size:4rem; }
.section-nextsteps .card{ margin-bottom:1rem; border:0; border-radius:0; }
.section-nextsteps .card-header{ border:0; background-color:#004B6C; padding:0; border-radius:0; }
.section-nextsteps .card-header h3 button{ width: 100%; padding:1rem; color:#fff; font-size:1.4rem; font-weight:bold; }
.section-nextsteps .card-header h3 button i{ position:absolute; right:1.5rem; top:0.8rem; font-size:2rem; }
.section-nextsteps p{ padding:0.5rem 5rem; text-align:center; }
.btn, .btn.focus, .btn:focus { outline: 0; border:0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,0); }


.section-brexit h2{ font-size:4rem; text-align:center; }
.section-brexit h3{ font-size:1.6rem; }
.section-brexit a{ color:#00bce7; text-decoration:underline; }
.section-brexit ul{ width:100%; min-width:100%; margin:0!important; padding:0!important; list-style-type:none; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center; }
.section-brexit ul li{ margin:0.5rem; line-height:1.2; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.section-brexit ul li a, .fg-tile{ font-size:1rem; color:#000; padding:0.75rem; background-color:#fff; text-decoration:none!important;
-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
.section-brexit ul li.active a, .section-brexit ul li a:hover{ background-color:#ffcb05; padding:0.75rem 1.5rem; }
.fg-tile{color:#000!important; font-size:1.6rem; background-color:#ffcb05; border:4px solid #ffcb05; }
.fg-tile:hover{ background-color:#fff; border:4px solid #ffcb05; padding:0.75rem 1.5rem; }

.brexit-box h2{ font-size:2.5rem; color:#fff; }
.brexit-box h3{ color:#ffcb05; }
.brexit-box{ padding:1rem; background-position:top left; background-size:cover; background-color:#f1f1f1; position:relative; 
	-webkit-box-shadow: 0px 0px 0px 5px rgba(241,241,241,1);
	-moz-box-shadow: 0px 0px 0px 5px rgba(241,241,241,1);
	box-shadow: 0px 0px 0px 5px rgba(241,241,241,1); 
}
.brexit-box::before{ content:""; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; opacity:1;
	-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;
	background: rgb(0,178,223);
	background: -moz-linear-gradient(90deg, rgba(0,178,223,0.85) 0%, rgba(0,136,196,0.85) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,178,223,0.85) 0%, rgba(0,136,196,0.85) 100%);
	background: linear-gradient(90deg, rgba(000,000,000,0.5) 0%, rgba(000,000,000,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b2df",endColorstr="#0088c4",GradientType=1);
}
.brexit-box-content{ position:relative; z-index:1; }

/* ========================================================
-MOBILE
==========================================================*/
/*less than 576px*/
@media (max-width: 576px) {
	.navbar-brand img{ width:200px; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
	.on-scroll .navbar-brand img{ width:150px; }
	.navbar{ border-top:10px solid #fbab18; border-bottom:0px solid #fbab18; }
	.navbar.on-scroll{ border-top:0px solid #fbab18; border-bottom:4px solid #fbab18; }
	.section-card{ text-align:center; /*background-image:url("../img/young-791849_1920.jpg"); background-size:cover; background-position:center center;*/ }
	.section-card h1{ font-size:2.5rem; margin-top:1rem; }
	.section-card p{ font-size:1rem; line-height:1.2; }
	.section-card .secondary-text{ display:grid; margin:1rem 0; }
	.section-card .secondary-text span{ font-size:1.6rem; font-weight:bold; }
	.section-card .secondary-text span:nth-child(2){ font-size:1.75rem; }
	
	
	
	.hero-asset-date{ height:40px; margin-bottom:1rem; z-index: 10000; position: relative; }
	.hero-asset-1{ position:absolute; top:58px; left:8px; width:35px; opacity:0.2; }
	.hero-asset-2{ position:absolute; z-index:-1; top:200px; right:5px; width:30px; opacity:0.2; }
	.hero-asset-3{ position:absolute; z-index:-1; top:85px; right:10px; width:50px; opacity:0.2; }
	.hero-asset-4{ width:180px; position:absolute; top:-20px; left:10px; opacity:0.2; }
}

/*between 576px and 768px*/
@media (min-width: 576px) and (max-width: 768px) {
	.navbar{ border-top:20px solid #fbab18; border-bottom:0px solid #fbab18; }
	.navbar.on-scroll{ border-top:0px solid #fbab18; border-bottom:8px solid #fbab18; }	
	.section-card h1{ font-size:3rem; text-shadow:5px 5px 5px rgba(000,000,000,0.3); }
	.hero-asset-date{ height:50px; margin-bottom:6rem; }
	.hero-asset-1{ position:absolute; top:70px; left:28px; width:35px; }
	.hero-asset-2{ position:absolute; z-index:-1; top:200px; right:-5px; width:30px; }
	.hero-asset-3{ position:absolute; z-index:-1; top:85px; right:10px; width:50px; }
	.hero-asset-4{ width:180px; position:absolute; top:-20px; left:-20px; }
	
}

/*less than 768px*/
@media (max-width: 768px){
	.section-card .container{ background-position:center 400px; background-size:90%; }
}

/*between 768px and 992px*/
@media (min-width: 768px) and (max-width: 992px) {	
	.navbar{ border-top:20px solid #fbab18; border-bottom:0px solid #fbab18; }
	.navbar.on-scroll{ border-top:0px solid #fbab18; border-bottom:8px solid #fbab18; }
	.section-card h1{ font-size:4rem; text-shadow:5px 5px 5px rgba(000,000,000,0.3); }
	.hero-asset-date{ height:60px; margin-bottom:2rem; }
	.hero-asset-1{ position:absolute; top:55px; left:40px; width:50px; }
	.hero-asset-2{ position:absolute; z-index:-1; top:200px; right:-60px; width:50px; }
	.hero-asset-3{ position:absolute; z-index:-1; top:60px; right:0px; width:90px; }
	.hero-asset-4{ width:220px; position:relative; top:50px; }	
}

/*less than 992px*/
@media (max-width: 992px) {
	
	.navbar.on-scroll{ top:0%; bottom:initial; margin-bottom:0px; z-index: 100000; background-color:#fff; }
	.navbar-brand img{ width:200px; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
	
	#heroVideo video{ left: -75%; }
	
	.section-card .container::before{ background-size:100%; }

	section h2{ font-size:3rem!important; }
	.section-measures h2{ font-size:2rem!important; }
	
	.section-measures .fg-box{ margin-left:auto; margin-right:auto; height:initial; min-height:250px; }
	
	.accordion-row{ min-width:auto!important; }
	.section-nextsteps p{ padding:0.25rem; }
	.section-nextsteps .card-header h3 button{ font-size:1.1rem; text-align:left; }
	.section-nextsteps .card-header h3 button i{ position:absolute; right:1rem; top:1.2rem; font-size:1.2rem; }

	.brexit-box h3{ text-align:center; }
	
}

/*more than 992px*/
@media (min-width: 992px) {	
	
}

/*between 992px and 1200px*/
@media (min-width: 992px) and (max-width: 1200px) {
	.navbar{ border-top:20px solid #fbab18; border-bottom:0px solid #fbab18; }
	.navbar.on-scroll{ border-top:0px solid #fbab18; border-bottom:8px solid #fbab18; }
	.section-card h1{ font-size:5rem; text-shadow:5px 5px 5px rgba(000,000,000,0.3); }
	.hero-asset-1{ position:absolute; top:60px; left:90px; width:50px; }
	.hero-asset-2{ position:absolute; z-index:-1; top:200px; right:-80px; width:70px; }
	.hero-asset-3{ position:absolute; z-index:-1; top:60px; right:35px; width:100px; }
	.hero-asset-4{ width:300px; position:relative; top:30px; }
}

/*more than 992px*/
@media (min-width: 1300px) {
	
}

@media (min-aspect-ratio: 16/9) {
  #heroVideo video {
    width: 100%;
    height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  #heroVideo video{
    width: auto;
    height: 100%;
  }
}