body {
  background-color:#000;
  color:#fff;  
}

* { color:#fff; text-decoration: none;}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  	position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
    object-fit: cover;
}

#title {position: absolute;
  top: 40%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;z-index:0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;}

#main-number{position: absolute;
  top: 49%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;z-index:0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;}
.main-number-color {color: #00acee;}
.bolder {color:#202d45; font-weight:600}
.bullet {color:#05cafe;}

@media screen and (min-width: 1200px) {
/* Add some content at the bottom of the video/page */
#title {font-size:50px;letter-spacing: -3px;line-height:45px;}
#main-number {font-size:75px;letter-spacing: -3px;line-height:45px;}
#menu {display: block;}
#mobile-menu{display: none;}
.navbar {font-size:15px;letter-spacing: 2px;}
.navbar a{padding: 20px 19px;}
#content p {font-size:16px;line-height:30px;padding-top:30px;letter-spacing: 1px;}
#content-blue p {font-size:16px;line-height:30px;padding-top:30px;letter-spacing: 1px;}
#content-testimonials p {font-size:16px;line-height:30px;padding-top:30px;letter-spacing: 1px;}
h2 {font-size: 32px;color: #202d45;line-height:42px; font-weight:400;letter-spacing: 1.5px;text-transform:none;}
h3 {font-size: 25px;color: #202d45;line-height:45px;letter-spacing: 1.5px;font-weight: 400;}
h4 {font-size: 14px;color: #fff;line-height:30px;letter-spacing: 1px;}
#content ul li {font-size:16px;line-height:30px;padding-top:30px;letter-spacing: 1px;color: #202d45;}
	
#content { position: relative;  padding-left: calc(10% + 20px);
  padding-right: calc(10% + 20px);min-height: 25rem; padding-top: calc(3% + 20px);
	    padding-bottom: calc(3% + 20px);
		
background: rgb(255,255,255);
		}
#price-table {background: #f7f7f7;height: auto;overflow: hidden;padding-top: calc(3% + 20px);
	    padding-bottom: calc(3% + 20px);padding-left: calc(2% + 20px);
  padding-right: calc(2% + 20px);
background: rgb(221,221,221);
background: -moz-radial-gradient(circle, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 65%, rgba(255,255,255,1) 100%);
background: -webkit-radial-gradient(circle, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 65%, rgba(255,255,255,1) 100%);
background: radial-gradient(circle, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 65%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dddddd",endColorstr="#ffffff",GradientType=1);
  }
#content-blue { position: relative;  padding-left: calc(1% + 5px);
  padding-right: calc(1% + 5px);min-height: 25rem; padding-top: 5%;
	    padding-bottom: 6%;background-color:#05cafe;}
#content-testimonials { position: relative;  padding-left: calc(3% + 20px);
  padding-right: calc(3% + 20px);min-height: 25rem; padding-top: calc(3% + 20px);
	    padding-bottom: calc(3% + 20px);}		
	#portrait-desktop {display: block;}
#portrait-mobile {display: none;}
}
@media screen and (min-width: 961px) and (max-width: 1199px) {
/* Add some content at the bottom of the video/page */
#title {font-size:44px;letter-spacing: -3px;}
#main-number {font-size:45px;letter-spacing: -3px;}
#menu {display: block;}
#mobile-menu{display: none;}
.navbar {font-size:14px;letter-spacing: 2px;}
#content p {font-size:15px;line-height:28px;padding-top:28px;letter-spacing: 1px;}
#content-blue p {font-size:15px;line-height:28px;padding-top:28px;letter-spacing: 1px;}
#content-testimonials p {font-size:15px;line-height:28px;padding-top:28px;letter-spacing: 1px;}
.navbar a{padding: 19px 9px;}
h2 {font-size: 31px;color: #202d45;line-height:35px; font-weight:400;letter-spacing: 1.5px;text-transform:none;}
h3 {font-size: 20px;color: #202d45;line-height:35px;letter-spacing: 1.5px;font-weight: 400;}
h4 {font-size: 13px;color: #fff;line-height:29px;letter-spacing: 1px;}
#content ul li{font-size:15px;line-height:28px;padding-top:28px;letter-spacing: 1px;color: #202d45;}

#content { position: relative;  padding-left: calc(10% + 20px);
  padding-right: calc(10% + 20px);min-height: 25rem; padding-top: calc(5% + 20px);
	    padding-bottom: calc(3% + 20px);
		background: rgb(255,255,255);
		}
#price-table {background: #f7f7f7;height: auto;overflow: hidden;padding-top: calc(3% + 20px);
	    padding-bottom: calc(3% + 20px);padding-left: calc(2% + 20px);
  padding-right: calc(2% + 20px);}
#content-blue { position: relative;  padding-left: calc(1% + 5px);
  padding-right: calc(1% + 5px);min-height: 25rem; padding-top: 5%;
	    padding-bottom: 10%;background-color:#05cafe;}
#content-testimonials { position: relative;  padding-left: calc(3% + 20px);
  padding-right: calc(3% + 20px);min-height: 25rem; padding-top: calc(3% + 20px);
	    padding-bottom: calc(3% + 20px);}	
	#portrait-desktop {display: block;}
#portrait-mobile {display: none;}
}
@media screen and (max-width: 960px) {
/* Add some content at the bottom of the video/page */
#title {font-size:32px;letter-spacing: -2px}
#main-number {font-size:28px;letter-spacing: -2px}
#menu {display: none;}
#mobile-menu{display: block;}
.navbar {font-size:15px;letter-spacing: 2px;}
#content p {font-size:16px;line-height:26px;padding-top:26px;letter-spacing: 1px;}
#content-blue p {font-size:16px;line-height:26px;padding-top:26px;letter-spacing: 1px;}
#content-testimonials p {font-size:16px;line-height:26px;padding-top:26px;letter-spacing: 1px;}
.mobbar {font-size:15px;letter-spacing: 3px;}
.navbar a{padding: 19px 6px;}
h2 {font-size: 30px;color: #202d45;line-height:34px; font-weight:400;letter-spacing: 1.5px;padding-bottom:6px;text-transform:none;}
h3 {font-size: 18px;color: #202d45;line-height:26px;letter-spacing: 1.5px;font-weight: 400;}
h4 {font-size: 13px;color: #fff;line-height:30px;letter-spacing: 1px;}
#content ul li {font-size:16px;line-height:20px;padding-top:26px;letter-spacing: 1px;color: #202d45;}
#content li:not(:last-child) {margin-bottom: 12px;}
	
#content { position: relative;  padding-left: calc(5% + 5px);
  padding-right: calc(5% + 5px);min-height: 25rem; padding-top: calc(5% + 30px);
	    padding-bottom: calc(3% + 20px);
		background: rgb(255,255,255);
		}
#price-table {background: #f7f7f7;height: 100%;overflow: hidden;padding-top: calc(5% + 20px);
	    padding-bottom: calc(3% + 20px);padding-left: calc(1% + 5px);
  padding-right: calc(1% + 5px);
  
  }
#content-blue { position: relative;  padding-left: calc(1% + 5px);
  padding-right: calc(1% + 5px);min-height: 25rem; padding-top: 5%;
	    padding-bottom: 15%;background-color:#05cafe;}
#content-testimonials { position: relative;  padding-left: calc(1% + 5px);
  padding-right: calc(1% + 5px);min-height: 25rem; padding-top: calc(3% + 20px);
	    padding-bottom: calc(3% + 20px);}
#portrait-desktop {display: none;}
#portrait-mobile {display: block;}
}

#content ul li{	
	list-style: none;
	list-style-position: inside;
    padding: 0px 0px 0px 30px;
    text-indent: -1.2em;
}
#content ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color:  #05cafe; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; margin-bottom: 3px;margin-right:0px;margin-left:20px;/* Needed to add space between the bullet and the text */
  width: 0em; /* Also needed for space (tweak if needed) */
}

@media screen and (orientation:landscape) and (max-width: 960px) {
	#content p {font-size:11px;line-height:18px;padding-top:26px;letter-spacing: 1px;}
#content-blue p {font-size:11px;line-height:18px;padding-top:26px;letter-spacing: 1px;}
#content-testimonials p {font-size:11px;line-height:18px;padding-top:26px;letter-spacing: 1px;}
	
	#content ul li {font-size:11px;line-height:15px;letter-spacing: 1px;color: #202d45;}
#content li:not(:last-child) {margin-bottom:12px;}
	#content ul li{	
	list-style: none;
	list-style-position: inside;
    padding: 0px 0px 0px 30px;
    text-indent: -1.9em;}
}

.subtitle:after {
    content: "";
    display: block;
    width: 20%;
    padding-top: 20px;
    border-bottom: 3px solid #05cafe;
	
}

.subtitle-center:after {
    content: "";
    display: block;
	margin: 0 auto;
    width: 20%;
    padding-top: 20px;
    border-bottom: 3px solid #05cafe;
	
}


#content p {color: #202d45;}
#content-blue p {color: #fff;text-align:center;}
#content-testimonials p {color: #565656;}


#bg-overlay {opacity: .5;position: absolute;
 z-index:-1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: url(/images/pattern.png);repeat:repeat;}
	
