body,
header {
	background: #fff
}

.to-top,
nav {
	align-items: center
}

.to-top,
header {
	position: fixed
}

.menu i,
.to-top:hover,
nav ul li a {
	color: #8f8f8f
}

.side-link,
header {
	top: 0
}

.btn a,
header {
	transition: .5s
}

.error,
.result-box {
	margin-bottom: 30px
}

.hero-text h1,
.side-link h3,
.to-top,
nav ul li a {
	font-weight: 700
}

.footage,
.side-link,
header {
	box-shadow: 0 0 10px 10px rgb(0 0 0 / .1)
}

*,
.btn a,
.footer-last-link ul li a,
.side-link ul li a,
.to-top,
nav ul li a {
	text-decoration: none
}

* {
	padding: 0;
	margin: 0;
	border: none;
	outline: 0;
	box-sizing: border-box;
	text-transform: capitalize;
	font-family: Poppins, sans-serif;
	box-sizing: border-box
}

body {
	color: #000;
	overflow-x: hidden
}

header {
	width: 100%;
	cursor: pointer;
	z-index: 10000
}

nav {
	display: flex;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
	padding: 10px
}

.logo img {
	height: 50px;
	width: 40px
}

nav ul li {
	display: inline;
	list-style: none;
	position: relative
}

nav ul li a {
	font-size: 1rem;
	margin-left: 1rem;
	margin-right: 1rem;
	transition: .2s
}

nav ul li a:hover {
	color: #4e4b4b
}

#adsterra-banner-container {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 728px;
	height: 90px;
	margin: 10px auto;
	text-align: center;
	overflow: hidden
}

.menu {
	border: 2px solid #50e9e3;
	border-radius: 5px;
	padding: 7px 10px;
	z-index: 1000;
	cursor: pointer;
	display: none
}

.hero-text,
.ractangle-mid {
	padding-top: 1px
}

.Circle-section .rcalculator .row,
.Parallelogram-section .rcalculator .row,
.Rectangle-section .rbcalculator .row,
.Ring-section .rcalculator .row,
.Sector-section .rcalculator .row,
.Trapezoid-section .rcalculator .row,
.Triangle-section .rcalculator .row,
.Triangle-with-section .rcalculator .row,
.others-calculate-box .other-section .row,
.rectangle-section .rcalculator .row,
.right-side .search-bar form,
.to-top {
	display: flex
}

.menu i {
	font-size: 17px
}

.to-top {
	height: 40px;
	width: 40px;
	background: #23d3c7;
	bottom: 20px;
	right: 32px;
	border-radius: 10px;
	z-index: 1000;
	font-size: 25px;
	color: #fff;
	justify-content: center;
	opacity: 0;
	pointer-events: none
}

.to-top-active {
	opacity: 1;
	pointer-events: auto
}

.main {
	background: url(images/website\ banner.jpg) center/cover no-repeat;
	height: 215px;
	width: 100%;
	margin-top: 10px
}

.hero-text h1 {
	font-size: 50px;
	color: #50e9e3;
	text-shadow: 7px 7px 7px #000
}

.hero-text p {
	padding-top: 10px;
	line-height: 1.7em;
	font-size: 14px;
	color: #fff;
	width: 60%;
	text-align: justify
}

.btn a {
	font-size: 17px;
	color: #fff;
	border: 2px solid #50e9e3;
	border-radius: 5px;
	padding: 7px 15px
}

.ractangle-mid,
.side-link h3 {
	font-size: 20px;
	text-align: center
}

.btn a:hover,
.btn-active {
	background: #3bccc7
}

.ractangle-mid {
	font-weight: 300;
	color: #424040
}

.rectangle-section .text-item h2 {
	margin-top: 5px;
	font-size: 30px;
	color: #336799
}

.Circle-section .text-item p,
.Parallelogram-section .text-item p,
.Ring-section .text-item p,
.Sector-section .text-item p,
.Trapezoid-section .text-item p,
.Triangle-section .text-item p,
.Triangle-with-section .text-item p,
.rectangle-section .text-item p {
	margin: 0;
	font-size: 18px;
	line-height: 1.5em
}

