@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900');





::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color: rgba(51,51,51,1.0);
   opacity:  1;
   font-family: 'Poppins', sans-serif;
   font-weight: 300;
   font-size: 0.8vw;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgba(51,51,51,1.0);
   opacity:  1;
   font-family: 'Poppins', sans-serif;
   font-weight: 300;
   font-size: 0.8vw;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: rgba(51,51,51,1.0);
   opacity:  1;
   font-family: 'Poppins', sans-serif;
   font-weight: 300;
   font-size: 0.8vw;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: rgba(51,51,51,1.0);
   opacity:  1;
   font-family: 'Poppins', sans-serif;
   font-weight: 300;
   font-size: 0.8vw;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
   color: rgba(51,51,51,1.0);
   opacity:  1;
   font-family: 'Poppins', sans-serif;
   font-weight: 300;
   font-size: 0.8vw;
}



.select-style {
	color: rgba(51,51,51,1.0);
	opacity: 1;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 0.8vw;
	text-align: left;
	text-indent: 1vw;
}
select option{
    font-size: 13pt;
	color: rgba(51,51,51,0.9);
	opacity: 1;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 0.8vw;
	text-align: left;
}



textarea::-webkit-input-placeholder {
   color: rgba(51,51,51,1.0);
   opacity:  1;
   font-family: 'Poppins', sans-serif;
   font-weight: 300;
   font-size: 0.8vw;
}
 
textarea:-moz-placeholder { /* Firefox 18- */
   color: rgba(51,51,51,1.0);
   opacity:  1;
   font-family: 'Poppins', sans-serif;
   font-weight: 300;
   font-size: 0.8vw;
}
 
textarea::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(51,51,51,1.0);
   opacity:  1;
   font-family: 'Poppins', sans-serif;
   font-weight: 300;
   font-size: 0.8vw;
}
 
textarea:-ms-input-placeholder {  
   color: rgba(51,51,51,1.0);
   opacity:  1;
   font-family: 'Poppins', sans-serif;
   font-weight: 300;
   font-size: 1.1vw;
}


#quote-wrapper{
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 0vw;
	left: 0%;
	z-index: 1000;
	background-color: rgba(0,0,0,0.85);
	display: none;
}

.quote-title{
	width: 100%;
	height: 2.5vw;
	position: absolute;
	top: 2vw;
	left: 0%;
	z-index: 50;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	font-size: 1.8vw;
	font-weight: 500;
}
.quote-title2{
	width: 100%;
	height: 2.5vw;
	position: absolute;
	top: 4.2vw;
	left: 0%;
	z-index: 50;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	font-size: 1.1vw;
	font-weight: 500;
}

#quote-form {
	width: 65vw;
	height: 36vw;
	position: fixed;
	top: 6vw;
	left: 18%;
	z-index: 1000;
	background-color: rgba(255,255,255,1.00);
	border-radius: 1%;
	border: medium solid rgba(6,140,245,1.00);
	-webkit-box-shadow: 0px 0px 28px -1px rgba(0,0,0,1.00);
	box-shadow: 0px 0px 28px -1px rgba(0,0,0,1.00);
}
#quote-close {
	width: 2.5vw;
	height: 2.5vw;
	position: absolute;
	top: 1vw;
	right: 5%;
	z-index: 1000;
	font-family: 'Poppins', sans-serif;
	font-size: 2vw;
	font-weight: 600;
	text-align: center;
	border: medium solid rgba(6,140,245,1.00);
	border-radius: 100%;
	line-height: 2.5vw;
	cursor: pointer;
}

.form2 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0vw;
	left: 0%;
	z-index: 50;
}
#quote-subject {
	width: 42vw;
	height: 2.5vw;
	position: absolute;
	top: 8vw;
	left: 9%;
	z-index: 50;
	color: #333333;
	text-align: left;
	font-family: lato;
	font-style: normal;
	font-weight: 400;
	font-size: 1.3vw;
	border: medium solid rgba(199,199,199,0.5);
	text-indent: 1vw;
	visibility: hidden;
}
#quote-name {
	width: 28vw;
	height: 2.5vw;
	position: absolute;
	top: 8vw;
	left: 3%;
	z-index: 50;
	color: #333333;
	text-align: left;
	font-family: lato;
	font-style: normal;
	font-weight: 400;
	font-size: 1vw;
	border: medium solid rgba(199,199,199,0.5);
	text-indent: 1vw;
}
#namemiddle {
	width: 28vw;
	height: 2.5vw;
	position: absolute;
	top: 5vw;
	left: 3%;
	z-index: 50;
	color: #333333;
	text-align: left;
	font-family: lato;
	font-style: normal;
	font-weight: 400;
	font-size: 1vw;
	border: medium solid rgba(199,199,199,0.5);
	text-indent: 1vw;
	display: none;
}

