@charset "utf-8";
/* CSS Document */


input[type=text], input[type=email], select, textarea {
   font-size: 20px;
   font-family: "Asul", serif;
}

body {
   font-family: "Asul", serif;
   margin-top: 10px;
}
p, ul, ol{
   font-size: 20px;
}

#bbhelp {
   font-size: 65px;
   color: red;
}

#pestspecialist-desktop {
   background-color: rgba(217,183,110,0.6); 
   padding: 10px; 
   margin-top: 20px; 
   margin-bottom: 20px; 
   margin-left: auto; 
   margin-right: auto; 
   width: 80%;
   border: solid black 3px;
}

#pestspecialist-mobile {
   display: none;
}

#call1800 {
   font-size: 60px; 
   font-weight: bold;
   color: white;
   margin: 10px;
}

#circlephone {
   width: 147px;
   height: auto;
   padding-top: 10px;
}

.butt {
   background-color: red; 
   border: solid black 1px; 
   padding: 7px; 
   color: white; 
   font-size: 18px; 
   font-weight: normal;
}

.butt:hover {
   cursor: pointer;
   border: solid black 1px;
   background-color: gold;
   color: black;
}

.scarlet-box {
   width: 25%; 
   float: right; 
   border: solid black 2px; 
   padding: 10px; 
   margin: 10px;
}

#myBtnTop {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 20px;  /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  outline: none; /* Remove outline */
  background-color: yellow; /* Set a background color */
  color: black; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px 5px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 16px; /* Increase font size */
  border: solid gray 2px; 
}

#myBtnTop:hover {
   background-color: #54B327;
   color: white;
}

.bullets {
   padding-left: 60px; 
   margin-bottom: 35px;
   text-indent: 0px;
}
.bullets1 {
   padding-left: 0px; 
   margin-bottom: 40px;
   text-indent: 0px;
}


.fc1 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
    justify-content: center;
	color: black;
	font-weight: normal;
}

.fc1 > div {
	width: 14%;
	margin: 0px 4px 10px 4px;
	padding: 5px;
	border: solid black 1px;
	background-color: peachpuff;
}

.fc1 > div:hover {
	/*background-color: gray;*/
	border: solid black 1px;
	box-shadow: 0px 0px 10px black;
}

.bbu {
    float: right; margin: 0px 25px;
}

.required {
   color: red;
   margin-bottom: 15px;
   font-weight: bold;
}

#popup {
   display: none; 
   margin: 0; 
   position: fixed; 
   top: 50%;
   left: 50%;
   -ms-transform: translate(-50%,-50%); 
   transform: translate(-50%,-50%); 
   border: solid black 2px; 
   box-shadow: 0px 0px 18px black;
   border-radius: 20px;
   background-color: peachpuff;
}

.flname{
   width: 47.5%;
}

#popup{
   display: none; margin: 0; position: fixed; top: 50%;left: 50%; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border: solid black 2px; box-shadow: 0px 0px 24px black;
}

.rfqform {
   background-color:rgba(217,183,110,0.6);
   padding: 5px; 
   width: 90%; 
   margin-left: auto; 
   margin-right: auto; 
   margin-top: 10px; 
   border: dashed black 1px;
}

@media only screen and (max-width: 1024px) {
   /* For mobile phones: */
   [class*="col-"] {
      width: 100%;
      margin-bottom: 5px;
      padding: 0px 20px;
   }

   #bbhelp {
      font-size: 30px;
   }

   #pestspecialist-mobile {
      display: block;
      background-color: rgba(217,183,110,0.6); 
      padding: 10px; 
      margin-top: 20px; 
      margin-bottom: 20px; 
      margin-left: auto; 
      margin-right: auto; 
      width: 80%;
      border: solid black 3px;
   }
   
   #pestspecialist-desktop {
      display: none;
   }
   
   #call1800 {
      font-size: 30px; 
   }
   
   #circlephone {
      width: 73px;
      height: auto;
   }
   
 	.fc1 > div {
		width: 90%;
		margin: 0px 0px 10px 0px;
		padding: 5px;
	}
   
   
   .bbu {
      float: none;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0px;
   }
   
   .scarlet-box {
      width: 40%; 
      float: right; 
      border: solid black 2px; 
      padding: 10px; 
      margin: 10px;
   }
   
   #popup {
      width: 90%;
   }
   
   input[type=text], input[type=email], select, textarea {
      font-size: 16px;
      font-family: "Asul", serif;
   }  
   
   #popup{
      display: none; 
      margin-top: 60px; 
      position: fixed; 
   }
   
   .rfqform {
      padding: 5px; 
      margin-top: 10px; 
      border: dashed black 1px;
   }
}