.Circle-section .result-section h2,
.Parallelogram-section .result-section h2,
.Ring-section .result-section h2,
.Sector-section .result-section h2,
.Trapezoid-section .result-section h2,
.Triangle-section .result-section h2,
.Triangle-with-section .result-section h2,
.rectangle-section .result-section h2 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 30px;
	color: #036
}

.Circle-section .result-section .btn,
.Parallelogram-section .result-section .btn,
.Ring-section .result-section .btn,
.Sector-section .result-section .btn,
.Trapezoid-section .result-section .btn,
.Triangle-section .result-section .btn,
.Triangle-with-section .result-section .btn,
.rectangle-section .result-section .btn {
	width: 100%;
	background: #24bb59;
	padding: 10px;
	box-sizing: border-box
}

.Circle-section .result-section .btn a,
.Parallelogram-section .result-section .btn a,
.Ring-section .result-section .btn a,
.Sector-section .result-section .btn a,
.Trapezoid-section .result-section .btn a,
.Triangle-section .result-section .btn a,
.Triangle-with-section .result-section .btn a,
.rectangle-section .result-section .btn a {
	text-decoration: none;
	font-size: 22px;
	color: #fff;
	cursor: pointer
}

.mobile-price,
.price label,
.price1 label,
.price10 label,
.price11 label,
.price112 label,
.price12 label,
.price13 label,
.price14 label,
.price15 label,
.price16 label,
.price17 label,
.price2 label,
.price3 label,
.price32 label,
.price33 label,
.price34 label,
.price35 label,
.price37 label,
.price38 label,
.price4 label,
.price5 label,
.price6 label,
.price7 label,
.price8 label,
.price9 label {
	display: flex;
	align-items: center
}

.result-box,
.result-table {
	display: none
}

.price label input {
	width: 140px;
	margin-left: 20px
}

.Circle-section .calculator .content table,
.Parallelogram-section .calculator .content table,
.Rectangle-section .calculator .content table,
.Ring-section .calculator .content table,
.Sector-section .calculator .content table,
.Trapezoid-section .calculator .content table,
.Triangle-section .calculator .content table,
.Triangle-with-section .calculator .content table,
.area-img img,
.image2 img,
.paral-img img,
.rectangle-section .calculator .content table,
.reference-img img,
.trinagle-img img {
	width: 100%
}

.image4 img {
	width: 100%;
	height: 100px
}

.image5 img {
	width: 70%;
	height: 250px
}

.image6 img,
.sector-img img {
	width: 100%;
	height: 330px
}

.side-link {
	padding: 20px 0;
	width: 100%;
	background: #fff;
	margin-left: 35px;
	border: 1px solid #dcdcdc;
	border-radius: 5px
}

.side-link ul li {
	display: block;
	list-style: none;
	padding-top: 10px;
	line-height: 2.2em
}

.footer-last-link ul li,
.footer-link ul li {
	display: inline;
	list-style: none
}

.side-link ul li a {
	color: #1f87b8;
	font-size: 16px;
	border: 1px solid #1f87b8;
	border-radius: 10px;
	padding: 3px 20px;
	transition: .5s
}

.side-link ul li a:hover {
	background: #1f87b8;
	color: #fff
}

.side-link h3 {
	color: #1f87b8
}

.side-link-circle {
	margin-left: 0
}

.price32 label input {
	width: 235px;
	margin-left: 10px
}

.price14 label input,
.price35 label input,
.price7 label input {
	width: 150px;
	margin-left: 10px
}

.price34 label input {
	width: 220px;
	margin-left: 10px
}

.price33 label input {
	width: 242px;
	margin-left: 10px
}

.price1 label input {
	width: 165px;
	margin-left: 10px
}

.pric label input {
	width: 148px
}

.price2 label input {
	width: 190px;
	margin-left: 20px
}

.price37 label input {
	width: 222px;
	margin-left: 10
}

.price38 label input {
	width: 215px;
	margin-left: 10
}

