@charset "utf-8";
body {
    
    background-color: #D8D6CD;
}
.img-div h4 {
	position: absolute;
	margin: 20px;
	z-index: 1;
}
.brands {
	margin-bottom: 15px;
}
.card-title {
	position: relative;
	background: #44372e;
	color: white;
	width: 100%;
	bottom: 0px;
	margin-bottom: 0px;
	padding: 8px;
	text-align: center;
	border-radius: 0 0 5px 5px;
	
}
.col-md-4 .card a {
    text-decoration: none;
    color: #44372e;
}
.logo-btm {
    position: relative;
	bottom: 20px;
	margin-left: 2%;
	
	
}
.btn-btm {
    position: relative;
	bottom: 55px;
	margin-right: 2%;
	
}
.btn{
	background-color: #c1272d;
	border: #8e161b;
	
}
.btn:hover {
	background-color: #44372e;
	border: #2e231b;
	
}
.submit-btn {
	background-color: #151515 !important;
	color: white !important;
	margin-top: 20px !important;
	padding: 15px 30px 15px 30px !important;
	border-radius: 100px !important;
	border: #2E2E2E solid 2px !important;
}
.btn-lg {
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: 0.3rem;
}
.file-upld {
	height: auto !important;
	font-weight:normal !important;
}

.jumbotron.jumbotron-fluid.text-center {
    background-color: #33261e;
	color: white;
}
.radiofloat{
	float: left;
	
}

div.clear
{
    clear: both;
}

