header.hero-header {
    width: 100%;
    float: left;
}
.logo-header{
	text-align: center;
	padding: 40px;
}
.container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
}
body{
	background: #fbfbfb;
}

/* welcome page css */

.welcome-div {
    width: 100%;
    float: left;
    padding: 60px 40px;
    margin: 0 auto;
    border-radius: 30px;
    background: #fff;
}
.left-div {
    width: 60%;
    float: left;
    padding-left: 40px;
}
.left-div h1{
	font-size: 48px;
    font-weight: 600;
	color: #696868;
}
.left-div p {
    font-size: 22px;
	color: #868686;
}
.left-div p a {
    background: #28afb0;
    padding: 16px 100px;
    border-radius: 25px;
    color: #fff !important;
}
.get-btn{
	margin-top: 12%;
}
.right-div {
    width: 40%;
    float: left;
    display: block;
    text-align: center;
}
footer.site-footer{
	width: 100%;
    float: left;
}
.sv-progress__bar{
	background-color: #258faf !important;
}
div#surveyElement {
    width: 100%;
    float: left;
    background: #f9f9f9;
	padding-bottom: 60px;
    border-radius: 20px;
    margin-bottom: 40px;
    /*border: 5px solid #258faf;*/
    box-shadow: 20px 15px 20px 0px #e5f1f5;
}
.sv-panel .sv-question__title{
	font-size: 24px !important;
	margin-left: 15px;
}
.sv-body__progress:not(:first-child) {
    margin-right: 30px;
    margin-left: 30px;
}
.sv-question__content {
    /*border: 1px solid gray;
    border: 3px solid #258faf;*/
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 30px;
}
.sv-question__title--answer {
    border-radius: 10px;
    padding: 12px 0px;
	background-color: transparent;
}
.sv-footer__next-btn, .sv-footer__prev-btn, .sv-footer__complete-btn{
    background-color: #258faf;
	cursor: pointer !important;
}
.sv-question__erbox{
	font-size: 15px;
}
.sv-question__title--error {
    background-color: #eaa0a0;
	border-radius: 10px;
    padding: 12px 0px;
}
.sv-question__title{
	border-radius: 10px;
    padding: 12px 0px;
}
.sv-radio__svg{
	border: 3px solid #258faf !important;
}
.sv-radio--allowhover:hover .sv-radio__svg {
	fill: #258faf !important;
}
.sv-selectbase__item{
	background: #e1ecf1;
    border-radius: 5px;
    padding: 12px 6px;
    border: 1px solid #96cae2;
}
.sv-selectbase__item:hover{
	background: #aacad8;
	border: 1px solid #0f74a0;
}