.price3 label input {
	width: 145px;
	margin-left: 10px
}

.price4 label input {
	width: 200px;
	margin-left: 10px
}

.price5 label input {
	width: 200px;
	margin-left: 15px
}

.price12 label input,
.price15 label input,
.price16 label input,
.price17 label input,
.price6 label input {
	width: 133px;
	margin-left: 10px
}

.price8 label input,
.unit {
	width: 170px;
	margin-left: 10px
}

.price9 label input {
	width: 204px;
	margin-left: 10px
}

.price10 label input {
	width: 132px;
	margin-left: 10px
}

.price11 label input {
	width: 195px;
	margin-left: 10px
}

.price111 label input {
	margin-left: 15px;
	width: 195px
}

.price-22 label input,
.price22 label input {
	width: 210px
}

.price112 label input {
	width: 139px;
	margin-left: 10px
}

.feet {
	margin-left: 10px;
	width: 160px;
	cursor: pointer
}

.price13 label input {
	width: 127px;
	margin-left: 10px
}

.price147 label input {
	width: 120px
}

.feet1 {
	margin-left: 10px;
	width: 150px
}

.price-15 label input,
.price146 label input {
	width: 190px
}

.price145 label input {
	width: 205px
}

.price114 label input {
	width: 218px
}

.select-feet {
	margin-left: 10px;
	cursor: pointer
}

.price-17 label input {
	width: 170px
}

.price-16 label input {
	width: 185px
}

.price-18 label input {
	width: 10px
}

.price-23 label input {
	width: 140px
}

.price-21 label input {
	width: 232px
}

.price-20 label input {
	width: 223px
}

.price-29 label input {
	width: 155px
}

.price-28 label input {
	width: 228px
}

.price-26 label input {
	width: 260px
}

.price-27 label input {
	width: 248px
}

.rectangle-section .calculator .content1 {
	width: 100%;
	background: #ddd;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 10px 20px
}

.rectangle-section .calculator .content2,
.rectangle-section .calculator .content3,
.rectangle-section .calculator .content4,
.rectangle-section .calculator .content5,
.rectangle-section .calculator .content6,
.rectangle-section .calculator .content7,
.rectangle-section .calculator .content8,
.rectangle-section .calculator .content9 {
	width: 100%;
	background: #ddd;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 30px 20px
}

.rectangle-section .calculator .content table td:first-child {
	width: 65%;
	text-align: right;
	padding-right: 10px
}

.rectangle-section .calculator .content table td:last-child {
	width: 35%
}

.image3 img {
	width: 250px;
	height: 250px;
	margin-top: 10px
}

.Circle-section .calculator .content table td,
.Circle-section .rcalculator .content,
.Parallelogram-section .calculator .content table td,
.Parallelogram-section .rcalculator .content,
.Rectangle-section .calculator .content table td,
.Rectangle-section .rbcalculator .content,
.Ring-section .calculator .content table td,
.Ring-section .rcalculator .content,
.Sector-section .calculator .content table td,
.Sector-section .rcalculator .content,
.Trapezoid-section .calculator .content table td,
.Trapezoid-section .rcalculator .content,
.Triangle-section .calculator .content table td,
.Triangle-section .rcalculator .content,
.Triangle-with-section .calculator .content table td,
.Triangle-with-section .rcalculator .content,
.rectangle-section .rcalculator .content,
.ringimage img {
	width: 60%
}

.Circle-section .calculator .content table td:last-child,
.Circle-section .rcalculator .image,
.Parallelogram-section .calculator .content table td:last-child,
.Parallelogram-section .rcalculator .image,
.Rectangle-section .calculator .content table td:last-child,
.Ring-section .calculator .content table td:last-child,
.Ring-section .rcalculator .image,
.Sector-section .calculator .content table td:last-child,
.Sector-section .rcalculator .image,
.Trapezoid-section .calculator .content table td:last-child,
.Trapezoid-section .rcalculator .image,
.Triangle-section .calculator .content table td:last-child,
.Triangle-section .rcalculator .image,
.Triangle-with-section .calculator .content table td:last-child,
.Triangle-with-section .rcalculator .image,
.rectangle-section .rcalculator .image,
.triangleimage img {
	width: 40%
}

