@font-face {
font-family: 'poppinsblack';
src: url('./fonts/poppins-black-webfont.woff2') format('woff2'),
	 url('./fonts/poppins-black-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'poppinsbold';
src: url('./fonts/poppins-bold-webfont.woff2') format('woff2'),
	 url('./fonts/poppins-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}




@font-face {
font-family: 'poppinsextrabold';
src: url('./fonts/poppins-extrabold-webfont.woff2') format('woff2'),
	 url('./fonts/poppins-extrabold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'poppinsextralight';
src: url('./fonts/poppins-extralight-webfont.woff2') format('woff2'),
	 url('./fonts/poppins-extralight-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'poppinslight';
src: url('./fonts/poppins-light-webfont.woff2') format('woff2'),
	 url('./fonts/poppins-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'poppinsmedium';
src: url('./fonts/poppins-medium-webfont.woff2') format('woff2'),
	 url('./fonts/poppins-medium-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'poppinsregular';
src: url('./fonts/poppins-regular-webfont.woff2') format('woff2'),
	 url('./fonts/poppins-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'poppinssemibold';
src: url('./fonts/poppins-semibold-webfont.woff2') format('woff2'),
	 url('./fonts/poppins-semibold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'poppinsthin';
src: url('./fonts/poppins-thin-webfont.woff2') format('woff2'),
	 url('./fonts/poppins-thin-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

* {
box-sizing: border-box;
user-select: none;
}

body,html {
height: 100%;
margin: 0px;
}

body {
font-family: 'poppinsregular', serif;
overflow-y: hidden;
text-shadow: rgba(0,0,0,.2) 0 0 1px;
}

a {
text-decoration: none;
}

ul,li {
margin: 0px;
padding: 0px;
list-style-type: none;
}

input:focus {
outline: 0px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

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

.preloader {
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
background-color: rgb(245,245,245);
z-index: 10000;
overflow: hidden;
}

.preloader .preloader-spinner {
position: absolute;
left: 50%;
top: 50%;
height: 200px;
width: 200px;
margin: -100px 0px 0px -100px;
background-image: url('./../../images/logo.svg');
background-repeat: no-repeat;
background-position: center center;
background-size: 120px auto;
}

.preloader .preloader-spinner .preloader-spinner-ins {
width: 100%;
height: 100%;
-webkit-animation: rotation .6s infinite linear;
-moz-animation: rotation .6s infinite linear;
-o-animation: rotation .6s infinite linear;
animation: rotation .6s infinite linear;
border-left: 6px solid rgba(145,198,60,1);
border-right: 6px solid rgba(145,198,60,1);
border-bottom: 6px solid rgba(145,198,60,1);
border-top: 6px solid rgba(41,133,61,1);
border-radius: 100%;
}

@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
}

.header {
height: 80px;
border-bottom: 0.5px solid rgb(220,220,220);
position: relative;
overflow: hidden;
}

.header .header-logo {
width: 120px;
margin: 17px 0px 0px 30px;
float: left;
}

.header .header-title-1 {
padding: 18px 40px 0px 0px;
float: right;
font-size: 22px;
line-height: 24px;
color: rgb(30,30,30);
font-family: 'poppinsmedium';
text-align: right;
}

@media (max-width: 1190px) {
	
	.header .header-title-1 {
	padding-right: 30px;	
	}
	
}

.header .header-title-1 span {
display: block;
font-size: 12px;
line-height: 16px;
font-family: 'poppinsregular';
color: rgb(120,120,120);
padding-top: 3px;
}

.header .header-title-1 span a {
color: rgb(120,120,120);
text-decoration: underline;
}

.header .header-title-1 span a:hover {
text-decoration: none;
}

.header .header-title-2 {
width: calc(100% - 200px);
padding: 0px 30px 0px 0px;
position: absolute;
right: 0px;
top: 30px;
font-size: 20px;
line-height: 24px;
color: rgb(30,30,30);
font-family: 'poppinsbold';
text-align: right;
display: none;
}

@media (max-width: 530px) {
	
	.header .header-title-2 {
	font-size: 14px;
	line-height: 16px;
	top: 34px;
	}
	
}

@media (max-width: 435.5px) {
	
	.header .header-title-2 {
	top: 30px;	
	}
	
}

@media (max-width: 390px) {

	.header .header-title-2 {
	display: none !important;
	}
	
}

@media (max-width: 767px) {
	
	.header .header-title-1 {
	display: none;	
	}
	
	.header .header-title-2 {
	display: block;	
	}
	
}

.content {
display: flex;
}

@media (max-width: 1190px) {
	
.content {
display: block;
}
	
}

.content .left-box {
width: 600px;
float: left;
background-color: rgb(245,245,245);
border-right: 0.5px solid rgb(220,220,220);
}

@media (max-width: 1190px) {
	
	.content .left-box {
	width: 100%;	
	border-right: 0px;
	}
	
}

.content .left-box .left-box-title {
height: 42px;
font-size: 15px;
line-height: 25px;
color: rgb(255,255,255);
background: rgb(41,133,61);
background: linear-gradient(0deg, rgba(41,133,61,1) 0%, rgba(145,198,60,1) 100%);
margin-bottom: 1px;
position: relative;
box-sizing: border-box;
padding: 9px 30px 0px 70px;
}

.content .left-box .left-box-title span {
width: 22px;
height: 22px;
line-height: 24px;
font-size: 11px;
display: inline-block;
color: rgb(30,30,30);
background-color: rgb(255,255,255);
border-radius: 50%;
position: absolute;
left: 30px;
top: 10px;
text-align: center;
margin-right: 15px;
font-family: 'poppinsmedium';
}

.content .left-box .left-box-text {
padding: 21px 30px 19px 30px;
font-size: 14px;
line-height: 22px;
color: rgb(30,30,30);
}

.content .left-box .left-box-shapes {
padding: 0px 25px 42px 25px;
}

.content .left-box .left-box-shapes .left-box-shape {
width: calc((100% / 5) - 10px);
aspect-ratio: 1 / 0.8; 
border: 0.5px solid rgb(220,220,220);
background-color: rgb(255,255,255);
display: inline-block;
margin: 0px 5px 0px 5px;
cursor: pointer;
position: relative;
}

.content .left-box .left-box-shapes .left-box-shape.selected {
border-color: #779856;
}

.content .left-box .left-box-shapes .left-box-shape .lbs-shape {
width: calc(100% - 30px);
height: calc(100% - 30px);
position: absolute;
left: 15px;
top: 15px;
background-color: rgb(130,130,130);
overflow: hidden;
}

.content .left-box .left-box-shapes .left-box-shape:nth-child(2) .lbs-shape::after {
width: 60%;
height: 50%;
content: '';
position: absolute;
right: 0px;
bottom: 0px;
background-color: rgb(255,255,255);
}

.content .left-box .left-box-shapes .left-box-shape:nth-child(3) .lbs-shape::after {
width: 40%;
height: 50%;
content: '';
position: absolute;
right: 30%;
bottom: 0px;
background-color: rgb(255,255,255);
}

.content .left-box .left-box-shapes .left-box-shape:nth-child(4) .lbs-shape::after {
width: 60%;
height: 50%;
content: '';
position: absolute;
right: 20%;
bottom: 25%;
background-color: rgb(255,255,255);
}

.content .left-box .left-box-shapes .left-box-shape:nth-child(5) .lbs-shape::after {
width: 80%;
height: 80%;
content: '';
position: absolute;
left: -40%;
top: -40%;
transform: rotateY(0deg) rotate(-45deg);
background-color: rgb(255,255,255);
}

.content .left-box .left-box-shapes .left-box-shape .lbs-title {
position: absolute;
left: 0px;
bottom: -23px;
font-size: 12px;
line-height: 14px;
color: rgb(30,30,30);
width: 100%;
text-align: center;
}

.content .left-box .left-box-sizes {
font-size: 0px;
padding: 0px 30px 30px 30px;
}

.content .left-box .left-box-sizes .left-box-size .lbs-left {
width: 43%;
aspect-ratio: 1 / 0.8; 
display: inline-block;
border: 0.5px solid rgb(220,220,220);
background-color: rgb(255,255,255);
vertical-align: top;
position: relative;
}

.content .left-box .left-box-sizes .left-box-size .lbs-left .lbs-shape {
width: calc(100% - 60px);
height: calc(100% - 60px);
position: absolute;
left: 30px;
top: 30px;
background-color: rgb(130,130,130);
overflow: hidden;
}

.content .left-box .left-box-sizes .left-box-size:nth-child(2) .lbs-left .lbs-shape::after {
width: 60%;
height: 50%;
content: '';
position: absolute;
right: 0px;
bottom: 0px;
background-color: rgb(255,255,255);
}

.content .left-box .left-box-sizes .left-box-size:nth-child(3) .lbs-left .lbs-shape::after {
width: 40%;
height: 50%;
content: '';
position: absolute;
right: 30%;
bottom: 0px;
background-color: rgb(255,255,255);
}

.content .left-box .left-box-sizes .left-box-size:nth-child(4) .lbs-left .lbs-shape::after {
width: 60%;
height: 50%;
content: '';
position: absolute;
right: 20%;
bottom: 25%;
background-color: rgb(255,255,255);
}

.content .left-box .left-box-sizes .left-box-size .lbs-right {
width: 57%;
padding-left: 40px;
display: inline-block;
vertical-align: top;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-input label {
display: inline-block;
margin-right: 25px;
overflow: hidden;
}

@media (max-width: 540px) {
	
	.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-input label {
	width: 100%;
	display: block;
	margin-right: 0px;
	clear: both;
	}
	
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-input label:last-of-type {
margin-right: 0px;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-input span {
width: 30px;
font-size: 13px;
line-height: 36px;
color: rgb(30,30,30);
float: left;
clear: both;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-input input {
width: 70px;
padding: 0px 10px 0px 10px;
height: 34px;
font-size: 13px;
line-height: 16px;
color: rgb(30,30,30);
border: 0.5px solid rgb(220,220,220);
float: left;
margin-bottom: 6px;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-check {
overflow: hidden;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-check .lbs-check-item {
position: relative;
float: left;
padding-bottom: 6px;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-check .lbs-check-item label {
width: 70px;
font-size: 13px;
line-height: 20px;
color: rgb(30,30,30);
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-check .lbs-check-item .lbs-check-item-box {
width: 20px;
height: 20px;
border: 1px solid rgb(220,220,220);
display: inline-block;
background-color: rgb(255,255,255);
position: absolute;
left: 0px;
top: 0px;
cursor: pointer;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-check .lbs-check-item .lbs-check-item-box.selected::after {
content: "\f00c";
position: absolute;
left: 4px;
top: 1px;
font-size: 11px;
font-weight: 900;
font-family: "Font Awesome 6 Pro";
color: #779856;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-check .lbs-check-item .lbs-check-item-lab {
padding-left: 27px;
cursor: pointer;
}

.content .left-box .left-box-input, .content .left-box .left-box-choices {
padding: 0px 30px 6px 30px;
font-size: 0px;
position: relative;
}

.content .left-box .lbc-label {
width: 140px;
height: 34px;
display: inline-block;
font-size: 13px;
line-height: 36px;
color: rgb(30,30,30);
}

.content .left-box .left-box-choices .lbc-colors {
padding-top: 1px;
width: calc(100% - 134px);
float: right;
margin: 8px -3px 22px -3px;
}

.content .left-box .left-box-choices .lbc-colors .lbc-color {
width: calc(100% / 5);
float: left;
padding: 0px 3px 0px 3px;
position: relative;
}

@media (max-width: 660px) {
	
	.content .left-box .left-box-choices .lbc-colors {
	margin-top: 8px;
	margin-bottom: 3px;	
	}
	
	.content .left-box .left-box-choices .lbc-colors .lbc-color {
	width: calc(100% / 3);
	margin-bottom: 29px;
	}
	
}

.content .left-box .left-box-choices .lbc-colors .lbc-color .lbc-color-ins {
width: 100%;
aspect-ratio: 1 / 0.8; 
border: 0.5px solid rgb(220,220,220);
background-color: rgb(255,255,255);
display: block;
cursor: pointer;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

.content .left-box .left-box-choices .lbc-colors .lbc-color .lbc-color-ins span {
position: absolute;
left: 0px;
bottom: -18px;
font-size: 10px;
line-height: 14px;
color: rgb(30,30,30);
width: 100%;
text-align: center;
}

.content .left-box .left-box-choices .lbc-colors .lbc-color.selected .lbc-color-ins::after {
width: 26px;
height: 26px;
background-color: rgb(255,255,255);
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
margin: -13px 0px 0px -13px;
content: "\f00c";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
font-size: 12px;
line-height: 27px;
text-align: center;
color: #779856;
}

.content .left-box .left-box-choices .lbc-colors .lbc-color:last-of-type .lbc-color-ins {
width: 100%;
margin-right: 0px;
}

.content .left-box .left-box-choices .lbc-colors .lbc-color .lbc-color-open-1, .content .left-box .left-box-choices .lbc-colors .lbc-color .lbc-color-open-2 {
padding: 4px 4px 2px 4px;
position: absolute;
right: 3px;
top: 0px;
font-size: 10px;
line-height: 13px;
color: rgb(100,100,100);
background-color: rgb(255,255,255);
cursor: pointer;
border: 1px solid rgb(220,220,220);
}

.content .left-box .left-box-choices .lbc-choice {
width: calc(100% - 140px);
padding: 0px 40px 0px 10px;
height: 34px;
border: 0.5px solid rgb(220,220,220);
background-color: rgb(255,255,255);
display: inline-block;
font-size: 13px;
line-height: 34px;
color: rgb(30,30,30);
cursor: pointer;
position: relative;
}

.content .left-box .left-box-choices .lbc-choice i {
position: absolute;
right: 10px;
top: 10px;
}

.content .left-box .left-box-input .lbc-input {
width: calc(100% - 140px);
padding: 0px 40px 0px 10px;
height: 34px;
border: 0.5px solid rgb(220,220,220);
background-color: rgb(255,255,255);
display: inline-block;
font-size: 13px;
line-height: 34px;
color: rgb(30,30,30);
}

.content .left-box .left-box-choices .lbc-menu {
position: absolute;
right: 30px;
top: 34px;
width: calc(100% - 200px);
border: 0.5px solid rgb(220,220,220);
z-index: 999;
background-color: rgb(255,255,255);
}

.content .left-box .left-box-choices .lbc-menu .lbc-menu-item {
padding: 0px 10px 0px 10px;
font-size: 13px;
line-height: 34px;
color: rgb(30,30,30);
cursor: pointer;
}

.content .left-box .left-box-choices .lbc-menu .lbc-menu-item:hover {
background-color: #edf2e9;
}

.content .right-box {
padding: 40px;
width: calc(100% - 600px);
float: right;
}

@media (max-width: 1190px) {
	
	.content .right-box {
	width: 100%;
	padding: 20px;
	}
	
}

.content .right-box .right-box-menu {
padding-left: 1px;
margin-bottom: -1px;
position: relative;
z-index: 999;
font-size: 0px;
}

.content .right-box .right-box-menu span {
color: rgb(30,30,30);
font-size: 14px;
line-height: 19px;
padding: 14px 20px 12px 20px;
display: inline-block;
border-bottom: 0px;
border: 1px solid rgb(220,220,220);
border-bottom: 0px;
margin-left: -1px;
cursor: pointer;
}

.content .right-box .right-box-menu span.active {
background-color: rgb(245,245,245);
z-index: 998;
position: relative;
}

.content .right-box .right-box-visualisation {
width: 100%;
max-height: 660px;
padding: 60px;
/* aspect-ratio: 1 / 0.7; */
border: 0.5px solid rgb(220,220,220);
/*background-image: linear-gradient(rgba(220,220,220,0.6) 0.5px, transparent 0.5px), linear-gradient(90deg, rgba(220,220,220,0.6) 0.5px, transparent 0.5px); */
/* background-size: 0.8vw 0.8vw; */
/* background-position: -1px -1px; */
position: relative;
background-color: rgb(245,245,245);
overflow-x: scroll;
overflow-y: scroll;
}

.content .right-box .right-box-visualisation .insbox-1 {
position: relative;
margin: 0 auto;
}

.content .right-box .right-box-visualisation .insbox-2 {
border: 4px solid rgb(0,0,0);
width: 100%;	
height: 100%;
}

.content .right-box .right-box-visualisation .dimension-mount-line {
background-color: rgb(0,0,0);
font-size: 11px;
line-height: 11px;
color: rgb(0,0,0);
position: relative;
float: left;
}

.content .right-box .right-box-visualisation .dimension-mount-line::before {
content: '';
position: absolute;
left: 0px;
top: -5px;
height: 10px;
width: 1px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-mount-line::after {
content: '';
position: absolute;
right: 0px;
top: -5px;
height: 10px;
width: 1px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-mount-line-2 {
background-color: rgb(0,0,0);
font-size: 11px;
line-height: 11px;
color: rgb(0,0,0);
position: relative;
float: left;
clear:both;
}

.content .right-box .right-box-visualisation .dimension-mount-line-2::before {
content: '';
position: absolute;
top: 0px;
left: -5px;
width: 10px;
height: 1px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-mount-line-2::after {
content: '';
position: absolute;
left: -5px;
bottom: 0px;
width: 10px;
height: 1px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-horizontal {
width: 100%;
padding-bottom: 2px;
position: absolute;
left: 0px;
top: -25px;
font-size: 11px;
line-height: 11px;
color: rgb(0,0,0);
border-bottom: 0.5px solid rgb(0,0,0);
text-align: center;
}

.content .right-box .right-box-visualisation .dimension-horizontal::before {
content: '';
position: absolute;
left: 0px;
top: 8px;
height: 10px;
width: 0.5px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-horizontal::after {
content: '';
position: absolute;
right: 0px;
top: 8px;
height: 10px;
width: 0.5px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-vertical {
height: 100%;
padding-left: 2px;
position: absolute;
right: -15px;
top: 0px;
font-size: 11px;
line-height: 11px;
color: rgb(0,0,0);
border-left: 0.5px solid rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-vertical::before {
content: '';
position: absolute;
left: -5px;
top: 0px;
height: 1px;
width: 10px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-vertical::after {
content: '';
position: absolute;
left: -5px;
bottom: 0px;
height: 1px;
width: 10px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-vertical-label {
width: 100px;
text-align: center;
position: absolute;
left: -40px;
top: 50%;
font-size: 11px;
line-height: 11px;
color: rgb(0,0,0);
transform: rotate(-90deg);
}

.content .right-box .right-box-visualisation .insbox-2 .plankrow {
font-family: 'poppinslight';
font-size: 9px;
text-align: center;
position: absolute;
}

.content .right-box .right-box-visualisation .plankrow {
box-sizing: border-box;
overflow: hidden;
background-color: rgba(41,133,61,0.1);
}

.content .right-box .right-box-visualisation .plankrow div {
float: left;
}

.content .right-box .right-box-visualisation .plankrow div:last-of-type {
border-right: 0px !important;
border-bottom: 0px !important;
}

.content .right-box .right-box-legend {
border: 1px solid rgb(220,220,220);
padding: 25px 20px 15px 20px;
overflow: hidden;
border-top: 0px;
}

.content .right-box .right-box-legend .right-box-legend-line {
padding-right: 30px;
padding-bottom: 5px;
padding-left: 60px;
box-sizing: border-box;
float: left;
font-size: 14px;
line-height: 17px;
color: rgb(30,30,30);
position: relative;
}

.content .right-box .right-box-legend .right-box-legend-line:nth-child(1)::before {
content: '';
width: 50px;
height: 4px;
position: absolute;
left: 0px;
top: 5px;
background: rgb(0,0,0);
}

.content .right-box .right-box-legend .right-box-legend-line:nth-child(2)::before {
content: '';
width: 50px;
height: 4px;
position: absolute;
left: 0px;
top: 5px;
background: rgb(145,198,60);
}

.content .right-box .right-box-legend .right-box-legend-line:nth-child(3)::before {
content: '';
width: 50px;
height: 1px;
position: absolute;
left: 0px;
top: 7px;
background: rgb(145,198,60);
}

.content .right-box .right-box-legend .right-box-legend-line:nth-child(4)::before {
content: '';
width: 50px;
height: 4px;
position: absolute;
left: 0px;
top: 5px;
border: 1px solid orange;
box-sizing: border-box;
}


.content .right-box .right-box-modal {
width: 100%;
height: 100%;
background-color: rgba(245,245,245,0.8);
position: absolute;
left: 0px;
top: 0px;
}

.content .right-box .right-box-modal span {
width: 300px;
height: 75px;
background-color: rgb(255,255,255);
position: absolute;
left: 50%;
top: 50%;
margin: -37px 0px 0px -150px;
font-size: 12px;
line-height: 17px;
color: rgb(30,30,30);
padding: 20px 20px 0px 80px;
border: 1px solid rgb(220,220,220);
}

.content .right-box .right-box-modal span i {
position: absolute;
left: 21px;
top: 16px;
font-size: 40px;
line-height: 43px;
}

.content .right-box .right-box-sumary {
margin-top: 40px;
padding: 31px 30px 30px 30px;
border: 0.5px solid rgb(220,220,220);
position: relative;
}

.content .right-box .right-box-sumary h2 {
padding: 31px 0px 11px 0px;
margin: 0px;
font-size: 18px;
line-height: 21px;
color: rgb(30,30,30);
font-family: 'poppinsmedium';
}

.content .right-box .right-box-sumary h2:first-of-type {
padding-top: 0px;
}

.content .right-box .right-box-sumary table {
width: 100%;
border-collapse: collapse;
border-top: 0.5px solid rgb(220,220,220);
}

.content .right-box .right-box-sumary table tr td {
padding: 9px 0px 9px 0px;
border-bottom: 0.5px solid rgb(220,220,220);
font-size: 15px;
line-height: 17px;
color: rgb(30,30,30);
}

.content .right-box .right-box-sumary table tr td:nth-child(2) {
font-family: 'poppinsmedium';
text-align: right;
}

.content .right-box .right-box-sumary p {
padding: 30px 0px 0px 0px;
margin: 0px;
font-size: 15px;
line-height: 21px;
color: rgb(30,30,30);
text-align: center;
font-family: 'poppinsmedium';
}

.content .right-box .right-box-btns {
padding: 40px 0px 50px 0px;
text-align: right;
}

.content .right-box .right-box-btns .rbb-add {
background: rgb(41,133,61);
background: linear-gradient(0deg, rgba(41,133,61,1) 0%, rgba(145,198,60,1) 100%);
display: inline-block;
font-size: 18px;
line-height: 60px;
padding: 0px 30px 0px 30px;
color: rgb(255,255,255);
vertical-align: top;
font-family: 'poppinsmedium';
}

.content .right-box .right-box-btns .rbb-send {
background-color: rgb(245,245,245);
border: 0.5px solid rgb(220,220,220);
display: inline-block;
font-size: 18px;
line-height: 58px;
padding: 0px 30px 0px 30px;
color: rgb(30,30,30);
vertical-align: top;
margin-right: 20px;
font-family: 'poppinsmedium';
}

@media (max-width: 600px) {
	
	.content .right-box .right-box-btns .rbb-add {
	width: 100%;	
	text-align: center;
	margin-top: 10px;
	}
	
	.content .right-box .right-box-btns .rbb-send {
	width: 100%;
	text-align: center;
	}
	
}

.footer {
border-top: 0.5px solid rgb(220,220,220);
clear: both;
position: relative;
z-index: 998;
}

.footer .footer-copyright {
padding: 35px 30px 35px 30px;
font-size: 13px;
line-height: 19px;
color: rgb(120,120,120);
text-align: center;
}

.footer .footer-copyright a {
color: rgb(120,120,120);
text-decoration: underline;
}

.footer .footer-copyright a:hover {
text-decoration: none;
}

.footer .footer-copyright span {
display: block;
font-family: 'poppinsmedium';
padding-bottom: 5px;
}