body, html {
    	overflow-x: hidden;
    }
@font-face {
     font-family: 'mcaps';
     src: url('../fonts/mark-geo-caps-bold.ttf') 
}
 @font-face {
     font-family: 'mbold';
     src: url('../fonts/mark-geo-bold.ttf') 
}
 .top-bar {
     border-bottom: 1px solid #f2f1ed;
}
 .top-bar .bdr {
     border-right: 1px solid #f2f1ed;
}
 .address-info, .call-info {
    padding-top: 13px;
     height: 56px;
    font-size: 12px;
     color: #999;
     font-weight: 500;
     padding: 13px;
     text-align: center;
}
.address-info  {
	padding-top: 11px
	}
 .address-info i, .call-info i {
     padding-right: 5px;
     font-size: 15px;
}
 .location-address {
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: flex-start;
}
 .call-info {
     height: 56px;
     display: flex;
     align-items: center;
     justify-content:center;
     padding-top: 9px;
     font-size: 14px;
}
 .call-info a {
     color: #999;
}
 .call-no {
}
 .location-address.call-no {
     text-align: center;
}
 .location-address .call-no i {
     font-size: 16px;
}
 .top-social {
     text-align: center;
     padding: 5px;
     height: 54px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .top-social a {
     padding: 7px 6px;
     color: #999;
     display: inline-block;
     font-size: 20px;
}
 .top-social a:hover {
     color: #dd9a80;
}
 .top-btn {
     padding: 10px;
}
 .consultation-btn {
     background: #b38c4c;
     color: #fff;
     border: none;
     padding: 9px;
     font-family: 'mcaps';
         transition: all 0.3s;
}
 .address-info p, .call-info p {
     margin: 0;
     font-family: 'mcaps';
     font-size: 14px;
}
 
 @media (max-width: 991px) {
 	.top-bar .bdr {
 		 border-bottom: 1px solid #f2f1ed;
 	}
 	.top-bar {
 		border: none;
 	}
 	.address-info, .call-info {
 		padding-left: 0;
    	padding-right: 0;
 	}
 	.address-info p, .call-info p {
 		font-size: 9px
 	}
 }
 .bx-wrapper {
 	box-shadow: none;
 	border: none;
 	margin-bottom: 30px
 }
 .twentytwenty-wrapper {
    width: calc(100% / 3 - 15px);
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 3px;
    overflow: hidden;
 }
  .twentytwenty-wrapper:nth-child(3n) {
  	margin-right: 0
  }
  .title-row {
  	display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 30px
  }
  .title-row h3 {
  	margin: 0;
  	font-family: 'mcaps'
  }
  .see-all {
  	display: inline-block;
  	width: 100%;
  	text-align: center;
  	    margin-top: 15px;
  }
  .see-all a {
    background: #66512e;
    color: #ebdec8!important;
    font-size: 14px;
    border: 1px solid #ebdec8;
    border-radius: 6px;
    padding: 10px 40px!important;
    line-height: 36px;
    text-decoration: none;
    font-family: 'mcaps'
  }
  .see-all a:hover {
    background: #ebdec8;
    color: #594522!important;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.22);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.22);
    -webkit-transition: all .5s;
    transition: all .5s;
    text-shadow: unset;
  }
  .video-block {
  	    margin-top: 55px;
    background: #fbfbfb;
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .plyr__poster {
  	    background-color: #fbfbfb !important
  }

  .contact-us {
  	display: inline-block;
  	width: 100%;
  	margin-top: 30px
  }
  .contact-us .contact-info {
    width: calc(100% / 3);
    float: left;
    padding: 40px 0;
    padding-top: 15px;
  }
  .contact-us .contact-info .tit {
    color: #b38c4c;
    font-family: 'mcaps';
    font-size: 18px;
    margin-bottom: 10px;
  }
  .contact-us .contact-info .info-item {
  	    color: #adadad;
    font-family: 'mbold';
    font-size: 14px;
    margin-bottom: 10px;
  }
   .contact-us .contact-info .info-item a {
   	    color: #adadad;
    font-family: 'mbold';
    font-size: 14px;
    margin-bottom: 10px;
    text-decoration: none;
   }
  .contact-us .contact-info:nth-child(3) {
  	margin-right: 0
  }
    .contact-us  .map-item {
    	width: 100%
    }
    .copyright {
    	    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: 'mcaps';
    font-size: 14px;
    }
  
  @media (max-width: 991px) {
  	.twentytwenty-wrapper {
  		width: 100%
  	}
  	.contact-us .contact-info {
  		    width: 100%;
    padding: 0px 0;
    margin-bottom: 10px;
  	}
  	.contact-us .contact-info:nth-child(3) {
  		margin-bottom: 30px
  	}
  	.copyright {
  		font-size: 10px
  	}
  	.title-row h3 {
  		font-size: 16px
  	}
  }

  .graft-calc {
    margin-top: 55px;
  }
  .graft-calc .title-row p {
      font-family: 'mbold';
      margin-top: 20px;
  }
  .one, .two {
          float: left;
      width: 50%;
      overflow-y: auto;
        }

        .scaled {
            transform: scale(1); /* Equal to scaleX(0.7) scaleY(0.7) */
        }

     
         .graft-calc h4 {
          font-family: 'mcaps'
         }
         .graft-calc h3 {
          font-family: 'mcaps';
          margin-top: 7px;
         }
         #results * {
          font-family: 'mbold';
          line-height: 1.6;
          color: #be9b64;
         }
        #inline {
          display: flex;
          width: 65%;
          min-height: 120px;
          margin: 0 auto;
        }
        #total{
           font-family: 'mbold';
           color: green
        }

      
        @media  screen and (max-width: 800px) {
            .scaled {
                transform: scale(0.8) !important; /* Equal to scaleX(0.7) scaleY(0.7) */
            }
            #inline {
              width: 100%;
              flex-direction: column;
            }
            .one, .two {
              width: 100%;
              margin-bottom: 15px
            }
        } 
        @media  screen and (max-width: 600px) {
            .scaled {
                transform: scale(0.55) !important;
                    margin-left: -20%; /* Equal to scaleX(0.7) scaleY(0.7) */
            }

        }