.rectangle-section .calculator .content1 table td input,
.rectangle-section .calculator .content1 table td select,
.rectangle-section .calculator .content2 table td select,
.rectangle-section .calculator .content3 table td input,
.rectangle-section .calculator .content3 table td select,
.rectangle-section .calculator .content4 table td input,
.rectangle-section .calculator .content4 table td select,
.rectangle-section .calculator .content5 table td input,
.rectangle-section .calculator .content5 table td select,
.rectangle-section .calculator .content6 table td input,
.rectangle-section .calculator .content6 table td select,
.rectangle-section .calculator .content7 table td input,
.rectangle-section .calculator .content7 table td select,
.rectangle-section .calculator .content8 table td input,
.rectangle-section .calculator .content8 table td select,
.rectangle-section .calculator .content9 table td input,
.rectangle-section .calculator .content9 table td select {
	border: 1px solid #626262;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 10px
}

.rectangle-section .calculator .content2 table td input {
	border: 1px solid #626262;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 7px
}

.image1 img {
	width: 100%;
	height: 200px
}

.calculator .content table td input,
.others-calculate-box .other-section .ul-item {
	width: 50%
}

.Circle-section .calculator .button-container,
.Parallelogram-section .calculator .button-container,
.Ring-section .calculator .button-container,
.Sector-section .calculator .button-container,
.Trapezoid-section .calculator .button-container,
.Triangle-section .calculator .button-container,
.Triangle-with-section .calculator .button-container,
.rectangle-section .calculator .button-container {
	margin-top: 10px;
	text-align: center
}

.calculate-btn2,
.calculate-btn3,
.calculate-btn4,
.calculate-btn5,
.calculate-btn6 .calculate-btn7,
.calculate-btn7,
.calculate-btn8,
.calculate-btn9,
.rectangle-section .calculator .button-container .calculate-btn1,
.rectangle-section .calculator .button-container .calculate-btn6 {
	font-size: 16px;
	background: #3bccc7;
	color: #fff;
	padding: 12px 25px;
	box-sizing: border-box;
	border: none;
	cursor: pointer;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 5px
}

.calculate-btn2 {
	margin-left: 150px;
	font-size: 16px;
	background: #3bccc7;
	color: #fff;
	padding: 12px 25px;
	box-sizing: border-box;
	border: none;
	cursor: pointer
}

.clear-btn {
	border-radius: 5px
}

.Circle-section .calculator .button-container .calculate-btn:hover,
.Circle-section .calculator .button-container .clear-btn:hover,
.Parallelogram-section .calculator .button-container .calculate-btn:hover,
.Parallelogram-section .calculator .button-container .clear-btn:hover,
.Rectangle-section .calculator .button-container .calculate-btn:hover,
.Rectangle-section .calculator .button-container .clear-btn:hover,
.Ring-section .calculator .button-container .calculate-btn:hover,
.Ring-section .calculator .button-container .clear-btn:hover,
.Sector-section .calculator .button-container .calculate-btn:hover,
.Sector-section .calculator .button-container .clear-btn:hover,
.Trapezoid-section .calculator .button-container .calculate-btn:hover,
.Trapezoid-section .calculator .button-container .clear-btn:hover,
.Triangle-section .calculator .button-container .calculate-btn:hover,
.Triangle-section .calculator .button-container .clear-btn:hover,
.Triangle-with-section .calculator .button-container .calculate-btn:hover,
.Triangle-with-section .calculator .button-container .clear-btn:hover,
.rectangle-section .calculator .button-container .calculate-btn:hover,
.rectangle-section .calculator .button-container .clear-btn:hover {
	background: #000
}

