@media only screen and (max-width: 600px) {
	.fb-btn-group-flex{
		display: inline-flex !important;
		flex-direction: column-reverse;
	}
	
	.fb-box-down{
	margin-top: 0px;
	}
}

body{
	direction: rtl;
	}
	
div.page {
          page-break-after: always; 
          page-break-inside: avoid;
}
	
.main-content{
	display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url("/images/bg-img.png") no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    /*
	 background-image: url("/images/white-sandy-beach-20141-1920x1200_1.jpg");
	background-repeat: no-repeat;
	background-size: cover;*/
}

.main-content-sarvan{
	display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: rgb(192,192,192) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    /*
	 background-image: url("/images/white-sandy-beach-20141-1920x1200_1.jpg");
	background-repeat: no-repeat;
	background-size: cover;*/
}

.main-content-compare{
	display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: rgb(216,236,251);
background: linear-gradient(180deg, rgba(216,236,251,0.6728816526610644) 26%, rgba(255,255,255,1) 100%);/* ,url("/images/designer-bg2.png") */;
	
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    /*
	 background-image: url("/images/white-sandy-beach-20141-1920x1200_1.jpg");
	background-repeat: no-repeat;
	background-size: cover;*/
}

.row{
	margin: 0px !important;
}

.logo-img{
    height: 60px;
}

.daterangepicker .calendar th, .daterangepicker .calendar td{
	min-width: 0px !important;
}

label.contact-form{
	display: block;
	text-align: right;
	font-weight: normal;
}

.stepwizard-step p {
    margin-top: 0px;
    color:#666;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    /*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.lead-form-title{
	font-size: 35px;
	font-weight: bold;
	color: white;
}

.lead-form-subtitle{
	font-size: 20px;
	font-weight: bold;
	color: white;
}

.pc-text, .team-text, .insurance-loader{
	font-size: 18px;
}

.company-list {
	/* display: -webkit-box; */
	/* display: -ms-flexbox; */
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	box-shadow: 0 3px 12px 2px rgba(140, 175, 199, .19);
	border-radius: 27px;
	background-color: rgba(255, 255, 255, .8);
	padding: 15px 10px;
	position: relative;
	z-index: 1;
	margin-right: auto;
	margin-left: auto;
}

.company-list .list-title {
	position: absolute;
	left: auto;
	right: auto;
	top: -10px;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	left: 50%;
	bottom: auto;
	color: #fff;
	font-size: 13px;
	background-color: #4b4f63;
	border-radius: 12px;
	box-shadow: 0 2px 12px 2px rgba(140,175,199,.19);
	padding: 2px 25px;
}

.footer-bottom {
    color: white;
    text-align: center;
}

.footer-bottom a:link {
    text-decoration: none;
    color: white;
}

.footer-bottom a:visited {
    text-decoration: none;
    color: white;
}

.feature-text{
	font-size: 16px;
}

.feature-img{
	margin-right: -15px;
}

.feature-row{
	min-height: 45px;
	
}

.feature-row-60{
	min-height: 60px;
	
}

.aftersaletab{
	padding: 10px;
}

.row.aftersalerow{
	margin-bottom: 10px !important;
}

.affix-top {
  position: relative;
}

.affix {
  position: fixed;
  top: 30px;
}

.affix-bottom {
  position: absolute;
  bottom: 20px;
}

.customerRow{
	border: 1px solid white;
	padding: 8px;
	cursor: pointer;
}

.customerButton.active{
    background: olive !important;
}

#customer_deals td{
	padding: 5px;
	font-size: 14px !important;
}