/* MAIN Nav */
.navbar { 
  postion: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color: rgba(15, 20, 43, .6);
/*  background-image:linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.8)); */
  max-height: 340px; /* Have a max-height */
  overflow: hidden; 
  z-index:1;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  padding-left: 19px;
  
}

.navbar a {
  float: left;
  display: block;
  color: #05cafe;
  text-align: center;
  text-decoration: none;
}

/* Change background on mouse-over */
.navbar a:hover {
  color: black;
}

/* Right-aligned section inside the top navigation */
.nav-right {
  float: right; padding-right:38px;margin-top:22px;
}

/* MOBILE Nav */
.mobbar { 
  postion: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color: rgba(15, 20, 43, .9);
/*  background-image:linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.8)); */
  max-height: 340px; /* Have a max-height */
  overflow: hidden; 
  z-index:1;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

.mobbar a {
  float: none;
  display: block;
  color: #05cafe;
  text-align: right;
  text-decoration: none;padding: 18px 18px 18px 18px;
}

/*Neon FX*/
.neon a {
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  color: #05cafe;
}

.neon a:hover {
  -webkit-animation: neon 1.5s ease-in-out infinite alternate;
  -moz-animation: neon 1.5s ease-in-out infinite alternate;
  animation: neon 1.5s ease-in-out infinite alternate;
}

.neon a:hover {
  color: #ffffff;
}
/*glow for webkit*/

@-webkit-keyframes neon {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fbe58a, 0 0 70px #fbe58a, 0 0 80px #fbe58a, 0 0 100px #fbe58a, 0 0 150px #fbe58a;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fbe58a, 0 0 35px #fbe58a, 0 0 40px #fbe58a, 0 0 50px #fbe58a, 0 0 75px #05cafe;
  }
}