.Circle-section .calculator .button-container .clear-btn,
.Parallelogram-section .calculator .button-container .clear-btn,
.Rectangle-section .calculator .clear-btn,
.Ring-section .calculator .button-container .clear-btn,
.Sector-section .calculator .button-container .clear-btn,
.Trapezoid-section .calculator .button-container .clear-btn,
.Triangle-section .calculator .button-container .clear-btn,
.Triangle-with-section .calculator .button-container .clear-btn,
.rectangle-section .calculator .button-container .clear-btn {
	font-size: 16px;
	background: #ababab;
	color: #fff;
	padding: 12px 15px;
	box-sizing: border-box;
	border: none;
	cursor: pointer
}

.Parallelogram-section .rcalculator .image img,
.rectangle-section .rcalculator .image img {
	width: 150px;
	margin-top: 120px;
	margin-left: 10px
}

.Rectangle-section {
	margin-top: 5px
}

.first-table-result,
.result-table {
	margin-top: 20px;
	border-collapse: collapse;
	width: 100% !important
}

.Rectangle-section .calculator .content {
	width: 60%;
	background: #ddd;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 1px;
	box-sizing: border-box
}

.Circle-section .calculator .content table td:first-child,
.Parallelogram-section .calculator .content table td:first-child,
.Rectangle-section .calculator .content table td:first-child,
.Ring-section .calculator .content table td:first-child,
.Sector-section .calculator .content table td:first-child,
.Trapezoid-section .calculator .content table td:first-child,
.Triangle-section .calculator .content table td:first-child,
.Triangle-with-section .calculator .content table td:first-child {
	text-align: right;
	padding-right: 10px
}

.Circle-section .calculator .content table td input,
.Circle-section .calculator .content table td select,
.Parallelogram-section .calculator .content table td input,
.Parallelogram-section .calculator .content table td select,
.Rectangle-section .calculator .content table td input,
.Rectangle-section .calculator .content table td select,
.Ring-section .calculator .content table td input,
.Ring-section .calculator .content table td select,
.Sector-section .calculator .content table td input,
.Sector-section .calculator .content table td select,
.Trapezoid-section .calculator .content table td input,
.Trapezoid-section .calculator .content table td select,
.Triangle-section .calculator .content table td input,
.Triangle-section .calculator .content table td select,
.Triangle-with-section .calculator .content table td input,
.Triangle-with-section .calculator .content table td select {
	border: 1px solid #0e4621;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 10px
}

.Rectangle-section .calculator .button-container {
	margin: 0 auto;
	text-align: center
}

.Rectangle-section .calculator .calculate-btn {
	font-size: 16px;
	background: #00f;
	color: #fff;
	padding: 12px 25px;
	box-sizing: border-box;
	border: none;
	cursor: pointer;
	margin-left: 30%
}

.Rectangle-section .rbcalculator .image {
	width: 30%
}

.Rectangle-section .rbcalculator .image img {
	width: 280px;
	margin-top: 130px;
	margin-left: 20px
}

.result-box {
	background: #ecfff2;
	border: 1px solid #24bb59;
	border-radius: 5px;
	padding: 20px
}

.result-box button {
	color: #01f;
	background: #fff0;
	border: none;
	outline: 0;
	font-size: 16px;
	cursor: pointer;
	padding: 0
}

.rectangle-b-section .result-area {
	color: #000;
	font-size: 20px;
	margin: 0 0 10px;
	padding: 0
}

.rectangle-b-section .result-cost {
	color: #000;
	font-size: 20px;
	margin: 0 0 20px
}

.Rectangle-section .calculate-btn {
	margin-left: 20%
}

.first-table-result td,
.first-table-result th,
.result-table td,
.result-table th {
	border: 1px solid #ccc;
	padding: 8px;
	text-align: left !important
}

.first-table-result th,
.result-table th {
	background-color: #0073e6;
	color: #fff
}

.Circle-section,
.Parallelogram-section,
.Ring-section,
.Sector-section,
.Trapezoid-section,
.Triangle-section,
.Triangle-with-section {
	margin-top: 50px
}

.Circle-section .calculator .content,
.Parallelogram-section .calculator .content,
.Ring-section .calculator .content,
.Sector-section .calculator .content,
.Trapezoid-section .calculator .content,
.Triangle-section .calculator .content,
.Triangle-with-section .calculator .content {
	width: 60%;
	background: #ddd;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 30px 20px
}