.info-customer-row{
	background-color: lightblue;
}
.form-group-right{
	float: right;
	margin: 2px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.well.well-primary{
	background: rgb(51, 122, 183);
	color: white;
	border: rgb(51, 122, 183);
}

.well.well-success{
	background: rgb(68, 157, 68);
	color: white;
	border: rgb(68, 157, 68);
}

.stopped_deal_row{
	border-color: red;
	border-width: 1px;
	border-style: dashed;
}

.report_field_num{
	direction: ltr;
	display: inline-block;
}

.report_panel_body th, .report_panel_body tr, .sarvan-panel-aggr-body th, .sarvan-panel-aggr-body tr{
	text-align: right;
}

.report-total-row{
	font-weight: bold;
}

.main-text-color{
	color: rgb(42,87,95);
}

.fb-quesiont-details{
	color: skyblue;	
}

.fb-main-frame{
	border: 1px solid lightblue;	
}

.fb-subtitle{
	font-size: 22px;
	color: rgb(113,162,189);	
}

.fb-title{
	font-size: 32px;
	color: rgb(0,60,127);
	
	/* transform: scale(1.5, 1.5); */
}

.fb-cta{
	font-size: 22px !important;
}

.fb-cta-purchase{
	width: 200px;
	height: 140px;
	margin: 20px;
	text-wrap: auto !important;
	border: 1px solid !important;
	border-radius: 4px !important;
    white-space:normal !important; 
}

.fb-panel-heading{
	background-image: none !important;
}

.fb-explanation-text{
	border: 1px solid;
}

.fb-exp-text, .result-ai-p{
	font-size: 18px;
	color: rgb(113,162,189);	
}

.fb-exp-title, .result-ai-title{
	font-size: 22px;
	color: rgb(0,60,127);
	
	/* transform: scale(1.5, 1.5); */
}

.fb-dynamic-group{
	margin-bottom: 10px;
}

.fb-radio-btn{
	 border: 1px solid !important;
	 border-radius: 4px !important;
    white-space:normal !important;
    width: 115px;
    margin-right: 8px;
    margin-bottom: 5px !important;
    font-size: 15px !important;
}

/* .fb-radio-btn:not(:last-child){
	 margin-right: 10px;
} */

.fb-radio-btn:focus{
    outline: none;
}

.fb-radio-btn.active, .fb-radio-btn:active{
	background-color: skyblue;
}

hr.extralight{
	border: none;
  	height: 1px;
  	/* Set the hr color */
	background-color: #efefef;  /* Modern Browsers */
}

hr.light{
	border: none;
  	height: 1px;
  	/* Set the hr color */
	background-color: #dddddd;  /* Modern Browsers */
}

hr.medium{
	border: none;
  	height: 1px;
  	/* Set the hr color */
	background-color: #afafaf;  /* Modern Browsers */
}

hr.heavy{
	border: none;
  	height: 2px;
  	/* Set the hr color */
	background-color: #808080;  /* Modern Browsers */
}

.top20{
	margin-top: 20px;
}

.top30{
	margin-top: 30px;
}

.fb-faq-answer{
	color: gray;
	font-size: 18px;
}

.fb-alert{
	font-size: 20px;
}

.fb-phone-link:hover, .fb-phone-link:active, .fb-phone-link:link, .fb-phone-link:visited{
	text-decoration: none;
}

.fb-placeholder{
	min-height: 800px;
	padding: 20px;
	text-align: right;
}

.fb-text-orange{
	color: orange;
}

.fb-tooltip{
	color: orange;  
	margin-right: 30px;
}

.fb-tooltip + .tooltip > .tooltip-inner{
	color: orange;
	background-color: white;
	border: 1px solid;
	border-radius: 5px;
	font-size: 16px;
	
}

.fb-dyna-label{
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-right: 1px solid #ccc !important;
	border-left: 0px !important;
}

.fb-dyna-input{
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	border-left: 1px solid #ccc !important;
	border-right: 0px !important;
}

.fb-label{
	width: 80%;
	vertical-align: top;
	font-size: 16px;
}

.top30 > .fb-btn-group:not(:first-of-type){
	margin-top: 10px;
}

.fb-box-down{
	margin-top: 300px;
}

.fb-price-tag{
	font-size: 35px;
}

.fb-price-message{
	color: red;
	min-height: 40px;
}

.fb-price-label{
	font-size: 18px;
}

.fb-price-covers{
	min-height:60px;
}

.fb-price-box{
	border-radius: 8px;
	box-shadow: 2px 2px 4px gray;	
}

/*form styles*/
#msform {
    text-align: center;
    position: relative;
    margin-top: 20px;
}

#msform fieldset .form-card {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 20px 40px 30px 40px;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 20px 3%;

    /*stacking fieldsets above each other*/
    position: relative;
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
div.surveyPage ~ div.surveyPage {
    display: none;
}

#msform fieldset .form-card {
    text-align: left;
    color: #9E9E9E;
}

#msform input, #msform textarea {
    padding: 0px 8px 4px 8px;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 16px;
    letter-spacing: 1px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    font-weight: bold;
    border-bottom: 2px solid skyblue;
    outline-width: 0;
}

/*Blue Buttons*/
#msform .action-button {
    width: 100px;
    background: skyblue;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue;
}

/*Previous Buttons*/
#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161;
}


/*The background card*/
.card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative;
}

/*FieldSet headings*/
.fs-title {
    font-size: 25px;
    color: #2C3E50;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
}

#progressbar .active {
    color: #000000;
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 25%;
    float: left;
    position: relative;
    text-align: center;
    margin-top: 20px;
}

/*Icons in the ProgressBar*/
#progressbar #prog-0:before {
	content: '1';
	font-size: 2em;
	
}

#progressbar #prog-1:before {
    content: '2';
	font-size: 2em;
}

#progressbar #prog-2:before {
    content: '3';
	font-size: 2em;
}

#progressbar #prog-3:before {
    content: '4';
	font-size: 2em;
}

/*ProgressBar before any progress*/
#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

/*ProgressBar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1;
}

/*Color number of the step and the connector before it*/
#progressbar li.active:before, #progressbar li.active:after {
    background: skyblue;
}


/*Fit image in bootstrap div*/
.fit-image{
    width: 100%;
    object-fit: cover;
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 120px;
  height: 20px;
  border-radius: 20px;
  background:
   linear-gradient(orange 0 0) 0/0% no-repeat
   lightblue;
  animation: l2 2s infinite steps(10);
}
@keyframes l2 {
    100% {background-size:110%}
}

 .lp-image-container {
      position: relative;
      width: 100vw;
      height: 100vh;
    }

    .lp-image-container img {
      width: 100%;
      height: 100%;
      object-fit: contain; /* or 'contain' */
      display: block;
    }

    .lp-cta-button {
      position: absolute;
      top: 70%;   /* Adjust: 0% is top, 100% is bottom */
      left: 50%;  /* Adjust: 0% is left, 100% is right */
      transform: translate(-50%, -50%); /* Center the button at the point */
      background-color: #ff5a5f;
      color: white;
      border: none;
      padding: 12px 24px;
      font-size: 1rem;
      border-radius: 8px;
      cursor: pointer;
      box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    }

    .lp-cta-button:hover {
      background-color: #e14d50;
    }
    
    .pipenote-panel { margin-bottom: 20px; }
    .pipenote-passenger-panel { border: 1px solid #ddd; padding: 15px; border-radius: 6px; margin-bottom: 10px; background: #f9f9f9; }
    .coverages { margin-top: 20px; }
    .coverages .form-group { margin-bottom: 15px; }
    .coverages .radio-inline { margin-right: 10px; }
    .coverages label.control-label { font-weight: bold; display: block; margin-bottom: 5px; }
    
    .pipenoteradio-value{
    	margin-right: 20px;	
    }
    .pipenote-label{
		margin-top: 10px;
		font-weight: bold;
		}