@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,700;1,400&display=swap');
.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
.txt-center {
	text-align: center
}
.clearall{
clear:both
}
/*--Reset Ends--*/
:root {
 --primary: #002672;		/*--Dark Blue --*/
 --secondary: #ff9f00;		/*--Orange --*/
 --tertiary: #51bbff;		/*--Cornflower Blue--*/
 --accent-1: #fff;			/*--White--*/
 --accent-2: #eb684b;		/*--Burnt Sienna--*/
}
/*--Form Elements--*/
.cn-calc-wrap input[type=text], .cn-calc-wrap input[type=number] {
	border-radius: 25px;
	padding: 0;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	background: var(--accent-1);
	color: var(--primary);
	border: 2px solid var(--accent-1);
}
.cn-fw {
	width: 100%;
	float: left
}
.cn-calc-wrap, .cn-calc-wrap * {
	font-family: 'Arimo', sans-serif;
	box-sizing: border-box;
	outline: none
}
.cn-calc-logo {
	margin-bottom: 29px
}
.cn-calc-logo img {
	width: 89px;
	height: auto
}
.cn-calc-bc {
	margin-bottom: 42px;
	display: none
}
.cn-calc-bc span {
	background: var(--primary);
	width: 32px;
	height: 9px;
	display: inline-block;
	margin: 0 3px;
	border-radius: 25px
}
.cn-calc-bc span.active {
	background: var(--secondary)
}
.cn-calc-wrap {
	max-width: 910px;
	padding: 27px 12px 0;
	border-radius: 25px;
	background: #0084d5;
	background: -moz-linear-gradient(top, #0084d5 0%, #003aae 100%);
	background: -webkit-linear-gradient(top, #0084d5 0%, #003aae 100%);
	background: linear-gradient(to bottom, #0084d5 0%, #003aae 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084d5', endColorstr='#003aae', GradientType=0 );
}
.cn-m-head {
	font-size: 25px;
	line-height: 29px;
	font-weight: bold;
	margin-bottom: 54px;
	color: var(--accent-1);
}
.cn-calc-tab {
	margin-bottom: 62px
}
.cn-calc-tab ul {
	margin: 0!important;
	padding: 0;
	list-style: none
}
.cn-calc-tab ul li {
	width: 50%;
	float: left;
	margin:0!important;
}
.cn-calc-tab ul li:after{
	display:none
}
.cn-calc-tab ul li:first-child {
	padding-right: 15px
}
.cn-calc-tab ul li a, .cn-calc-tab ul li a:hover {
	font-size: 16px;
	line-height: 18px;
	display: block;
	font-weight: bold;
	padding: 10px 4px;
	text-decoration: none!important;
	border-radius: 25px;
	text-align: center;
	background: var(--primary);
	color: var(--accent-1)!important;
}
.cn-calc-tab ul li.active a, .cn-calc-tab ul li.active a:hover {
	background: var(--tertiary);
	color: var(--accent-1);
}
.cn-ex-row {
	margin-bottom: 47px
}
.cn-ex-row label {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
	color: var(--accent-1);
}
.cn-ex-row label span.cn-cal-tp {
	background: var(--accent-1);
	color: var(--primary);
	font-size: 12px;
	line-height: 16px;
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50px;
	display: none
}
.cn-es-row {
	margin-bottom: 47px
}
.cn-es-row label {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
	color: var(--accent-1);
}
.cn-es-row label span.cn-cal-tp {
	background: var(--accent-1);
	color: var(--primary);
	font-size: 12px;
	line-height: 16px;
	display: inline-block;
	width: 16px;
	height: 16px;
	text-align: center;
	border-radius: 50px;
	display: none
}
.cn-es-row input[type=submit] {
	background: var(--secondary)!important;
	color: var(--accent-1)!important;
	font-size: 16px!important;
	line-height: 18px!important;
	font-weight: bold!important;
	padding: 12px 10px 11px!important;
	border-radius: 25px!important;
	border: none!important;
	width: 148px!important;
	cursor: pointer!important
}
.cn-cal-tpwrap {
	background: var(--primary);
	color: var(--accent-1);
	font-size: 14px;
	padding: 6px;
	display: block;
	margin-top: 20px;
	text-align: left;
	font-weight: 400;
	line-height: 16px;
	display: none
}
.cn-ex-row input[type=text], .cn-ex-row input[type=number] {
	width: 148px;
	padding: 10px 10px 9px;
	margin-bottom: 16px
}
.fld-errors {
	border-color: #ff0000!important;
	color: #ff0000!important;
}
.fld-errors-txt {
	font-size: 12px;
	font-weight: normal;
	margin-top: -10px;
	margin-bottom: 10px;
	color: #ff0000!important;
}
.cn-ex-row input[type=text]::-webkit-input-placeholder, .cn-ex-row input[type=text]::-moz-placeholder, .cn-ex-row input[type=text]:-ms-input-placeholder, .cn-ex-row input[type=text]:-moz-placeholder {
 color:var(--primary);
}
.cn-ex-exp {
	font-size: 15px;
	line-height: 17px;
	color: var(--accent-1);
	font-style: italic
}
.cn-ex-row input[type=submit] {
	background: var(--secondary)!important;
	color: var(--accent-1)!important;
	font-size: 16px!important;
	line-height: 18px!important;
	font-weight: bold!important;
	padding: 12px 10px 11px!important;
	border-radius: 25px!important;
	border: none!important;
	width: 148px!important;
	cursor: pointer!important
}
.cn-end-img {
	position: relative;
	margin-top: -23px;
	margin-bottom: 25px
}
.cn-end-img img {
	max-width:100%;
	border-radius: 25px
}
.cn-end-desc p {
	font-size: 16px;
	line-height: 18px;
	color: var(--accent-1);
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 30px
}
.cn-cal-userinfo {
	border-radius: 25px;
	background: var(--accent-2);
	padding: 23px 10px 35px;
	margin-bottom: 15px
}
.cn-cal-uhead {
	font-size: 25px;
	line-height: 29px;
	font-weight: bold;
	margin-bottom: 25px;
	color: var(--accent-1);
}
.cn-cal-udesc {
	font-size: 16px;
	line-height: 18px;
	color: var(--accent-1);
	margin: 0 0 33px 0;
	padding: 0 5px
}
.cn-fw-udata ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	list-style: none
}
.cn-fw-udata ul li {
	padding: 0 0 0 20px!important;
	margin: 0 0 31px 0!important;
	position: relative
}
.cn-fw-udata ul li:before {
	position: absolute;
	left: 0;
	top: 6px;
	border-radius: 100px;
	width: 7px;
	height: 7px;
	background: var(--primary);
	content: ''
}
.cn-fw-udata ul li:after{
	display:none
}
.cn-fw-udata [class*="u-lb-"] {
	font-size: 16px;
	line-height: 18px;
	color: var(--accent-1);
}
.cn-fw-udata .u-lb-l {
	width: 60%;
	font-weight: bold;
	float: left
}
.cn-fw-udata .u-lb-r {
	width: 40%;
	float: left
}
.cn-cal-userinfo input[type=submit] {
	background: var(--accent-1)!important;
	color: var(--primary)!important;
	font-size: 16px!important;
	line-height: 18px!important;
	font-weight: bold!important;
	padding: 12px 10px 11px!important;
	border-radius: 25px!important;
	border: none!important;
	width: 153px!important;
	cursor: pointer!important
}
.cn-cal-chart {
	padding: 20px 0 0
}
.cn-cal-chart .cn-chart-uhead {
	font-size: 25px;
	line-height: 29px;
	font-weight: bold;
	margin-bottom: 25px;
	color: var(--accent-1);
}
.cn-cal-chart .cn-l-chart {
	margin: 25px 0 35px
}
.cn-cal-chart .cn-l-chart img {
	max-width: 100%
}
.cn-cal-chart input[type=submit], .cn-cal-chart a.download-btn-new, .cn-cal-chart a.download-btn-new:hover {
	background: var(--secondary)!important;
	color: var(--accent-1)!important;
	font-size: 16px!important;
	line-height: 18px!important;
	font-weight: bold!important;
	padding: 12px 10px 11px!important;
	border-radius: 25px!important;
	border: none!important;
	width: 275px!important;
	cursor: pointer!important;
	display: inline-block!important;
	text-decoration: none!important;
}
.cn-cal-byg {
	margin-top: 36px;
	padding: 28px 24px;
	border-radius: 25px;
	background: var(--primary);
	margin-left: -12px;
	margin-right: -12px
}
.cn-cal-byg .cn-byg-uhead {
	font-size: 25px;
	line-height: 29px;
	font-weight: 400;
	margin-bottom: 28px;
	color: var(--accent-1);
}
.cn-byg-thumb {
	margin-bottom: 24px
}
.cn-cal-byg .cn-byg-uhead i {
	font-weight: bold;
	font-style: italic
}
.cn-byg-cta > a, .cn-byg-cta > a:hover {
	background: var(--accent-2)!important;
	font-size: 16px!important;
	line-height: 20px!important;
	font-weight: 700!important;
	color: var(--accent-1)!important;
	border-radius: 25px!important;
	display: block!important;
	text-decoration: none!important;
	padding: 12px 18px!important;
	margin: 0  auto!important;
}
.cn-es-estimate {
	padding-left: 12px;
	padding-right: 12px
}
.range-wrap {
	position: relative;
	margin: 5px 0 25px
}
/*.bubble{
  color: white;
  padding: 4px 12px;
  position: absolute;
  border-radius: 4px;
  left: 50%;
  top:26px;
  transform: translateX(-50%);
}

.range{
	width:100%;
    margin: 0;
    padding: 0;
    outline: none;
	-webkit-appearance:none;
	background:yellow;
	border-radius:10px
}
.range::-webkit-slider-thumb{
	-webkit-appearance:none;
	width:32px;
	height:32px;
	background:orange;
	border-radius:50px
}
.range::-webkit-slider-runnable-track {
    background: #ddd;
	border-radius:10px
}*/
.range-lbl .r-lb-l, .range-lbl .r-lb-r {
	font-size: 16px;
	font-weight: bold;
	color: var(--accent-1);
	float: left
}
.range-lbl .r-lb-r {
	float: right
}
.slider-ui {
	position: relative;
	height: 20px;
	margin-top: 12px
}
.slider-ui input {
	position: absolute;
	z-index: 10;
	top: 0;
	bottom: 0;
	width: 100%;
	cursor: pointer;
	opacity: 0;
}
.slider-ui .bar {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	border-radius: 50px
}
.slider-ui .min, .slider-ui .max {
	position: absolute;
	z-index: 2;
	top: -12px;
	transform: translateY(-50%);
	font-size: 14px;
	font-weight: 800;
	color: #fff;
	display: none
}
.slider-ui .min {
	left: 2%;
}
.slider-ui .max {
	right: 2%;
}
.slider-ui .track {
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.slider-ui .value {
	position: absolute;
	left: 50%;
	top: 20px;
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 800;
	color: #fff;
	border-radius: 100%;
	box-sizing: border-box;
	transform: translateX(-50%);
	transition: top .3s ease-in-out, color .3s ease-in-out;
	z-index: 2
}
.slider-ui .value:after {
	position: absolute;
	left: 50%;
	top: -26px;
	width: 32px;
	height: 32px;
	content: '';
	border-radius: 50px;
	transform: translateX(-50%);
}
.doll-sign.slider-ui .value:before {
	content: '$';
	margin-right: 3px
}
.per-sign.slider-ui .value {
	text-align: right
}
.per-sign.slider-ui .value:before {
	content: '%';
	right: -6px;
	position: absolute
}
.track-after {
	width: 100%;
	background: #002672;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border-radius: 50px 0 0 50px
}
.slider-ui .value.up {
	top: -110%;
	color: #000;
}
.slider-ui .bar {
	background: #ffffff;
}
.slider-ui .value:after {
	background: #ff9f00;
}
.canvasjs-chart-credit {
	display: none
}

@media(max-width:340px) {
.cn-calc-tab ul li a, .cn-calc-tab ul li a:hover {
	font-size: 14px;
}
}
/* 12-08-2021 starts */
input:focus::placeholder {
	color: transparent;
}
.cn-mod-desc p {
	font-size: 16px;
	line-height: 18px;
	color: var(--accent-1);
	padding-left: 10px;
	padding-right: 10px;
	margin: 8px auto 30px;
	max-width: 286px;
}
.cn-mod-img {
	position: relative;
	margin-top: -19px;
	margin-bottom: 25px
}
.cn-mod-img img {
	border-radius: 25px
}
.cn-mod-frm {
	padding-bottom: 39px
}
.cn-mod-frm input[type=text] {
	width: 265px;
	padding: 10px 10px 9px;
	margin-bottom: 16px;
	margin-bottom: 38px;
	border-radius: 7px;
	font-weight: 400;
	text-align: center
}
.cn-mod-frm input[type=submit] {
	background: var(--secondary)!important;
	color: var(--accent-1)!important;
	font-size: 16px!important;
	line-height: 18px!important;
	font-weight: bold!important;
	padding: 12px 10px 11px!important;
	border-radius: 25px!important;
	border: none!important;
	width: 148px!important;
	cursor: pointer!important
}
.cn-mod-sl-txt {
	color: var(--accent-1);
	font-size: 16px;
	line-height: 18px;
	font-style: italic;
	margin-bottom: 46px;
	margin-top: -12px
}
.cn-mod-sl-wrap {
	margin-bottom: 37px;
	position: relative
}
.cn-mod-sl-wrap .owl-carousel {
	width: 231px;
	margin: 0 auto
}
.cn-mod-sl-wrap .owl-carousel .owl-nav button.owl-next, .cn-mod-sl-wrap .owl-carousel .owl-nav button.owl-prev {
}
.cn-mod-sl-wrap .owl-theme .owl-dots .owl-dot span {
	background: var(--primary);
	border: 2px solid var(--primary);
}
.cn-mod-sl-wrap .owl-theme .owl-dots .owl-dot.active span, .cn-mod-sl-wrap .owl-theme .owl-dots .owl-dot:hover span {
	background: var(--accent-1);
	border: 2px solid var(--primary);
}
.cn-mod-sl-wrap .owl-theme .owl-nav [class*=owl-] {
	color: var(--secondary);
}
.cn-mod-sl-wrap .owl-theme .owl-nav [class*=owl-]:hover {
}
.cn-mod-sl-wrap .owl-theme .owl-nav {
	margin: 0 -30px;
}
.cn-mod-btns {
	position: absolute;
	top: 50px;
	left: 6px;
	right: 6px;
}
.cn-mod-btns .cn-mod-nxt {
	float: right
}
.cn-mod-btns .cn-mod-nxt svg {
	cursor: pointer;
	fill: var(--secondary)
}
.cn-mod-btns .cn-mod-prev {
	float: left
}
.cn-mod-btns .cn-mod-prev svg {
	cursor: pointer;
	fill: var(--secondary)
}
.cn-mod-sl-wrap .owl-carousel .owl-item img {
	border-radius: 25px;
	margin-bottom: 23px
}
.cn-mod-sl-wrap .owl-carousel .owl-item span {
	border-radius: 25px;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: var(--accent-1);
	background: var(--primary);
	width: 100%;
	display: block;
	padding: 11px 15px;
	cursor: pointer;
}
.cn-mod-sl-wrap .owl-carousel .owl-item span:hover {
	background: var(--tertiary);
}
.cn-mod-skip a, .cn-mod-skip a:hover {
	color: var(--accent-1);
	text-decoration: none
}
.cn-mod-skip {
	color: var(--accent-1);
	font-size: 15px;
	line-height: 18px;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 32px
}
.cn-mod-skip span {
	color: var(--accent-1);
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	display: block;
	font-style: normal
}
.cn-mod-cta input[type=submit], .cn-mod-cta a, .cn-mod-cta a:hover {
	background: var(--secondary)!important;
	color: var(--accent-1)!important;
	font-size: 16px!important;
	line-height: 18px!important;
	font-weight: bold!important;
	padding: 12px 10px 11px!important;
	border-radius: 25px!important;
	border: none!important;
	width: 275px!important;
	cursor: pointer!important;
	display: inline-block!important;
	text-decoration: none!important;
	margin-bottom: 40px!important
}
.cm-hide-desk{
	display:block
}
.cm-hide-mob{
	display:none
}
@media(min-width:768px) {
	.cm-hide-desk{
		display:none
	}
	.cm-hide-mob{
		display:block
	}
	.cn-img-desc{
		margin-top:54px;
		padding-left:40px;
		padding-right:40px
	}
	.cn-end-img{
		margin-bottom:42px
	}
	.cn-calc-logo img{
		 width:162px
	}
	.cn-m-head,
	.cn-cal-uhead,
	.cn-cal-byg .cn-byg-uhead{
		font-size:30px;
		line-height:34px
	}
	.cn-cal-chart .cn-chart-uhead{
		font-size:30px;
		line-height:34px;
		padding-left:5px;
		padding-right:5px
	}
	.cn-cal-chart .cn-chart-uhead br{
		display:none
	}
	.cn-end-desc p {
		font-size: 20px;
		line-height: 26px
	}
	.cn-cal-udesc {
		font-size: 20px;
		line-height: 26px;
		padding-left: 13%;
		padding-right: 13%;
	}
	.cn-calc-tab ul{
		padding-left:42px;
		padding-right:42px
	}
	.cn-fw-udata [class*="u-lb-"]{
		font-size:20px;
		line-height:23px
	}
	.cn-fw-udata ul li:before {
		left: 0;
		top: 3px;
		border-radius: 100px;
		width: 14px;
		height: 14px
	}
	.cn-ex-row,
	.cn-es-row,
	.cn-fw-udata ul li{
		width:50%;
		padding-left:30px;
		padding-right:30px
	}
	.cn-ex-row:last-child,
	.cn-es-row:last-child,
	.cn-ex-row input[type=text],
	.cn-ex-row input[type=number]{
		width:100%
	}
	.cn-ex-row label,
	.cn-es-row label,
	.cn-es-row input[type=submit],
	.cn-ex-row input[type=submit],
	.cn-cal-userinfo input[type=submit],
	.cn-cal-chart input[type=submit],
	.cn-cal-chart a, .cn-cal-chart a:hover{
		font-size:20px
	}
	.cn-cal-userinfo input[type=submit],
	.cn-ex-row input[type=submit],
	.cn-es-row input[type=submit]{
		width:208px;
		padding:15px 10px 14px
	}
	.cn-end-img,
	.cn-end-desc{
		width:50%;
		padding-left:10px;
		padding-right:10px
	}
	.cn-byg-l,
	.cn-byg-r{
		width:50%;
		float:left;
		padding-left:15px;
		padding-right:15px
	}
	.cn-byg-l img{
		max-width:100%
	}
	a.download-btn-new,
	a.download-btn-new:hover{
		width:340px;
		padding:15px 10px 14px
	}
	a.e-book-btn,
	a.e-book-btn:hover{
		width:340px;
		padding:15px 10px 14px;
		line-height:27px		
	}
	.cn-cal-byg {
		margin-top: 36px;
		padding: 71px 24px 70px 24px
	}
	.cn-ex-exp{
		font-size:16px
	}
	.cn-cal-out{
		padding-left:45px;
		padding-right:45px
	}
}
@media(max-width:340px) {
.cn-calc-tab ul li a, .cn-calc-tab ul li a:hover {
	font-size: 14px;
}
.cn-mod-btns{
	left:0;
	right:0
}
.cn-mod-btns .cn-mod-nxt{
    right: -6px;
    position: relative;
}
.cn-mod-btns .cn-mod-prev{
    left: -6px;
    position: relative;
}
.cn-end-img img {
    max-width: 100%
}
}