.Circle-section .calculator .button-container .calculate-btn,
.Parallelogram-section .calculator .button-container .calculate-btn,
.Ring-section .calculator .button-container .calculate-btn,
.Sector-section .calculator .button-container .calculate-btn,
.Trapezoid-section .calculator .button-container .calculate-btn,
.Triangle-section .calculator .button-container .calculate-btn,
.Triangle-with-section .calculator .button-container .calculate-btn {
	font-size: 16px;
	background: #00f;
	color: #fff;
	padding: 12px 25px;
	box-sizing: border-box;
	border: none;
	cursor: pointer
}

.Circle-section .rcalculator .image img {
	width: 80px;
	margin-top: 100px;
	margin-left: 10px
}

.Ring-section .rcalculator .image img {
	width: 200px;
	margin-top: 120px;
	margin-left: 10px
}

.Triangle-section .rcalculator .image img {
	width: 100px;
	margin-top: 140px;
	margin-left: 10px
}

.Triangle-with-section .rcalculator .image img {
	width: 120px;
	margin-top: 120px;
	margin-left: 10px
}

.Trapezoid-section .rcalculator .image img {
	width: 120px;
	margin-top: 150px;
	margin-left: 10px
}

.Sector-section .rcalculator .image img {
	width: 100px;
	margin-top: 120px;
	margin-left: 10px
}

#result {
	color: #000;
	font-size: 20px;
	line-height: 1.6em;
	margin-bottom: 10px
}

.error {
	color: red !important;
	font-size: 22px;
	margin-top: 10px
}

.right-side {
	margin-top: 70px
}

.right-side .search-bar {
	text-align: center;
	padding-top: 15px
}

.right-side .search-bar input {
	width: 250px;
	font-weight: 400px;
	font-size: 14px;
	color: #5e5e5e;
	padding: 5px 10px;
	box-sizing: border-box;
	margin-right: 5px
}

.right-side .search-bar button {
	width: 100px;
	font-size: 14px;
	color: #fff;
	padding: 5px;
	border: none;
	box-sizing: border-box;
	background: #0e4621;
	cursor: pointer
}

.others-calculate-box {
	width: 100%;
	background: #fff;
	border: 1px solid #bebebe;
	border-radius: 3px;
	margin-top: 20px
}

.others-calculate-box .other-section h2 {
	padding: 10px;
	box-sizing: border-box;
	background: #336799;
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	margin: 0
}

.others-calculate-box .other-section .ul-item ul {
	list-style: none;
	margin-left: 10px;
	padding: 0
}

.others-calculate-box .other-section .ul-item ul li a {
	font-size: 14px;
	line-height: 1.5em;
	color: #000
}

.others-calculate-box .financila {
	background: #ddd
}

.others-calculate-box .financila ul {
	list-style: none;
	padding: 5px 0;
	margin: 0
}

.others-calculate-box .financila ul li {
	display: inline-block
}

.others-calculate-box .financila ul li a {
	color: #000;
	font-size: 14px;
	margin-left: 10px
}

.reference-text h3 {
	font-size: 25px;
	color: #3bccc7;
	font-weight: 700
}

.reference-text h4 {
	color: #626262;
	font-size: 14px;
	line-height: 1.8em;
	padding-top: 10px
}

.reference-text p {
	color: #000;
	font-size: 16px;
	line-height: 1.7em;
	font-weight: 400;
	text-align: justify
}

.about-calculate h2 {
	padding-top: 20px;
	color: #3f3f3f;
	font-size: 30px;
	font-weight: 700
}

.about-calculate h3 {
	font-size: 17px;
	font-weight: 700;
	color: #3f3f3f
}

.about-calculate p,
.ractangle-border ul li {
	color: #626262;
	font-size: 16px;
	font-weight: 500
}

.about-calculate p {
	padding-top: 10px;
	line-height: 1.7em;
	text-align: justify
}

.ractangle-border ul li {
	line-height: 2em
}