div.product-chooser{
    
}

    div.product-chooser.disabled div.product-chooser-item
	{
		zoom: 1;
		filter: alpha(opacity=60);
		opacity: 0.6;
		cursor: default;
	}

	div.product-chooser div.product-chooser-item{
		
		border-radius: 6px;
		cursor: pointer;
		position: relative;
		padding: 5px;
		
	}
	
	div.product-chooser div.product-chooser-item.selected{
		background-color: #c1272d;
		padding: 5px;
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
		div.product-chooser div.product-chooser-item img{
			padding: 0;
		}
		
		div.product-chooser div.product-chooser-item input{
			position: absolute;
			left: 0;
			top: 0;
			visibility:hidden;
		}
.vertical-scrollable {
            position: relative;
            overflow-y: scroll;
			overflow-x: hidden;
			height: 455px;
        }
.row{
	margin: 5px;
	
}
.bg-txt, h6{
	background-color: #44372e;
	color: white !important;
	text-decoration: none;
	padding: 5px;
}
.wrap-chkbx {
	display: block;
  position: relative;
  cursor: pointer;
  
}


/* The container */
.wrap-chkbx {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.card input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  height: 25px;
  width: 25px;
	margin: 2px;
}


/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #c1272d;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.card input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.card .checkmark:after {
  left: 10px;
  top: 4px;
  width: 5px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ver-bg {
	
	background-color: #c1272d !important;
	z-index: 1;
}

.card img {
	
	width: 100%;
	
}
.img-pro img {
	object-fit: contain;
	width: 150px;
	height: 150px;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
.m-proimg {
	object-fit: contain;
	margin: 0px;
	padding: 0px;
	height: 680px;	
}

.form-bg {
	background-color: #c1272d;
	border-radius: 40px;
}
form {
	width: 50%;
	text-align: center;
	color: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
	margin-bottom: 5%;
	
}
.form-full {
	width: 100%;
	text-align: left;
	color: black;
}
.form-nomargin {
	margin: 0 !important;
}

.form-shapes {
	width: 80%;
	text-align: left;
	color: black;
	margin: 0px;
}

.form-btn {
	
	color: #c1272d;
	background-color: white;
	font-weight: bolder;
	width: 100%;
}
#emailHelp {
	color: white !important;
}

input:invalid {
	border: 2px solid #44372e;
}


.result {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.result img {
	width: 20%;
	margin-bottom: 50px;
}
.result h1 {
	color: #c1272d;
	font-weight: bolder;
	font-size: 60pt;
}
.thankyou {
	font-size: 70pt;
}

.errmsg {
	color: #c1272d;
	text-align: center;
}

.ignore-css {
	all:unset;
}


@media only screen and (max-width: 325px) and (min-width: 300px){
	
	.col-md-3 {
		width: 50%;
		
	}
	.vertical-scrollable {
		height: 270px;
		
	}
	.product-chooser-item {
		width: 25% !important;
		object-fit: contain;
	}	
	.img-pro img {
		object-fit: contain;
		width: 21%;
		margin: 5px;
		float: left;
	}
	.m-proimg {
		object-fit: contain;
		width: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
		height: auto;
		clear: both;
	}
	.img-div {
		border: solid grey 1px;
		background-color: #44372e;
	}
	.display-4 {
		font-size: 20pt;
		margin: 15px;
	}
	.lead {
		margin: 10px;
		font-size: 10pt;
	}
	.col-md-4 {
		padding-bottom: 20px;
	}
	form {
		width: 90%;
	}
	.thankyou {
		font-size: 50pt;
	}
	.result img {
		width: 50%;
	}
	.logo-home img {
		width: 40%;
	}
	.txt_shapes {
		height: 15px;
		width: 30px;
		border-radius:5px;
		position: absolute;
		font-size: x-small;
	}

	.txt_ushape1
	{
		margin: 60px 0px 0px -250px
	}
	.txt_ushape2
	{
		margin: 30px 0px 0px -125px;
	}
	.txt_ushape3
	{
		margin: 60px 0px 0px -30px;
	}
	.txt_ushape4
	{
		margin: 115px 0px 0px -52px;
	}
	.txt_ushape5
	{
		margin: 105px 0px 0px -225px;
	}
	.txt_ushape6
	{
		margin: 50px 0px 0px -90px;
	}

	.txt_lshape1
	{
		margin: 45px 0px 0px -253px;
	}
	.txt_lshape2
	{
		margin: 30px 0px 0px -125px;
	}
	.txt_lshape3
	{
		margin: 55px 0px 0px -30px;
	}
	.txt_lshape4
	{
		margin: 110px 0px 0px -55px;
	}

	.txt_gshape1
	{
		margin: 65px 0px 0px -245px;
	}
	.txt_gshape2
	{
		margin: 45px 0px 0px -130px;
	}
	.txt_gshape3
	{
		margin: 65px 0px 0px -30px;
	}

	.txt_pshape1
	{
		margin: 45px 0px 0px -245px;
	}
	.txt_pshape2
	{
		margin: 20px 0px 0px -110px;
	}
	.txt_pshape3
	{
		margin: 95px 0px 0px -245px;
	}
	.txt_pshape4
	{
		margin: 105px 0px 0px -110px;
	}

	.txt_lnishape1
	{
		margin: 45px 0px 0px -175px;
	}
	.txt_lnishape2
	{
		margin: 55px 0px 0px -240px;
	}
	.txt_lnishape3
	{
		margin: 105px 0px 0px -218px;
	}
	.txt_lnishape4
	{
		margin: 47px 0px 0px -85px;
	}
	.txt_lnishape5
	{
		margin: 70px 0px 0px -110px;
	}
	.txt_lnishape6
	{
		margin: 95px 0px 0px -80px;
	}

	.txt_4ishape1
	{
		margin: 10px 0px 0px -135px;
	}
	.txt_4ishape2
	{
		margin: 20px 0px 0px -77px;
	}
	.txt_4ishape3
	{
		margin: 45px 0px 0px -250px;
	}
	.txt_4ishape4
	{
		margin: 80px 0px 0px -225px;
	}
	.txt_4ishape5
	{
		margin: 45px 0px 0px -50px;
	}
	.txt_4ishape6
	{
		margin: 80px 0px 0px -45px;
	}
	.txt_4ishape7
	{
		margin: 90px 0px 0px -135px;
	}
	.txt_4ishape8
	{
		margin: 110px 0px 0px -100px;
	}

	.txt_cshape1
	{
		margin: 30px 0px 0px -115px;
	}
	.txt_cshape2
	{
		margin: 50px 0px 0px -235px;
	}
	.txt_cshape3
	{
		margin: 90px 0px 0px -205px;
	}
	.txt_cshape4
	{
		margin: 60px 0px 0px -65px;
	}
	.txt_cshape5
	{
		margin: 105px 0px 0px -55px;
	}
}

@media only screen and (max-width: 375px) and (min-width: 326px){
	
	.col-md-3 {
		width: 50%;
		
	}
	.vertical-scrollable {
		height: 270px;
		
	}
	.product-chooser-item {
		width: 25% !important;
		object-fit: contain;
	}	
	.img-pro img {
		object-fit: contain;
		width: 21%;
		margin: 5px;
		float: left;
	}
	.m-proimg {
		object-fit: contain;
		width: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
		height: auto;
		clear: both;	
	}
	.img-div {
		border: solid grey 1px;
		background-color: #44372e;
	}
	.display-4 {
		font-size: 20pt;
		margin: 15px;
	}
	.lead {
		margin: 10px;
		font-size: 10pt;
	}
	.col-md-4 {
		padding-bottom: 20px;
	}
	form {
		width: 90%;
	}
	.thankyou {
		font-size: 50pt;
	}
	.result img {
		width: 50%;
	}
	.logo-home img {
		width: 40%;
	}
	.txt_shapes {
		height: 15px;
		width: 30px;
		border-radius:5px;
		position: absolute;
		font-size: x-small;
	}

	.txt_ushape1
	{
		margin: 65px 0px 0px -285px;
	}
	.txt_ushape2
	{
		margin: 30px 0px 0px -160px;
	}
	.txt_ushape3
	{
		margin: 65px 0px 0px -35px;
	}
	.txt_ushape4
	{
		margin: 130px 0px 0px -58px;
	}
	.txt_ushape5
	{
		margin: 120px 0px 0px -260px;
	}
	.txt_ushape6
	{
		margin: 55px 0px 0px -105px;
	}

	.txt_lshape1
	{
		margin: 50px 0px 0px -300px;
	}
	.txt_lshape2
	{
		margin: 35px 0px 0px -175px;
	}
	.txt_lshape3
	{
		margin: 65px 0px 0px -40px;
	}
	.txt_lshape4
	{
		margin: 130px 0px 0px -65px;
	}

	.txt_gshape1
	{
		margin: 75px 0px 0px -290px;
	}
	.txt_gshape2
	{
		margin: 55px 0px 0px -165px;
	}
	.txt_gshape3
	{
		margin: 75px 0px 0px -40px;
	}

	.txt_pshape1
	{
		margin: 50px 0px 0px -290px;
	}
	.txt_pshape2
	{
		margin: 25px 0px 0px -145px;
	}
	.txt_pshape3
	{
		margin: 120px 0px 0px -290px;
	}
	.txt_pshape4
	{
		margin: 130px 0px 0px -145px;
	}

	.txt_lnishape1
	{
		margin: 45px 0px 0px -175px;
	}
	.txt_lnishape2
	{
		margin: 65px 0px 0px -290px;
	}
	.txt_lnishape3
	{
		margin: 120px 0px 0px -265px;
	}
	.txt_lnishape4
	{
		margin: 55px 0px 0px -105px;
	}
	.txt_lnishape5
	{
		margin: 105px 0px 0px -130px;
	}
	.txt_lnishape6
	{
		margin: 115px 0px 0px -90px;
	}

	.txt_4ishape1
	{
		margin: 25px 0px 0px -150px;
	}
	.txt_4ishape2
	{
		margin: 20px 0px 0px -95px;
	}
	.txt_4ishape3
	{
		margin: 50px 0px 0px -265px;
	}
	.txt_4ishape4
	{
		margin: 95px 0px 0px -270px;
	}
	.txt_4ishape5
	{
		margin: 55px 0px 0px -55px;
	}
	.txt_4ishape6
	{
		margin: 95px 0px 0px -50px;
	}
	.txt_4ishape7
	{
		margin: 120px 0px 0px -160px;
	}
	.txt_4ishape8
	{
		margin: 130px 0px 0px -120px;
	}

	.txt_cshape1
	{
		margin: 35px 0px 0px -165px;
	}
	.txt_cshape2
	{
		margin: 60px 0px 0px -280px;
	}
	.txt_cshape3
	{
		margin: 105px 0px 0px -245px;
	}
	.txt_cshape4
	{
		margin: 70px 0px 0px -80px;
	}
	.txt_cshape5
	{
		margin: 125px 0px 0px -60px;
	}
}

@media only screen and (max-width: 440px) and (min-width: 376px) {
	
	.col-md-3 {
		width: 50%;
		
	}
	.vertical-scrollable {
		height: 475px;
		
	}
	.product-chooser-item {
		width: 25% !important;
		object-fit: contain;
	}
	.img-pro img {
		object-fit: contain;
		width: 21%;
		margin: 5px;
		float: left;
	}
	.m-proimg {
		object-fit: contain;
		width: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
		height: auto;
		clear: both;
		
	}
	.img-div {
		border: solid grey 1px;
		background-color: #44372e;
	}
	.display-4 {
		font-size: 20pt;
		margin: 15px;
	}
	.lead {
		margin: 10px;
		font-size: 10pt;
	}
	.col-md-4 {
		padding-bottom: 20px;
	}
	form {
		width: 90%;
	}
	.thankyou {
		font-size: 50pt;
	}
	.result img {
		width: 50%;
	}
	.logo-home img {
		width: 40%;
	}
	.txt_shapes {
		height: 20px;
		width: 40px;
		border-radius:5px;
		position: absolute;
		font-size: x-small;
	}
	.txt_ushape1
	{
		margin: 70px 0px 0px -325px;	
	}
	.txt_ushape2
	{
		margin: 30px 0px 0px -185px;
	}
	.txt_ushape3
	{
		margin: 75px 0px 0px -35px;
	}
	.txt_ushape4
	{
		margin: 145px 0px 0px -66px;
	}
	.txt_ushape5
	{
		margin: 130px 0px 0px -290px;
	}
	.txt_ushape6
	{
		margin: 60px 0px 0px -115px;
	}

	.txt_lshape1
	{
		margin: 50px 0px 0px -325px;
	}
	.txt_lshape2
	{
		margin: 35px 0px 0px -185px;
	}
	.txt_lshape3
	{
		margin: 65px 0px 0px -40px;
	}
	.txt_lshape4
	{
		margin: 130px 0px 0px -70px;
	}

	.txt_gshape1
	{
		margin: 85px 0px 0px -340px;
	}
	.txt_gshape2
	{
		margin: 55px 0px 0px -190px;
	}
	.txt_gshape3
	{
		margin: 85px 0px 0px -40px;
	}

	.txt_pshape1
	{
		margin: 50px 0px 0px -335px;
	}
	.txt_pshape2
	{
		margin: 20px 0px 0px -190px;
	}
	.txt_pshape3
	{
		margin: 130px 0px 0px -335px;
	}
	.txt_pshape4
	{
		margin: 140px 0px 0px -190px;
	}

	.txt_lnishape1
	{
		margin: 45px 0px 0px -230px;
	}
	.txt_lnishape2
	{
		margin: 80px 0px 0px -360px;
	}
	.txt_lnishape3
	{
		margin: 150px 0px 0px -330px;
	}
	.txt_lnishape4
	{
		margin: 65px 0px 0px -130px;
	}
	.txt_lnishape5
	{
		margin: 100px 0px 0px -170px;
	}
	.txt_lnishape6
	{
		margin: 130px 0px 0px -120px;
	}

	.txt_4ishape1
	{
		margin: 25px 0px 0px -200px;
	}
	.txt_4ishape2
	{
		margin: 20px 0px 0px -120px;
	}
	.txt_4ishape3
	{
		margin: 60px 0px 0px -330px;
	}
	.txt_4ishape4
	{
		margin: 115px 0px 0px -340px;
	}
	.txt_4ishape5
	{
		margin: 65px 0px 0px -70px;
	}
	.txt_4ishape6
	{
		margin: 115px 0px 0px -65px;
	}
	.txt_4ishape7
	{
		margin: 120px 0px 0px -200px;
	}
	.txt_4ishape8
	{
		margin: 150px 0px 0px -155px;
	}

	.txt_cshape1
	{
		margin: 40px 0px 0px -200px;
	}
	.txt_cshape2
	{
		margin: 70px 0px 0px -345px;
	}
	.txt_cshape3
	{
		margin: 125px 0px 0px -305px;
	}
	.txt_cshape4
	{
		margin: 85px 0px 0px -95px;
	}
	.txt_cshape5
	{
		margin: 150px 0px 0px -80px;
	}
}

@media only screen and (max-width: 767px) and (min-width: 441px) {
	.col-md-3 {
		width: 50%;
	}
  	.img-pro img {
		object-fit: contain;
		width: 21%;
		margin: 5px;
		float: left;
	}
	.m-proimg {
		object-fit: contain;
		width: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
		height: auto;
		clear: both;	
	}
	.img-div {
		border: solid grey 1px;
		background-color: #44372e;
	}
	.display-4 {
		font-size: 20pt;
		margin: 15px;
	}
	.lead {
		margin: 10px;
		font-size: 10pt;
	}
	.col-md-4 {
		padding-bottom: 20px;
	}
	form {
		width: 90%;
	}
	.thankyou {
		font-size: 50pt;
	}
	.result img {
		width: 50%;
	}
	.logo-home img {
		width: 40%;
	}
	.product-chooser-item {
		width: 25% !important;
		object-fit: contain;
	}
	.vertical-scrollable {
		height: 400px;
		
	}
	
	footer {
		position: fixed;
		bottom: -25px;
		width: 100%;
	}
	.thickness {
		position: fixed;
		width: 100%;
		bottom: 120px;
	}
	.txt_shapes {
		height: 20px;
		width: 40px;
		border-radius:5px;
		position: absolute;
		font-size: small;
	}
	.txt_ushape1
	{
		margin: 100px 0px 0px -460px;
	}
	.txt_ushape2
	{
		margin: 45px 0px 0px -260px;
	}
	.txt_ushape3
	{
		margin: 100px 0px 0px -60px;
	}
	.txt_ushape4
	{
		margin: 205px 0px 0px -90px;
	}
	.txt_ushape5
	{
		margin: 185px 0px 0px -415px;	
	}
	.txt_ushape6
	{
		margin: 85px 0px 0px -170px;
	}

	.txt_lshape1
	{
		margin: 80px 0px 0px -465px;
	}
	.txt_lshape2
	{
		margin: 50px 0px 0px -260px;
	}
	.txt_lshape3
	{
		margin: 100px 0px 0px -55px;
	}
	.txt_lshape4
	{
		margin: 190px 0px 0px -95px;
	}

	.txt_gshape1
	{
		margin: 115px 0px 0px -450px;
	}
	.txt_gshape2
	{
		margin: 80px 0px 0px -255px;
	}
	.txt_gshape3
	{
		margin: 115px 0px 0px -60px;
	}

	.txt_pshape1
	{
		margin: 65px 0px 0px -450px;
	}
	.txt_pshape2
	{
		margin: 30px 0px 0px -260px;
	}
	.txt_pshape3
	{
		margin: 175px 0px 0px -450px;
	}
	.txt_pshape4
	{
		margin: 190px 0px 0px -260px;
	}

	.txt_lnishape1
	{
		margin: 50px 0px 0px -290px;
	}
	.txt_lnishape2
	{
		margin: 100px 0px 0px -400px;
	}
	.txt_lnishape3
	{
		margin: 180px 0px 0px -415px;
	}
	.txt_lnishape4
	{
		margin: 85px 0px 0px -170px;
	}
	.txt_lnishape5
	{
		margin: 130px 0px 0px -215px;
	}
	.txt_lnishape6
	{
		margin: 170px 0px 0px -140px;
	}

	.txt_4ishape1
	{
		margin: 30px 0px 0px -255px;
	}
	.txt_4ishape2
	{
		margin: 30px 0px 0px -150px;
	}
	.txt_4ishape3
	{
		margin: 140px 0px 0px -430px;
	}
	.txt_4ishape4
	{
		margin: 75px 0px 0px -420px;
	}
	.txt_4ishape5
	{
		margin: 75px 0px 0px -85px;
	}
	.txt_4ishape6
	{
		margin: 140px 0px 0px -80px;
	}
	.txt_4ishape7
	{
		margin: 155px 0px 0px -260px;
	}
	.txt_4ishape8
	{
		margin: 190px 0px 0px -190px;
	}

	.txt_cshape1
	{
		margin: 50px 0px 0px -250px;
	}
	.txt_cshape2
	{
		margin: 95px 0px 0px -380px;
	}
	.txt_cshape3
	{
		margin: 155px 0px 0px -385px;
	}
	.txt_cshape4
	{
		margin: 110px 0px 0px -110px;
	}
	.txt_cshape5
	{
		margin: 190px 0px 0px -100px;
	}

}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	.m-proimg {
		object-fit: contain;
		margin: 0px;
		padding: 0px;
		height: 680px;
		width: 100%;
		background-color: white;
	}
	.ushape
	{
		height: 600px;
		background: url("/static/quickquote/images/u-shape-big.jpg")no-repeat ;
		margin:0px;
		object-fit: contain;
		width: 100%;
	}
	.txt_shapes {
		height: 30px;
		width: 60px;
		border-radius:5px;
		position: absolute;
		font-size: small;
	}

	.txt_ushape1
	{
		margin: 235px 0px 0px -535px;
	}
	.txt_ushape2
	{
		margin: 180px 0px 0px -305px;
	}
	.txt_ushape3
	{
		margin: 235px 0px 0px -65px;
	}
	.txt_ushape4
	{
		margin: 370px 0px 0px -105px;
	}
	.txt_ushape5
	{
		margin: 345px 0px 0px -485px;	
	}
	.txt_ushape6
	{
		margin: 225px 0px 0px -195px;
	}

	.txt_lshape1
	{
		margin: 215px 0px 0px -540px;
	}
	.txt_lshape2
	{
		margin: 185px 0px 0px -315px;
	}
	.txt_lshape3
	{
		margin: 240px 0px 0px -60px;
	}
	.txt_lshape4
	{
		margin: 350px 0px 0px -115px;
	}

	.txt_gshape1
	{
		margin: 255px 0px 0px -530px;
	}
	.txt_gshape2
	{
		margin: 215px 0px 0px -300px;
	}
	

	.txt_pshape1
	{
		margin: 200px 0px 0px -525px;
	}
	.txt_pshape2
	{
		margin: 160px 0px 0px -300px;
	}
	.txt_pshape3
	{
		margin: 325px 0px 0px -525px;
	}
	.txt_pshape4
	{
		margin: 350px 0px 0px -300px;
	}

	.txt_lnishape1
	{
		margin: 180px 0px 0px -350px;
	}
	.txt_lnishape2
	{
		margin: 250px 0px 0px -500px;
	}
	.txt_lnishape3
	{
		margin: 350px 0px 0px -480px;
	}
	.txt_lnishape4
	{
		margin: 225px 0px 0px -195px;
	}
	.txt_lnishape5
	{
		margin: 280px 0px 0px -250px;
	}
	.txt_lnishape6
	{
		margin: 330px 0px 0px -170px;
	}

	.txt_4ishape1
	{
		margin: 130px 0px 0px -300px;
	}
	.txt_4ishape2
	{
		margin: 160px 0px 0px -175px;
	}
	.txt_4ishape3
	{
		margin: 220px 0px 0px -480px;
	}
	.txt_4ishape4
	{
		margin: 300px 0px 0px -500px;
	}
	.txt_4ishape5
	{
		margin: 230px 0px 0px -100px;
	}
	.txt_4ishape6
	{
		margin: 300px 0px 0px -90px;
	}
	.txt_4ishape7
	{
		margin: 310px 0px 0px -300px;
	}
	.txt_4ishape8
	{
		margin: 355px 0px 0px -225px;
	}

	.txt_cshape1
	{
		margin: 185px 0px 0px -300px;
	}
	.txt_cshape2
	{
		margin: 230px 0px 0px -510px;
	}
	.txt_cshape3
	{
		margin: 310px 0px 0px -450px;
	}
	.txt_cshape4
	{
		margin: 250px 0px 0px -141px;
	}
	.txt_cshape5
	{
		margin: 350px 0px 0px -115px;
	}
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
	.m-proimg {
		object-fit: contain;
		margin: 0px;
		padding: 0px;
		height: 680px;
		width: 100%;
		background-color: white;
	}
	.ushape
	{
		height: 600px;
		background: url("/static/quickquote/images/u-shape-big.jpg")no-repeat ;
		margin:0px;
		object-fit: contain;
		width: 100%;
	}
	.txt_shapes {
		height: 30px;
		width: 60px;
		border-radius:5px;
		position: absolute;
		font-size: small;
	}

	.txt_ushape1
	{
		margin: 225px 0px 0px -635px;
	}
	.txt_ushape2
	{
		margin: 135px 0px 0px -405px;
	}
	.txt_ushape3
	{
		margin: 235px 0px 0px -85px;
	}
	.txt_ushape4
	{
		margin: 370px 0px 0px -135px;
	}
	.txt_ushape5
	{
		margin: 345px 0px 0px -650px;	
	}
	.txt_ushape6
	{
		margin: 190px 0px 0px -270px;
	}

	.txt_lshape1
	{
		margin: 195px 0px 0px -645px;
	}
	.txt_lshape2
	{
		margin: 140px 0px 0px -415px;
	}
	.txt_lshape3
	{
		margin: 220px 0px 0px -85px;
	}
	.txt_lshape4
	{
		margin: 350px 0px 0px -145px;
	}

	.txt_gshape1
	{
		margin: 250px 0px 0px -625px;
	}
	.txt_gshape2
	{
		margin: 185px 0px 0px -405px;
	}
	

	.txt_pshape1
	{
		margin: 170px 0px 0px -615px;
	}
	.txt_pshape2
	{
		margin: 105px 0px 0px -405px;
	}
	.txt_pshape3
	{
		margin: 340px 0px 0px -615px;
	}
	.txt_pshape4
	{
		margin: 370px 0px 0px -405px;
	}

	.txt_lnishape1
	{
		margin: 135px 0px 0px -450px;
	}
	.txt_lnishape2
	{
		margin: 250px 0px 0px -650px;
	}
	.txt_lnishape3
	{
		margin: 350px 0px 0px -650px;
	}
	.txt_lnishape4
	{
		margin: 190px 0px 0px -270px;
	}
	.txt_lnishape5
	{
		margin: 265px 0px 0px -350px;
	}
	.txt_lnishape6
	{
		margin: 325px 0px 0px -215px;
	}

	.txt_4ishape1
	{
		margin: 60px 0px 0px -400px;
	}
	.txt_4ishape2
	{
		margin: 100px 0px 0px -240px;
	}
	.txt_4ishape3
	{
		margin: 100px 0px 0px -240px;
	}
	.txt_4ishape4
	{
		margin: 280px 0px 0px -670px;
	}
	.txt_4ishape5
	{
		margin: 190px 0px 0px -100px;
	}
	.txt_4ishape6
	{
		margin: 280px 0px 0px -110px;
	}
	.txt_4ishape7
	{
		margin: 300px 0px 0px -400px;
	}
	.txt_4ishape8
	{
		margin: 355px 0px 0px -225px;
	}

	.txt_cshape1
	{
		margin: 140px 0px 0px -400px;
	}
	.txt_cshape2
	{
		margin: 210px 0px 0px -600px;
	}
	.txt_cshape3
	{
		margin: 300px 0px 0px -600px;
	}
	.txt_cshape4
	{
		margin: 250px 0px 0px -140px;
	}
	.txt_cshape5
	{
		margin: 350px 0px 0px -145px;
	}
}

@media only screen and (min-width: 1200px) {
	.noscroll {
		overflow-y: hidden;
	}
	.txt_shapes {
		height: 30px;
		width: 60px;
		border-radius:5px;
		position: absolute;
		font-size: small;
	}
	.txt_ushape1
	{
		margin: -500px 0px 0px 50px;
	}

	.txt_ushape2
	{
		margin: -600px 0px 0px 440px;
	}

	.txt_ushape3
	{
		margin: -480px 0px 0px 850px;
	}

	.txt_ushape4
	{
		margin: -295px 0px 0px 795px;
	}

	.txt_ushape5
	{
		margin: -335px 0px 0px 120px;	
	}

	.txt_ushape6
	{
		margin: -535px 0px 0px 610px;
	}

	.txt_lshape1
	{
		margin: -540px 0px 0px 40px;
	}
	.txt_lshape2
	{
		margin: -595px 0px 0px 430px;
	}
	.txt_lshape3
	{
		margin: -480px 0px 0px 860px;
	}
	.txt_lshape4
	{
		margin: -325px 0px 0px 785px;
	}

	.txt_gshape1
	{
		margin: -465px 0px 0px 60px;
	}
	.txt_gshape2
	{
		margin: -535px 0px 0px 430px;
	}
	.txt_gshape3
	{
		margin: -465px 0px 0px 840px;
	}

	.txt_pshape1
	{
		margin: -565px 0px 0px 70px;
	}
	.txt_pshape2
	{
		margin: -635px 0px 0px 445px;
	}
	.txt_pshape3
	{
		margin: -345px 0px 0px 70px;
	}
	.txt_pshape4
	{
		margin: -290px 0px 0px 445px;
	}

	.txt_lnishape1
	{
		margin: -600px 0px 0px 350px;
	}
	.txt_lnishape2
	{
		margin: -500px 0px 0px 50px;
	}
	.txt_lnishape3
	{
		margin: -330px 0px 0px 120px;
	}
	.txt_lnishape4
	{
		margin: -530px 0px 0px 620px;
	}
	.txt_lnishape5
	{
		margin: -380px 0px 0px 550px;
	}
	.txt_lnishape6
	{
		margin: -360px 0px 0px 700px;
	}

	.txt_4ishape1
	{
		margin: -650px 0px 0px 450px;
	}
	.txt_4ishape2
	{
		margin: -635px 0px 0px 660px;
	}
	.txt_4ishape3
	{
		margin: -530px 0px 0px 90px;
	}
	.txt_4ishape4
	{
		margin: -420px 0px 0px 100px;
	}
	.txt_4ishape5
	{
		margin: -530px 0px 0px 820px;
	}
	.txt_4ishape6
	{
		margin: -420px 0px 0px 820px;
	}
	.txt_4ishape7
	{
		margin: -330px 0px 0px 450px;
	}
	.txt_4ishape8
	{
		margin: -320px 0px 0px 690px;
	}

	.txt_cshape1
	{
		margin: -600px 0px 0px 450px;
	}
	.txt_cshape2
	{
		margin: -520px 0px 0px 90px;
	}
	.txt_cshape3
	{
		margin: -390px 0px 0px 180px;
	}
	.txt_cshape4
	{
		margin: -480px 0px 0px 770px;
	}
	.txt_cshape5
	{
		margin: -320px 0px 0px 780px;
	}

}

 /* Shapes */

.img-container {
	position: relative;
	
}