/** Cspire fonts Classes start **/
#wrapper .container-fluid {
	padding:0;
}
/* Comfortaa Font Class */
.comfortaa-normal{
  font-family: "comfortaa", Arial, sans-serif;
}
.comfortaa-bold{
  font-family: "comfortaa", Arial, sans-serif;
  font-weight: 700;
}
.comfortaa-semi{
  font-family: "comfortaa", Arial, sans-serif;
  font-weight: 500;
}

/* Montserrat Font Class */
.montserrat-normal{
  font-family: "Montserrat", Arial, sans-serif;
}
.montserrat-bold{
  font-family: "Montserrat", Arial, sans-serif;
  font-weight:700;
}
.montserrat-semi{
  font-family: "Montserrat", Arial, sans-serif;
  font-weight:500;
}

/* Barlow Semi Condensed Font Class */
.barlow-semi-condensed-normal{
  font-family: "barlow-semi-condensed-narrow", Arial, sans-serif;
}
.barlow-semi-condensed-bold{
  font-family: "barlow-semi-condensed-narrow", Arial, sans-serif;
  font-weight:700;
}
.barlow-semi-condensed-semi{
  font-family: "barlow-semi-condensed-narrow", Arial, sans-serif;
  font-weight:500;
}

/** Cspire fonts Classes end **/

/** Cspire Colors Classes Start **/

.cs-white {
	color:#ffffff;
}
.cs-blue {
  	color:#28C2FE;
}
.cs-black {
	color: #131E29;
}
/** Cspire Colors Classes End **/

/** cspire rebranding Start **/
.columns {
	margin:0;
}
.full-width {
	width:100%;
}
.marginless {
	margin:0;
}
.poweredBy{
  margin-top: 15px;
  padding-right: 10px;
  color: #B1B4BF;
  font-size:20px;
}

footer.footer{
  height:244px;
  background-color:#F2F2F2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.address-bar-naviblue{
  background-color: #0F3D58;
  color: #ffffff;
  padding: 5px;
  font-size:15px;
}

.main-card-container{
	top:unset;
}

.cart-container {
  width:100%;
  max-width:100%;
  padding:0;
}

.card-content{
	padding:0;
}

.subtitle.is-4{
	font-size: 2.9375rem;
}
.progress-bar-text {
  position: relative;
  top: 2.2rem;
  text-align: center;
  z-index: 1;
  font-size: 1.6875rem;
  line-height: 1.2rem;
}

.address-status-header {
  font-size: 31px;
    position: absolute;
    /* top: 160px; */
    width: 50%;
    text-align: left;
    font-weight: bold;
    margin: 10px 5%;
    height: 100%;
    align-items: center;
}
@media screen and (max-width: 1024px) {	
  .address-status-header {	
    font-size: 25px;	
  }	
}
@media screen and (max-width: 991px) {
  .address-status-header {
    font-size: 25px;
    top: 10px;
    width: 40%;
  }
}
.backer-lang-title {
  font-size:1.5rem;
  letter-spacing: -1.15px;
  color: #444444;
  padding-bottom: 20px;
  float: left;
  width: 100%;
  font-weight:500 !important; /* has to add !important because existing css overrite property */
}

.backer-lang-description {
  font-size:1.5rem;
  letter-spacing: -1.15px;
  color: #444444;
  text-align:left;
  font-weight:normal !important; /* has to add !important because existing css overrite property */
}
.remote-contact-description {
  font-size: 1.25rem;	
  letter-spacing: 0;	
}
.bakcer-lang-link {
  font-size:1.25rem;
  text-decoration:none;
  color:#28C2FE;
}

.bakcer-lang-link:hover {
  text-decoration:none;
  color:#28C2FE;
}
.zone-description {
	padding: 0 4% 2% 4%;
}
.form-title {
	font-size:1.75rem;
}
.form-padding {
	padding:3% 4%;
}
.register-form {
  background:none;
  padding:0;
}
.contact-form .columns:not(:last-child) {
	margin-bottom:0;
}

.contact-form .notification:not(:last-child).register-form {
	margin-bottom:0px;
}
.control.has-icon.has-icon-right .input{
	border-radius:0px;
  	margin:0;
}
.contact-form .input[type="text"] {
	background: #FFFFFF;
	border: 1px solid #707070;
	opacity: 1;
  	border-radius:0px;
	height: 57px;
}
.button-div {
	display:flex;
	align-items:center;
  	justify-content:center;
}
.para-top-padding {
	padding-top:1%;
}
.hero-body{
	padding:0;
}
.service-locator-section {
	padding:3% 4%;
}
.progress {
	background-color:#ffffff;
}
.is-backgroundless {
	background:none;
}
.is-leftpaddingless {
	padding-left:0;
}
.is-rightpaddingless {
	padding-right:0;
}
#existing_account .label {
	font-size:1.5rem;
}
@media screen and (max-width: 768px) {
  .address-status-header {
    font-size: 20px;
    width: 35%;
    margin: 0;
    padding-left: 15px;
  }
	.remote-contact-description {
     font-size: 1rem;	
  }
}

@media screen and (max-width: 600px) and (min-width: 500px){
  .address-status-header {
    font-size: 15px;
    width: 25%;
    top: 90px;
  }
}
/* CSS for Mobile Screens */
@media screen and (max-width: 600px) { 
  	.poweredBy {
    	text-align:center;
      	font-size:3.73vw;
    }
  	footer.footer {
    	height:auto;
    }
	.backer-lang-title {
    	font-size:5.33vw;
    }
  	.backer-lang-description {
    	font-size:5.33vw
    }
    .zone-description {
    	padding: 10% 4%;
	}
    .subtitle.is-4 {
    	font-size: 10.67vw;
	}
  	.progress-bar-mobile{
    	padding: 0 4%;
    }
  	.remote-contact-description {
      font-size: 16px;	
	}	
}
@media screen and (max-width: 500px) {
  .address-status-header {
    position: relative;
    width: 90%;
    margin: 10px auto;
    top: 0;
    align-items:flex-start;
	height:auto;
  }
  .hero-img-view-mb {
    padding: 0 0 0 0.75rem;
  }
}
@media screen and (min-width: 767px){
	.image-div-tablet{
    	display:flex;
      	align-items:center;
      	justify-content:flex-end;
      	padding:0;
    }
    .zone-description {
    	padding: 0 4% 3% 4%;
	}
}
@media screen and (min-width: 769px){
	.image-div-tablet{
    	display:flex;
      	align-items:center;
      	justify-content:flex-end;
      	padding:0;
    }
    .zone-description {
    	padding: 0 4% 3% 4%;
	}
}

/** cspire rebranding End **/