.about-border-use table {
	border: 1px solid #626262
}

.about-border-use table th {
	border: 1px solid #626262;
	padding: 10px;
	font-size: 16px;
	color: #3f3f3f
}

.about-border-use table td {
	border: 1px solid #626262;
	padding: 10px;
	font-size: 16px;
	color: #3f3f3f;
	font-weight: 500
}

.edges-about h2,
.edges-area h2 {
	font-size: 30px;
	padding-top: 20px;
	line-height: 1.7em;
	color: #3f3f3f;
	font-weight: 700
}

.about-circle p,
.edges-about p,
.parel-text p {
	font-size: 16px;
	line-height: 1.7em;
	font-weight: 400;
	color: #626262;
	width: 70%;
	padding-top: 10px
}

.about-circle ul li,
.edges-about ul li,
.parel-text ul li {
	font-size: 16px;
	color: #626262;
	font-weight: 400;
	line-height: 2em
}

.edges-area p {
	font-size: 16px;
	color: #626262;
	padding-top: 10px
}

.edges-area span {
	line-height: 1.8em;
	font-size: 16px;
	color: #626262
}

.about-circle h2,
.parel-text h2 {
	font-size: 25px;
	padding-top: 20px;
	line-height: 1.5em;
	color: #3f3f3f;
	width: 80%;
	font-weight: 700
}

.circle-area-calculator table,
.circle-area-calculator table td,
.circle-area-calculator table th {
	border: 1px solid #626262;
	padding: 10px
}

.faq-list dd,
.faq-list dt {
	padding-left: 20px;
	position: relative
}

.circle-example h3 {
	font-size: 20px;
	color: #3f3f3f;
	font-weight: 600
}

.circle-area-calculator table th {
	color: #3f3f3f;
	font-size: 16px;
	font-weight: 700
}

.circle-area-calculator table td {
	color: #626262;
	font-size: 16px;
	font-weight: 400
}

.parel-text h3 {
	font-size: 20px;
	padding-top: 20px;
	line-height: 1.5em;
	color: #3f3f3f;
	font-weight: 600
}

.footage-text p,
.ring-remember span {
	line-height: 1.7em
}

.parel-text span,
.ring-remember span {
	font-size: 16px;
	color: #626262
}

.footage {
	height: 410px;
	background-color: #ebe8e8;
	border-radius: 5px;
	padding: 7px 10px
}

.footage-img,
.footage-text {
	padding-top: 20px
}

.footage-img img {
	width: 100%;
	height: 170px
}

.footage-text h3 {
	font-size: 20px;
	color: #000;
	font-weight: 600
}

.footage-text p {
	font-size: 14px;
	color: #000;
	font-weight: 400;
	text-align: justify
}

.footer-link {
	text-align: center;
	padding-top: 25px
}

.footer-link ul li {
	background: #23d3c7;
	padding: 5px 10px;
	border-radius: 5px;
	margin-left: 7px;
	margin-right: 7px
}

.footer-link ul li a {
	font-size: 14px;
	color: #fff
}

.footer-last-link ul li a,
.footer-last-link ul li span {
	color: #fff;
	font-size: 24px
}

.footer-last {
	height: 50px;
	width: 100%;
	background: #0db7ce
}

.footer-last-link {
	padding-top: 15px;
	text-align: center
}

.faq-list {
	background-color: #fff;
	padding: 30px 25px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	margin-top: 40px;
	margin-bottom: 60px;
	border: 2px solid #00f
}

.faq-list h2 {
	font-size: 28px;
	color: #3f3f3f;
	font-weight: 700;
	margin-bottom: 25px
}

.faq-list dt {
	font-weight: 600;
	font-size: 18px;
	margin-top: 22px;
	color: #1d3b63;
	line-height: 1.6
}

.faq-list dt::before {
	content: "Q:";
	position: absolute;
	left: 0;
	color: #007bff;
	font-weight: 700
}

.faq-list dd {
	margin: 10px 0 20px;
	line-height: 1.7;
	font-size: 16px;
	color: #4a4a4a
}

