@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap";

body {
	background: #e1ebfa;
	color: #212529;
	font: 13px roboto, sans-serif;
}

.w3-main {
	background: #fff;
}

.w3-main .w3-twothird {
	padding:25px 20px;
}

.w3-main h1 {
	font-size: 25px;
	font-weight: 500;
}

.w3-main a:hover {
	opacity: 0.7;
}

.tel {
	padding: 25px 20px;
}

.tel p {
	margin-top: 10px;
}

.tel span {
	padding: 3px;
	background-image: linear-gradient(120deg,#fff3cd,#fff3cd);
    background-position: 40% 80%;
    background-repeat: no-repeat;
    background-size: 90% 35%;
}

.tel a[href^="tel:"] {
  font-size: 22px;
  line-height: 32px;
  text-decoration: none;

}

.tel a[href^="tel:"]:before {
  content: "\260E";
  font-size: 19px;
  margin-right: 0.5em;
  color:#729ee9;
  background-color: #cdf7f6;
  border-radius: 3px;
  padding: 2px 5px;
}

.w3-bar .w3-button {
	padding: 14px;
}

.w3-display-container .w3-display-topleft {
    position: absolute;
    left: 20px;
    top: 30px;
}

.w3-display-container .w3-display-topleft h3 {
	font-size: 45px;
	font-weight: 500;
}

.w3-display-container .w3-display-topleft p {
	font-size: 20px;
	font-weight: 500;
}

.bd h4 {
	font-size: 26px;
	padding: 5px;
    background-image: linear-gradient(120deg,#fff3cd,#fff3cd);
    background-position: 10% 80%;
    background-repeat: no-repeat;
    background-size: 60% 35%;
}

.bd p {
	font-size: 16px;
}

.bd .w3-container {
    padding: 0;
}

.bd .w3-twothird {
    padding: 50px 20px;
}

.bd .w3-third {
    padding-top: 50px;
}

.slug h4 {
	font-size: 26px;
	padding: 5px;
    background-image: linear-gradient(120deg,#fff3cd,#fff3cd);
    background-position: 2% 80%;
    background-repeat: no-repeat;
    background-size: 180px 35%;
}

.contact h5 {
	margin-top: 50px;
	font-size: 26px;
	padding: 5px;
    background-image: linear-gradient(120deg,#fff3cd,#fff3cd);
    background-position: 2% 80%;
    background-repeat: no-repeat;
    background-size: 100px 35%;
}

.sert h5 {
	margin-top: 50px;
	font-size: 26px;
	padding: 5px;
    background-image: linear-gradient(120deg,#fff3cd,#fff3cd);
    background-position: 2% 80%;
    background-repeat: no-repeat;
    background-size: 300px 35%;
}

.pric {
	margin: 5px 20px;
}

.post {
	padding: 5px;
}

#c_reload {
	cursor: pointer;
}

.w3-modal-content {
	max-width:450px; 
	min-height: 400px;
	padding: 10px
}

.w3-modal .w3-cell {
	padding: 0;
}

.w3-modal p {
	margin: 10px 20px;
	font-size: 15px;

}

.w3-border {
    border: 1px solid #e6e6e6!important;
}

.footer {
	padding: 30px ;
}

.footer h6 {
	font-size: 19px;
}

.sert img {
	cursor: pointer;
}

.sert b {
	margin: 0 0 0 30px;
}

.sert .w3-twothird {
    padding: 5px;
}

@media screen and (max-width: 600px) {

.tel {
	padding: 1px 20px 20px;
}

.w3-border-left {
	border-left: none !important;
}

.w3-display-container .w3-display-topleft {
    position: absolute;
    left: 20px;
    top: 1px;
}

.w3-display-container .w3-display-topleft h3 {
	font-size: 20px;
}

.w3-display-container .w3-display-topleft p {
	font-size: 14px;
}

.w3-main .w3-twothird {
	padding:10px 20px;
}

.w3-bar .w3-button {
    padding: 10px;
}


}