header {
  position: relative;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}
/*Header height hack for VH100 bug to counter the added bottom padding on mobiles*/
@media screen and (max-width: 767px) {
header {height: calc(100vh - 75px);}
}


#container {background-color: #fff; 
  position: relative;  height: 100%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  z-index: 2;
  
}

		
		
#content-blue{background: linear-gradient(180deg, #182234, #182234, #182234);
background-size: 600% 600%;

-webkit-animation: Faded 27s ease infinite;
-moz-animation: Faded 27s ease infinite;
animation: Faded 27s ease infinite;}

@-webkit-keyframes Faded {
    0%{background-position:93% 0%}
    50%{background-position:0% 100%}
    100%{background-position:93% 0%}
}
@-moz-keyframes Faded {
    0%{background-position:93% 0%}
    50%{background-position:0% 100%}
    100%{background-position:93% 0%}
}
@keyframes Faded {
    0%{background-position:93% 0%}
    50%{background-position:0% 100%}
    100%{background-position:93% 0%}
}



footer {clear: both;}
  
#footer {height:auto;padding: 40px 40px 40px 40px;background-color:#202d45;font-family: 'Montserrat', sans-serif;font-size: 12px;color: #05cafe;line-height: 14px;}

@media screen and (min-width: 0px) and (max-width: 767px){
  #copyright { display: none; }  
  #copyrightshort { display: inline; }  
  .copyright {font-size: 10px; color: #05cafe; text-align:center; line-height: 12px;}
}
@media screen and (min-width: 768px) {
  #copyright { display: inline; }
  #copyrightshort { display: none; }  
  .copyright {font-size: 12px; color: #05cafe; text-align:center; line-height: 14px;}
}

.developer {font-size: 12px; color: #05cafe; opacity: 1;text-decoration:none; display: inline-block;border-bottom:1px solid #05cafe;position: relative;line-height: 14px;}
 
.developer::after {
    content: '';
    display: block;
    width: 0;
    height: 1px; opacity: 1;-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;    
    background: #fff;
    transition: width .3s;	
	position:absolute;
	bottom: -1px;
}

.developer:hover::after {
    width: 100%;
}

.white {color:#fff;text-align:center;}
.antispam { display:none;}
.contact-details {color:#fff;text-align:center;letter-spacing: 1px;}

.contact-details-title {color:#05cafe;text-align:center;letter-spacing: 1px;}

.contact-bar {position: relative;  padding-left: calc(10px);
  padding-right: calc(10px);min-height: 100%; padding-top: calc(3% + 20px);
	    padding-bottom: calc(3% + 20px);background-color: #202d45; text-align:center; letter-spacing: 1px;}
		

.quote-top {position: relative; z-index:9999;padding-top: calc(2% + 10px);
	    padding-bottom: calc(2% + 10px);
  top: 45%;text-align:center;font-family: 'Montserrat', sans-serif;letter-spacing: 1px;}


.btn {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 45px;
  padding: 1em 2em 1em 2em;
  max-width: 100%;
  position: relative;
  text-decoration: none;
  text-transform: none;
  width: 100%;
  background-color: #00acee;border-radius: 12px;
}

.btn:hover {
  text-decoration: none;color: #fff;
}


.btn-edge {

  transition: all 360ms ease;
}

.btn-edge:hover {

	background-color: #50c2ee;

}


#video-intro{position: relative;text-align:center;top:43%;}

.center {
    margin: 0 auto;text-align:center;}

.round-button {
	box-sizing: border-box;
	display:block;
	width:80px;
	height:80px;
	padding-top: 14px;
	padding-left: 8px;
	line-height: 20px;
	border: 6px solid #fff;
	border-radius: 50%;
	color:#05cafe;
	text-align:center;
	text-decoration:none;
	background-color: rgba(0,0,0,0.5);
	font-size:20px;
	font-weight:normal;
	
	
	
	transition: all 0.3s ease;animation: pulse 2s infinite;
}
.round-button:hover {
	background-color: rgba(0,0,0,0.6);
	box-shadow: 0px 0px 10px rgba(255,255,255,1);
	text-shadow: 0px 0px 10px rgba(255,255,255,1);
}

.fa-play {color:#fff;}

.pulse {
  margin:100px;
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #cca92c;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 8px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}



/*Cookie Consent Begin*/
#myCookieConsent {
    z-index: 999;
    min-height: 20px;
    font-family: 'Montserrat', sans-serif;
    padding: 10px 20px;
    background: rgba(0,0,0,0.6);
    overflow: hidden;
    position: fixed;
    color: #FFF;
    bottom: 0px;
    right: 0px;
    display: none;
    left: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}
#myCookieConsent div {
    padding: 5px 0 0;
}
#myCookieConsent a {
    color: #05cafe;
    display: inline-block;
    padding: 1px 10px 0px 10px;
}
#myCookieConsent a:hover {
	color: #fff;
}
#myCookieConsent a#cookieButton {
    display: inline-block;
    color: #000000;
    font-size: 15px;
	background: #00dd00;
    text-decoration: none;
    cursor: pointer;
    padding: 6px 14px 6px 14px;
    float: right;
    border-radius: 3px;
}
#myCookieConsent a#cookieButton:hover {
    background: #05cafe;
	color: #fff;
}
/*Cookie Consent End*/

.logo { width: 226px; height: 60px; background-image: url(/images/supercharged-removalists-group-blue-logo.png);
      background-size: 226px 60px;
	  background-repeat: no-repeat;
      background-position: left top; }
	  
.map {padding-left:15%; padding-right:15%;}

.portrait {    
    max-width: 250px;
    width: 100%;
    height: auto;background: #202d45;
    margin: 40px 40px 40px 40px; outline: 3px solid #05cafe;border-radius: 50%;
    float: right;} 

.portrait-mobile {    
    max-width: 250px;
    width: 100%;
    height: auto;background: #202d45;
    margin: 40px 2px 10px 2px; outline: 3px solid #05cafe;border-radius: 50%;
	} 

.dot {
  height: 6px;
  width: 6px;
  background-color: #05cafe;
  border-radius: 50%;
  display: inline-block;margin-bottom: 3px;margin-right:10px;margin-left:2px;
}
	
.icon {max-width: 180px; height:auto;margin-left:15px; margin-right:15px; margin-top:30px; margin-bottom: 30px;}

.fa-phone, .fa-map-marker, .fa-envelope {
  color: #05cafe;
}

.blue {color: #05cafe;}

.white {color: #ffffff;}