input[type="submit"],button{
    width: auto;
    height: auto;
}

.title-box {
    background-color: rgba(60, 188, 141, .3);
    padding: 2% 2% 2% 8%;
    margin-right: 5px;
}

.detail-box {
    padding-top: 8px;
    /* height: 100%; */
    height:auto;
    font-size: 14px;
}

.btn {
	background-color: #00b183;
	border-width: 2px;
    color: white;
    margin: 5px;
}
.btn:hover {
	background-color: white;
	color: #00b183;
    /* height: 50px;  */
	border:2px solid #00b183;
}

.img-title {
/*     width: 150px;
height: 110px; */
    background-color: #ccc;
    border: 1px solid lightgray;
    float: right;
}

.card-btn-sub {

    width: 100%;

    font-size: 14px;

    border-radius: 5px;
    
    border:1px solid #00b183;

    margin-left: -20px;
    
    width: auto;
    
    height:30px;
    
    padding: 0 10px;
}

.card-btn-sub:hover {

    font-size: 14px;

    border-radius: 5px;

    border-width: 1px;

}

.modal-dialog{
    font-family: 'Pridi', "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.modal-dialog .card-btn-sub{
    position: relative; 
    margin: 0;
    width: auto;
}
button.btn{
    font-family: 'Kanit', sans-serif;
    font-size: 20px!important;
    cursor:pointer;
}

header.masthead {
    background: #2cacaf;
}

header.masthead img {
    margin: 0 auto 5px;
}

.showcase-img {
    background-repeat: no-repeat;
    background-position: center;
    height: 355px;
}
.showcase-img.left{
    background-position: left;
}
.showcase-img.right{
    background-position: right;
}

section.showcase{padding:0}
section.showcase .section-heading-spacer{float:none;}


section.goHome{
    background-image: url('../themes/lets-funds/assets/img/slide-2-crop.jpg');
    text-align: center;
    color: white;
}

section.showcase .offer-search:hover{     
    color: #00b183 !important;
    text-shadow: none;
    box-shadow: none;
    font-size: 22.5px;
}

.buy-service {
    width: 190px;
    color: white;
    font-size: 22.5px;
    cursor: pointer;
    border-radius: 5px;
    margin: 1%;
    padding: 8px;
    border: 2px solid #00cc33;
    background-color: #00cc33;
}

.buy-service:hover {
    border: 2px solid #00cc33;
    color: #00cc33 !important;
    background-color: rgba(255, 255, 255, .2) !important;
    font-size: 23px;
}
.card-btn-sub{
    background-color: #00b183;
    color: #fff;
}
@media (max-width: 980px) {
    section.gray .showcase-text{margin-top:30px!important;}
}