div[data-bind="css: question.koCss().selectWrapper"]{
    padding: 8px 3px;
    border: 2px solid #55a3c5;
    font-size: 17px;
    font-weight: 500;
    border-radius: 10px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple{
	padding: 8px 3px;
    border: 2px solid #55a3c5;
    font-size: 17px;
    font-weight: 500;
    border-radius: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	padding: 5px;
}
option {
    background: #f9f9f9;
    padding: 5px;
}
.sv-dropdown{
	border-bottom: none;
	cursor: pointer !important;
}
.sv-footer{
	margin-top: -14%;
}
[class*="column"]+[class*="column"]:last-child {
    float: none;
}

.loader {
	position: absolute;
	left: 50%;
	top: 40%;
	display: none;	
	z-index: 1000;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}
.business-name{
	text-transform:capitalize;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.select-add {
    width: 100%;
    float: left;
    padding-top: 50px;
}
.select-add label {
    font-size: 28px;
}
.form {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    float: left;
    display: flex;
}
.seladd-ons {
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    width: 100%;
    float: left;
}
.seladd-ons input {
    visibility: hidden;
}
.seladd-ons label {
    font-size: 13px !important;
    background: #f3f3f3;
    padding: 12px 15px;
    width: 85%;
    float: left;
    border-radius: 27px;
    border: 1px solid #b2b2b3;
    display: inline-block;
    margin: 0 15px;
	cursor: pointer !important;
}
.checked {
    background-color: #23b0b1 !important;
    border: 1px solid #23b0b1 !important;
    color: #fff;
}

.seladd-ons input[type=checkbox]:checked + label {
  background: #2cb3b3 !important;
  color: #fff !important;
}

.chng{
	background: #2cb3b3 !important;
	color: #fff !important;
}
.sv-completedpage{
	background-color: #f5f5f5;
}
.sv-question__num {
    display: none;
}
.sv-question__num + span{
	display: none;
}
.quote-add{
	width: 100%;
    float: left;
    background: #fff;
    padding: 40px;
    border-radius: 40px;
    margin: 20px auto;
    text-align: center;
}
.quote-add h1 {
    color: #2cb3b3;
    font-weight: 600;
}
.est-quote{
	width: 100%;
    float: left;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
    display: grid;
}
.est-quote label{
	font-size: 28px;
    width: 100%;
    float: left;
    padding-bottom: 50px;
}
.xx-div {
    width: 70%;
    float: left;
    margin: 0 auto;
    display: block;
    background: #f3f3f3;
    padding: 30px 20px;
    border-radius: 25px;
}
.xx-div h1{
	color: #333 !important;
}
.xx-div p{
	font-size: 20px;
}
.xx-div h4{
	background: #2cb3b3;
    color: #fff;
    padding: 11px 5px;
    border-radius: 25px;
	cursor: pointer !important;
    width: 400px;
    margin: 15px auto;
}
.xx-div h4:hover{
	background: #119a9a;
}
.final-step {
    width: 100%;
    float: left;
    padding-top: 34px;
}
.final-step button{
	border-radius: 30px;
    font-size: 20px;
    padding: 10px 46px;
	cursor: pointer !important;
	margin-right: 10px;
}
.call-today {
    width: 100%;
    float: left;
    padding: 50px 20px;
}
.call-today p{
	color: #2cb3b3;
    font-size: 30px;
    padding: 0px 115px;
}
.sv-completedpage{
	padding-top: 0;
	background-color: #fbfbfb;
}
.sv-question__required-text {
    display: none;
}
h4.sv-title.sv-page__title {
    text-align: center;
    color: #258faf;
}
.two-plans {
    width: 100%;
    float: left;
}
.plan-one {
    width: 49%;
	height: 500px;
    float: left;
    background: #eee;
    padding: 30px 20px 20px;
    margin: 4px;
	border-radius: 15px;
}
.heading-plan h3 {
    color: #119a9a;
	width: 100%;
    text-align: center;
}
.heading-plan p {
    color: #119a9a;
	width: 100%;
    text-align: center;
}
.plan-two {
    width: 49%;
	height: 500px;
    float: left;
    background: #eee;
    padding: 30px 20px 20px;
    margin: 4px;
	border-radius: 15px;
}
.heading-plan h3 {
    color: #fff;
    width: 100%;
    background: #119a9a;
    padding: 3px 0 6px;
    border-radius: 15px;
    text-align: center;
    font-weight: 600;
}
.heading-plan p {
    color: #119a9a;
    width: 100%;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
}
.plan-oneprice span {
    font-size: 20px;
}
.plan-twoprice span {
    font-size: 20px;
}
.heading-plan {
    width: 100%;
    float: left;
}
.plan-list {
    width: 100%;
    float: left;
	height: 230px;
}
.plan-list p {
    color: #119a9a;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}
.plan-list h4 {
    /*padding: 5px;*/
    color: #119a9a;
    border-radius: 10px;
}
.sv-completedpage:before{
	display: none;
}


@media (min-width:320px) and (max-width:480px){
	.welcome-div{
		display: grid;
	}
	.left-div {
		width: 100%;
		float: left;
		padding-left: 0px;
		order: 2;
	}
	.left-div p a {
		padding: 16px 50px;
	}
	.right-div {
		width: 100%;
		order: 1;
	}
	.sv_qstn .sv-q-column-4, .sv-question .sv-q-column-4 {
		max-width: 100% !important;
	}
	.sv_qstn .sv-q-column-5, .sv-question .sv-q-column-5 {
		max-width: 100% !important;
	}
	.sv-selectbase__column{
		min-width: 60%;
		vertical-align: top;
		float: left;
	}
	.xx-div {
		width: 100%;
	}
	.xx-div h4 {
		width: 200px;
	}
	.select-add div {
		display: inline-block !important;
		padding: 5px;
	}
	.call-today {
		padding: 0;
	}
	.call-today p {
		padding: 0;
	}
	.plan-one{
		width: 100%;
		height: auto;
	}
	.heading-plan h3 {
		width: 100%;
		text-align: center;
	}
	.heading-plan p {
		width: 100%;
		text-align: center;
	}
	.plan-list p{
		text-align: center;
	}
	.plan-two{
		width: 100%;
		height: auto;
	}
	.heading-plan{
		display: inline;
	}
	.plan-list{
		height: auto;
	}
	.est-quote label{
		line-height: 30px;
		padding-bottom: 40px;
	}
	.sv-btn{
		padding: 0.5em 2em 0.6em;
	}
	.heading-plan h3{
		padding: 3px;
	}
}