#quote-company {
	width: 28vw;
	height: 2.5vw;
	position: absolute;
	top: 8vw;
	left: 52%;
	z-index: 50;
	color: #333333;
	text-align: left;
	font-family: lato;
	font-style: normal;
	font-weight: 400;
	font-size: 1vw;
	border: medium solid rgba(199,199,199,0.5);
	text-indent: 1vw;
}
#quote-email {
	width: 28vw;
	height: 2.5vw;
	position: absolute;
	top: 12vw;
	left: 3%;
	z-index: 50;
	color: #333333;
	text-align: left;
	font-family: lato;
	font-style: normal;
	font-weight: 400;
	font-size: 1vw;
	border: medium solid rgba(199,199,199,0.5);
	text-indent: 1vw;
}
#quote-telephone {
	width: 28vw;
	height: 2.5vw;
	position: absolute;
	top: 12vw;
	left: 52%;
	z-index: 50;
	color: #333333;
	text-align: left;
	font-family: lato;
	font-style: normal;
	font-weight: 400;
	font-size: 1vw;
	border: medium solid rgba(199,199,199,0.5);
	text-indent: 1vw;
}
#quote-address {
	width: 28vw;
	height: 2.5vw;
	position: absolute;
	top: 16vw;
	left: 3%;
	z-index: 50;
	color: #333333;
	text-align: left;
	font-family: lato;
	font-style: normal;
	font-weight: 400;
	font-size: 1vw;
	border: medium solid rgba(199,199,199,0.5);
	text-indent: 1vw;
}
#quote-services {
	width: 28.4vw;
	height: 2.9vw;
	position: absolute;
	top: 16vw;
	left: 52%;
	z-index: 50;
	color: #333333;
	text-align: left;
	font-family: lato;
	font-style: normal;
	font-weight: 400;
	font-size: 0.8vw;
	border: medium solid rgba(199,199,199,0.5);
	text-indent: 1vw;
}
#quote-message {
	width: 60vw;
	height: 8.5vw;
	position: absolute;
	top: 20vw;
	left: 3%;
	z-index: 50;
	color: #333333;
	text-align: left;
	font-family: lato;
	font-style: normal;
	font-weight: 400;
	font-size: 1vw;
	border: medium solid rgba(199,199,199,0.5);
	text-indent: 1vw;
	resize: none;
}
#quote-submit {
	width: 42.5vw;
	height: 3vw;
	position: absolute;
	top: 30vw;
	z-index: 100;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	font-weight: 500;
	font-size: 1.2vw;
	border: hidden;
	background-color: #068CF5;
	color: rgba(255,255,255,1.00);
	left: 16%;
	border-radius: 1% / 11%;
	cursor: pointer;
}
#quote-submit:hover {
	color: rgba(0,0,0,1.00);
	background-color: rgba(175,228,5,1.00);
}


.address-info {
	width: 37vw;
	height: 4vw;
	position: absolute;
	top: 11vw;
	right: 8%;
	font-family: 'Poppins', sans-serif;
	color: rgba(255,255,255,1.00);
	font-size: 1.3vw;
	text-align: left;
	font-weight: 400;
	text-indent: 3vw;
	background-image: url(../images/location-icon.png);
	background-position: 0% 0%;
	background-size: 5% auto;
	background-repeat: no-repeat;
	line-height: 2.5vw;
}
.phone-info {
	width: 37vw;
	height: 4vw;
	position: absolute;
	top: 15vw;
	right: 8%;
	font-family: 'Poppins', sans-serif;
	color: rgba(255,255,255,1.00);
	font-size: 1.3vw;
	text-align: left;
	font-weight: 400;
	text-indent: 3vw;
	background-image: url(../images/phone-icon.png);
	background-position: 0% 0%;
	background-size: 6% auto;
	background-repeat: no-repeat;
	line-height: 2.5vw;
}
.email-info {
	width: 37vw;
	height: 4vw;
	position: absolute;
	top: 19vw;
	right: 8%;
	font-family: 'Poppins', sans-serif;
	color: rgba(255,255,255,1.00);
	font-size: 1.3vw;
	text-align: left;
	font-weight: 400;
	text-indent: 3vw;
	background-image: url(../images/email-icon-green.png);
	background-position: 0% 0%;
	background-size: 6% auto;
	background-repeat: no-repeat;
	line-height: 2.5vw;
}
.hours-info {
	width: 37vw;
	height: 4vw;
	position: absolute;
	top: 23vw;
	right: 8%;
	font-family: 'Poppins', sans-serif;
	color: rgba(255,255,255,1.00);
	font-size: 1.3vw;
	text-align: left;
	font-weight: 400;
	text-indent: 3vw;
	background-image: url(../images/clock-icon.png);
	background-position: 0% 0%;
	background-size: 6% auto;
	background-repeat: no-repeat;
	line-height: 2.5vw;
}
