@charset "utf-8";
html {
	font-size:16px;
	scroll-behavior: smooth;
}
.responsive-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.navbar h1 {
	font-weight: bold;
}
.navbar-brand .siteicon {
	filter: invert(100%);
	width:35px;
}
a {
	-webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
         -o-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;
}
.hero-unit {
	position: relative;
	overflow: hidden;
	min-height: calc(100vh - 75px);
	background: url(/img/phone.jpg) no-repeat center;
	background-size: cover;
}
.hero-unit h2 {
	font-size: 3em;
	font-weight: 900;
}
.hero-unit h3 {
	color: #282828;
}
.section-heading h2 {
	font-size: 3em;
	/*font-weight: 900;*/
}
.section-heading p {
	color: #c2c2c2;
	font-size: 2em;
}
.grey-bg {
	background-color: #f5f5f5;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	min-height: 50vh;
}
.grey-bg + .grey-bg {
	border-top: none;
}
.howworks-bg {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	background: url(/img/pfi-map-bg.jpg) no-repeat center;
	background-size: cover;
}
.toggle-handle.btn.btn-default {
	background-color: #fff;
}
.searchform {
	background-color: rgba(219, 219, 219, 0.7);
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.accordion .card-header {
	border-bottom-width: 1px;
}
#fc_frame, #fc_frame.fc-widget-normal {
	left: 15px !important;
	right: 0 !important;
}
.has-error .help-block {
	color: #ff0000;
	line-height: normal;
}
/* Radio and Checkbox CSS */
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}
.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 2px solid #282828;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 16%;
	left: 11%;
}
.radio .cr .cr-icon {
    margin-left: 0.04em;
}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}
.checkbox label input[type="checkbox"]:checked + .cr,
.radio label input[type="radio"]:checked + .cr {
	border: 2px solid #282828;
}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

/*************/
/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
}
#main-content {
  flex: 1 0 auto;
}
.footer {
  flex-shrink: none;
}
.border-inside{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/* Home page */
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-grey {
  border-color: #d9d9d9 !important;
}
.step-2-box {
  border-radius: 2rem !important;
}
.step-2 {
  position: relative;
}
.step-arrow::after {
  content: "";
  width: 24px;
  height: 24px;
  right: -24px;
  top: 0;
  position: absolute;
  z-index: 999;
  border-left: 12px solid #ff9000;
  border-right: 12px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}
.main-form-check {
  margin-right: -55px;
  margin-top: 11px;
}
.main-form-check .fa-check-circle {
  color: #21eb00;
}
.main-form-times {
  margin-right: -55px;
  margin-top: 11px;
  color: #ff0000;
}
.question-icon {
  margin-top: -3px;
}
.radio-label:first-child {
  border-top-left-radius: 50rem;
  border-bottom-left-radius: 50rem;
}
.radio-label:nth-child(3) {
  border-top-right-radius: 50rem;
  border-bottom-right-radius: 50rem;
}
.radio-label {
  background: #ebebeb;
}
.radio-label:hover {
  font-weight: bold;
  color: #000;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #ff9000;
  font-weight: bold;
}

/* payment */
.card-header.m-0{
  margin-bottom: -3px !important;
}
.step-3-box {
  border-radius: 0.9rem !important;
  border-bottom: 0 !important;
}
.step-3-box:last-child {
  border-bottom: 3px solid #cdcdcd !important;
}
.step-3-box-inner {
  border-bottom-left-radius: 0.9rem !important;
  border-bottom-right-radius: 0.9rem !important;
  border-top-right-radius: 0.7rem !important;
  border-top-left-radius: 0.7rem !important;
}
.accordion-payment [aria-expanded="true"]{
  background: #ececec;
  border-bottom-left-radius: 0.8rem !important;
  border-bottom-right-radius: 0.8rem !important;
}
.payment-method{
  cursor: auto !important;
}
.payment-method span,
.payment-method .collapsed span {
  display: inline-block;
  color: black;
  font-weight: 900;
}

.payment-method span:before {
  content: "";
  height: 20px;
  width: 20px;
  background: #009ae1;
  border-radius: 1000px;
  display: inline-block;
  float: left;
  border: 2px solid #fff;
  box-shadow: 0 3px 0 0 black; 
  box-shadow: 0 -3px 0 0 black;
  box-shadow: -3px 0 0 0 black;
  box-shadow: 3px 0 0 0 black;
  box-shadow: 0 0 0 3px black;
  margin-right: 10px;
  margin-top: 3px;
}

.payment-method.collapsed span:before {
  content: "";
  height: 20px;
  width: 20px;
  background: #fff;
  box-shadow: 0 3px 0 0 black; /* Border bottom */
  box-shadow: 0 -3px 0 0 black; /* Border top */
  box-shadow: -3px 0 0 0 black; /* Border left */
  box-shadow: 3px 0 0 0 black; /* Border right */
  box-shadow: 0 0 0 3px black; /* All the borders by using the spread properties */
  border-radius: 1000px;
  display: inline-block;
}

.visa-master::after{
	content: "";
	background: url(../img/visa-master.png);
	float: right;
	margin-top: 3px;
	height: 20px;
	width: 67.2px;
	background-size: 100% 100%;
  }
  .paypal::after{
	content: "";
	background: url(../img/paypal.png);
	float: right;
	margin-top: 4px;
  height: 16px;
  width: 67px;
	background-size: 100% 100%;
  }
  .apple-pay::after{
	content: "";
	background: url(../img/apple-pay.png);
	float: right;
	margin-top: 6px;
  height: 18px;
  width: 45px;
	background-size: 100% 100%;
  }
  #ApplePayButton > a{
    border: 2px solid black;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 20px;
  }
  #ApplePayButton > a:hover, #GooglePayButton > a:hover{
    text-decoration: none;
  }
  .google-pay::after{
    content: "";
    background: url(../img/google-pay.png);
    float: right;
    margin-top: 6px;
    height: 18px;
    width: 45px;
    background-size: 100% 100%;
  }
  #GooglePayButton > a{
    box-shadow: 0 1px 4px rgba(0,0,0,0.5);
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 20px;
    background: #fefefe;
  }

  
/************/
.header-logo{
  max-width: 200px;
}
.back-to-top{
  position: fixed;
  bottom: 0;
  right: 0;
}

/* Mobile Styles */

/* SM */
@media (min-width: 576px) and (max-width: 767px) {
	
}
/* END SM */

/* XS */
@media (max-width: 575px) {
	.navbar h1 {
		font-size: 2rem;
  }
  .header-logo{
    max-width: 150px;
  }
  .amazon-pay::after {
    margin-top: 9px;
    width: 50px;
    background-size: 100% 100%;
    height: 10px;
  }
  .visa-master::after {
    margin-top: 5px;
    width: 45.6px;
    background-size: 100% 100%;
    height: 14px;
  }
  .paypal::after {
    margin-top: 8px;
    height: 12px;
    width: 50px;
    background-size: 100% 100%;
  }

}
/* END XS */

/* iPhone */
@media (max-width: 376px) {
	.navbar h1 {
		font-size: 1.6rem;
	}
	.navbar-brand .siteicon {
		width: 18px;
	}
	.iphone-hide {
		display: none;
	}
}
/* END XS */

/* END Mobile Styles */