:root{
	--lblack: #282828;
	--hblack: #171717;
	--lblue: #3f82ef;
	--hblue: #194578;
	--gblack: #222222;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
}

@media only screen and (max-width: 1910px){
	.img-logo{
		width: 6rem !important;
	}
	.custom-nav-color{
		background: var(--lblack) !important;
		margin: 0;
		padding: 0;
	}
	.menu-link{
		text-decoration: none;
		color: white !important;
		font-weight: 300;
		margin-right: 1.8rem;
		font-size: 0.95rem;
	}
	.button-wrapper{
		padding-right: 2rem;
	}
	.menu-link-remark{
		background: white;
		color: black !important;
		border-radius: 3rem !important;
		padding-top: 0.1rem;
		padding-bottom: 0.1rem;
		padding-right: 0.8rem;
		padding-left: 0.8rem;
		font-weight: 700;
	}
	.fx-background-gray{
		background: var(--hblack);
		color: white;
		padding-left: 2.4rem;
		padding-right: 2.4rem;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.main-text-top{
		font-weight: 300;
		font-size: 1.4rem;
		line-height: 1rem;
		color: lightgray;
	}
	.main-text-middle{
		line-height: 3.8rem;
		font-weight: 700;
		font-size: 5rem;
	}
	.main-text-bottom{
		line-height: 4rem;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.1rem;
	}
	.main-text-wrapper{
		margin-top: 10rem;
		margin-left: 14rem;
	}
	.default-button{
		background: var(--lblue);
		color: white !important;
	}
	.main-text-button-wrapper{
		margin-top: 2rem;
	}
	.main-side-image{
		width: 30rem;
	}
	.background-about-us{
		background: var(--hblue);
		color: white;
	}
	.about-wrapper{
		padding: 3rem;
		padding-left: 9rem;
		padding-right: 9rem;
	}
	.leave-margin-normal{
		margin-top: 1rem;
	}
	.leave-margin-large{
		margin-top: 6rem;
	}
	.demo-container{
		display: flex;
	}
	.group-a{
		padding: 0.5rem;
	}
	.demo-icon{
		font-size: 4rem;
	}
	.demo-content{
		padding-left: 2rem;
	}
	.demo-title{
		font-weight: 700;
		font-size: 2rem;
	}
	.demo-description{
		padding-top: 0.6rem;
	}
	.demo-button{
		color: white !important;
		border-radius: 0px;
		border: 1px solid white;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.demo-button:hover{
		background: white;
		color: var(--hblue) !important;
	}
	.demo-button-wrapper{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.background-about-us-2{
		background: var(--lblack);
		color: white;
	}
	.footer-title{
		color: white;
		font-size: 1.2rem;
		text-transform: uppercase;
		padding-bottom: 1rem;
		font-weight: 700;
	}
	.footer-description{
		color: gray;
	}
	.address-content{
		font-size: 0.9rem;
	}
	.phone-button{
		cursor: pointer;
		color: white !important;
		font-weight: 700;
	}
	.footer-background{
		background: var(--gblack);
		color: white;
		padding: 0.9rem;
		color: gray;
		font-family: 'Roboto', sans-serif;
	}
	.comp-text{
		font-weight: 700;
	}
	.left-content-wrapper{
		background: #f5f5f5;
		height: 100%;
		padding: 3rem;
		padding-left: 10rem;
		padding-right: 5rem;
		color: var(--hblack);
	}
	.right-content-wrapper{
		background: #4ca76c;
		height: 100%;
		padding: 3rem;
		padding-left: 4rem;
		padding-right: 4rem;
		color: white;
	}
	.nopadding{
		margin: 0;
		padding: 0;
	}
	.desc-title{
		font-weight: 500;
		font-size: 2rem;
		padding-bottom: 2rem;
		line-height: 2rem;
	}
	.button-wrapper{
		padding-top: 2rem;
		padding-bottom: 1rem;
	}
	.point-container{
		display: flex;
	}
	.right-pane{
		padding-left: 1rem;
	}
	.point-title{
		font-weight: 300;
		font-size: 1.5rem;
		padding-bottom: 0.7rem;
	}
	.point-desc{
		color: gray;
	}
	.img-svg{
		width: 80px;
	}
	.col-padding{
		padding-right: 1.2rem;
	}
	.left-content-wrapper .row{
		padding-top: 1rem;
		margin-bottom: 3rem;
	}
	.welcome-wrapper{
		padding: 4.5rem;
		padding-left: 10rem;
		padding-right: 10rem;
		padding-bottom: 7rem;
	}
	.welcome-pre-title{
		font-weight: 500;
		font-size: 1.4rem;
	}
	.welcome-title{
		padding-top: 2rem;
		line-height: 3rem;
		padding-left: 15rem;
		padding-right: 15rem;
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
		font-size: 2.8rem;
	}
	.service-title{
		padding-left: 3rem;
		text-align: center;
		display: flex;
		padding-bottom: 1rem;
	}
	.icon-svg{
		width: 2rem;
	}
	.title-text{
		padding-left: 1rem;
		font-weight: 500;
		font-size: 1.4rem;
	}
	.service-price{
		padding-top: 1.2rem;
	}
	.price-text{
		color: gray;
		font-weight: 500;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.dollar-text{
		font-size: 1.4rem;
	}
	.price-value{
		padding-top: 0;
		line-height: 3rem;
		margin-top: 0;
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
		font-size: 3rem;
	}
	.s-block{
		padding: 5rem;
		padding-right: 12rem;
		padding-left: 12rem;
		padding-bottom: 3rem;
		background-color: white;
		margin-bottom: 0.7rem;
	}
	.block-title{
		font-family: 'Roboto', sans-serif;
		font-size: 3rem;
		font-weight: 700;
		line-height: 3.7rem;
	}
	.list-wrapper{
		margin-top: 2rem;
		padding-left: 2rem;
	}
	.list-icon{
		font-size: 1.3rem;
		padding-bottom: 0.8rem;
	}
	.product-image-1{
		width: 120%;
	}
	.background-gray{
		background: #f2f2f2;
	}
	.block-button-wrapper{
		padding-top: 1rem;
		padding-bottom: 2rem;
	}
	.r-padding{
		padding-right: 1rem;
	}
	.s-d-block{
		padding: 5rem;
		padding-right: 12rem;
		padding-left: 12rem;
		padding-bottom: 4rem;
		/*margin-bottom: 0.7rem;*/
	}
	.block-d-pre-title{
		font-weight: 500;
		font-size: 1.3rem;
	}
	.block-d-title{
		font-weight: 700;
		font-family: 'Roboto', sans-serif;
		font-size: 4rem;
	}
	.reg-text{
		font-weight: 100;
		font-size: 2rem;
	}
	.block-d-content{
		padding-left: 4rem;
		padding-right: 4rem;
		padding-top: 3.7rem;
		font-size: 1rem;
		font-weight: 300;
	}
	.url-text{
		text-decoration: none;
		font-size: 1rem;
		color: maroon;
		font-family: 'Ubuntu';
		font-weight: 500;
	}
	.block-c-content{
		padding-top: 4rem;
	}
	.rem-wrapper{
		background-color: white;
		border: 1px solid lightgray;
		padding: 3rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.rem-content{
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
		font-size: 1.2rem;
		padding-top: 1rem;
	}
	.icon-svg-2{
		width: 4rem;
	}
	.service-svg{
		width: 5rem;
	}
	.about-wrapper{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.about-title{
		font-weight: 700;
		font-family: 'Roboto', sans-serif;
		font-size: 2rem;
	}
	.about-content{
		text-align: left;
		padding-top: 3rem;
		padding-left: 8rem;
		padding-right: 8rem;
		font-size: 1.2rem;
	}
	.about-gray-panel{
		background: #f2f2f2;
		padding: 5rem;
	}
	.img-svg-3{
		width: 2.5rem;
	}
	.about-f-title{
		font-weight: 500;
		padding-top: 1rem;
		padding-bottom: 0.8rem;
		font-size: 1.2rem;
	}
	.about-f-content{
		padding-left: 8rem;
		padding-right: 8rem;
	}
	.left-border{
		border-left: 1px solid lightgray;
	}
	.pro-image{
		padding-top: 4rem;
		width: 40rem;
	}
	.product-wrapper{
		background-color: var(--hblack);
	}
	.pro-content-wrapper{
		padding-top: 5rem;
		color: white;
	}
	.pro-pre-title{
		font-weight: 500;
		font-size: 1.2rem;
	}
	.pro-title{
		font-weight: 700;
		font-family: 'Roboto', sans-serif;
		font-size: 4rem;
		padding-bottom: 2rem;
	}
	.slim-text{
		font-weight: 300;
	}
	.pro-content{
		padding-left: 20rem;
		padding-right: 20rem;
		font-size: 1.2rem;
	}
	.pro-button-wrapper{
		padding-top: 2rem;
	}
	.product-w-wrapper{
		padding-top: 8rem;
		color: black;
		background-color: #f2f2f2;
	}
	.pro-image-2{
		width: 30rem;
	}
	.pro-pre-title-2{
		font-weight: 500;
		font-size: 1.2rem;
	}
	.pro-w-title-2{
		font-weight: 700;
		font-family: 'Roboto', sans-serif;
		font-size: 4rem;
		padding-bottom: 2rem;
	}
	.slim-text-2{
		font-weight: 300;
	}
	.pro-w-content-2{
		padding-right: 20rem;
		font-size: 1.2rem;
	}
	.pro-w-button-wrapper-2{
		padding-top: 2rem;
	}
	.about-w-title{
		padding-top: 2rem;
		font-weight: 700;
		font-family: 'Roboto', sans-serif;
		font-size: 2rem;
	}
	.custom-input-group{
		padding-bottom: 1.4rem;
	}
	.meetup-form{
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.custom-element{
		width: 100%;
		padding-left: 1rem;
		height: 3rem;
		border-radius: 0px;
		font-size: 1rem;
		border: 1px solid black;
		font-weight: 300;
	}
	.label{
		font-size: 0.8rem;
		padding-bottom: 0.2rem;
	}
	.quote-panel-cover{
		background: #f2f2f2;
		padding: 3rem;
		padding-left: 12rem;
		padding-right: 12rem;
	}
	.white-background{
		background: white;
		border: 1px solid lightgray;
	}
	.text_danger{
		color: red;
		margin-top: 0.2rem;
		padding-top: 0.2rem;
		font-size: 0.8rem;
	}
	.custom-alert{
		border-radius: 0px;
		font-size: 1rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
		background: #f2f2f2 !important;
		border-top: 3px solid red !important;
	}
	.custom-logo-size{
	    width: 1rem;
	}
	.product-t-wrapper{
		padding-top: 2rem;
		color: black !important;
		background-color: #fff !important;
	}
	.pro-content-t-wrapper{
		padding-top: 5rem;
		color: black;
	}
	.pro-image-3{
		width: 30rem;
	}
	.pro-pre-title-3{
		font-weight: 500;
		font-size: 1.2rem;
	}
	.pro-w-content-3{
		padding-left: 10rem;
		font-size: 1.2rem;
	}
}