.faq-list dd::before {
	content: "A:";
	position: absolute;
	left: 0;
	color: #28a745;
	font-weight: 700
}

@media only screen and (max-width:771px) {

	#listmenu li,
	.menu {
		display: block
	}

	.menu {
		font-size: 30px;
		color: #000
	}

	.logo img {
		height: 40px;
		width: 30px
	}

	.main {
		margin-top: 60px
	}

	#listmenu {
		position: absolute;
		height: 100vh;
		width: 100%;
		top: 60px;
		left: 0;
		background: #fff;
		box-shadow: 0 0 10px 10px rgb(87 85 85 / .1);
		overflow: hidden;
		max-height: 0;
		transition: .5s
	}

	#listmenu li a {
		line-height: 3em;
		color: #626262;
		font-size: 1rem
	}

	#listmenu i {
		display: none
	}

	.hero-text h1 {
		font-size: 30px;
		margin-top: -40px
	}

	.hero-text p {
		width: 100%;
		font-size: 12px;
		margin: -20px -20px -20px 5px
	}

	.btn {
		margin-top: 30px;
		margin-left: -21px
	}

	.calculate-btn2,
	.side-link {
		margin-left: 0
	}

	.btn a {
		font-size: 14px;
		padding: 3px 7px;
		transition: .5s;
		margin-right: 10px
	}

	.content2 table td input,
	.content3 table td input,
	.content4 table td input,
	.content5 table td input,
	.content7 table td input,
	.content8 table td input,
	.content9 table td input,
	.rectangle-section .calculator .content1 table td input,
	.rectangle-section .calculator .content6 table td input {
		width: 80%
	}

	.col-md,
	.content1 table td select,
	.content2 table td select,
	.content3 table td select,
	.content4 table td select,
	.content5 table td select,
	.content6 table td select,
	.content7 table td select,
	.content8 table td select,
	.content9 table td select,
	.refer-img img {
		width: 100%
	}

	.area-img img,
	.image4 img,
	.image5 img,
	.image6 img,
	.sector-img img {
		width: 100%;
		height: 200px
	}

	.calculate-text p {
		font-size: 16px;
		color: #626262;
		line-height: 1.7em;
		text-align: justify;
		font-weight: 400
	}

	.header-text {
		font-size: 30px;
		font-weight: 600;
		color: #4e4b4b;
		padding-top: 10px
	}

	.about-calculate h2,
	.col-md h2 {
		font-size: 22px
	}

	.side-link {
		box-shadow: none
	}

	.hide-on-mobile {
		display: inline-block;
		background: #0db7ce;
		color: #fff
	}

	@media (max-width:768px) {
		.footage-mobile1 {
			display: none !important
		}
	}
}

.container1-collaps {
	width: 70%
}

.btn {
	display: flex;
	align-items: center;
	margin-left: -20px;
	margin-top: -10px
}

.btn a {
	margin-left: 5px;
	margin-right: 5px
}

@media (max-width:768px) {
	#adsterra-banner-container {
		height: auto;
		max-width: 100%;
		padding: 10px
	}

	.main {
		height: 230px
	}

	.btn {
		margin-top: 25px
	}

	.btn a {
		font-size: 12px;
		padding: 2px 4px
	}

	.footage-mobile {
		position: absolute;
		margin-top: 65px;
		margin-left: 0
	}

	.footage-mobile1 {
		position: absolute;
		margin-top: 140px;
		margin-left: 0
	}

	.hero-text {
		padding-top: 50px
	}

	.hero-text h1 {
		font-size: 20px;
		padding-bottom: 10px
	}

	.hero-text p {
		padding-top: 10px
	}

	.container1-collaps,
	.trinagle-img img {
		width: 100%
	}
}

.side-link-container {
	position: absolute;
	top: 400px;
	right: 100px;
	width: 300px
}

@media (max-width:991px) {
	.side-link-container {
		position: static;
		width: 100%;
		margin-top: 20px
	}

	.btn-d {
		display: flex;
		align-items: center;
	}
}