/*************IOS Custom Style*************/ 
.km-ios #listview-home .km-navbar .km-button,
.km-android #listview-home .km-navbar .km-button {background-color: #974d2e;}
.km-tablet .km-ios #listview-home .km-view-title {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.5);}
.km-ios #listview-home .km-navbar .km-button {background-color: #974d2e;}
.km-ios /* use .km-android, when you're not forcing the iOS styling) */
{
-webkit-transform: translatez(0); -webkit-transition: -webkit-transform .0001ms;
}
/*************End IOS Custom Style*************/ 
/**************Android Custom Style***************/
.km-android div.km-view {-webkit-box-direction: normal;}
.km-android .km-navbar div.km-view-title {display: inline-block;}
.km-tablet .km-android #listview-home .km-view-title {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.5);}
.km-android #listview-home .km-navbar .km-button {background-color: #974d2e;}
.km-android .km-view .km-content .km-list > li {color: black;}
.km-android,
.km-android .km-view,
.km-android .km-header,
.km-android .km-footer,
.km-android .km-list,
.km-android .km-shim .k-animation-container {-webkit-transform: none;}
.km-android4 input {-webkit-user-modify: read-write;}
.km-android2 .km-list > li,
.km-android3 .km-list > li {bottom: auto; -webkit-transform: none; -moz-transform: none;}

/*********End***************/
.imgClass {width: 3em; height: 3em; margin: .5em 0; -webkit-box-shadow: 0 1px 3px #333; box-shadow: 0 1px 3px #333; -webkit-border-radius: 8px; border-radius: 8px;}
.gridImgClass {width: 90%; height: 90%; margin: .5em 0; -webkit-box-shadow: 0 1px 3px #333; box-shadow: 0 1px 3px #333; -webkit-border-radius: 8px; border-radius: 8px;}
.itemContent {text-decoration:none; float: left; font-size: 0.7em; line-height: 1.8em; margin: .2em .2em 0 .2em; width: 50%;}
.viewData {text-decoration:none; font-size: 0.85em; color:#3A70DA; font-family: 'Source Sans Pro', sans-serif; text-align:justify; white-space:pre;}
.viewDescWrapped {text-decoration:none; font-size: 0.85em; color:#3A70DA; font-family: 'Source Sans Pro', sans-serif; text-align:justify;}
.roundBorder {-moz-border-radius: 15px; border-radius: 15px;}

hr {border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));}
.imgClassWrapLeft {width: 9em; height: 9em; -webkit-box-shadow: 0 1px 3px #333; box-shadow: 0 1px 3px #333; -webkit-border-radius: 8px; border-radius: 8px; float: left; margin: 4px;}
.more {font:Trebuchet MS;color:#DA5800;}
.lnkstyle {text-decoration:none; color:#974D2E;}
.lnkGridStyle{text-decoration:none; color:#974D2E; word-break:break-word}
.msgText {text-decoration:none; font-size: 0.7em; line-height: 1.8em;} 
.pageTitle {color:#50517A; font-family:'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;} 
.subText {font-size:.9em; color:#50517A; text-align:justify;white-space:normal;}
.CommentText {font-size:.92em; color:GrayText; text-align:justify;} 
.titleText {color:#974D2E }
.inlineText {color:Navy;}
.actionimage {Width:30px; Height:30px;}
.headerAction {Width:35px; Height:35px;}
.imgIndicator {height:30px; width:30px;border-radius: 5px;}
.noborder {border:0px; border-style:"none";}
.offerText {font-size:0.7em; color:Red;}
.offerSection {font-size:0.6em;}
.offerAmount {font-size:small; text-decoration:line-through; color:Gray }
.tdHead {width:55px;}
.invisible {display: none;}
.tdSearch {width:30px;}
.dtText {text-decoration:none; font-size: 0.6em; color : Gray;} 
.numericStyle {text-align:right;}
.readOnlyStyle {background-color:Transparent;}
.numericReadOnlyStyle {background-color:Transparent; text-align:right; border-style:none;}
.photo {transition: all 0.3s ease-out;}
.loader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('../images/Loading.gif') 50% 50% no-repeat rgb(249,249,249);}
.card {background-color: orange; color: white; padding: 1rem; height: 85%; border-radius: 6px;}
.cards { max-width: 100%; margin: 0 auto; display: grid; gap: 1rem; padding:1rem; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));}
.langBtnStyle{height: 100%;width: 100%; background-color:transparent;border:0px;color:white;font-weight:bold;}
.langBtnStyle button:hover {  background-color: #3e8e41;cursor: pointer;}
.btn-group button {background-color: yellowgreen;border: 1px solid green;color: white;cursor: pointer;float: left; height: 3em;}
.btn-group:after {content: "";clear: both;display: table;}/* Clear floats (clearfix hack) */
.btn-group button:not(:last-child) {border-right: none; }/* Prevent double borders */
.btn-group button:last-child {  border-radius:0px 5px 5px 0px;}
.btn-group button:first-child {  border-radius:5px 0px 0px 5px;}
.btn-group button:hover {  background-color: #3e8e41;cursor: pointer;}
@media (min-height: 200px) {.photo {width: 99%; margin: 0; display: inline-block ; -webkit-background-size: 80% 100%; background-size: 75% 100%; /*background-size: 80% 100%;*/ background-repeat: no-repeat; background-position: center center; height: 220px; height: 100px; background-color:White;}}
@media (min-height: 320px) {.photo {width: 99%; margin: 0; display: inline-block ; -webkit-background-size: 80% 100%; background-size: 75% 100%; background-repeat: no-repeat; background-position: center center; height: 220px; background-color:White; /*	 height: 520px;*/ }}
@media (min-height: 480px) {.photo {width : 99%; margin: 0; display: inline-block ; -webkit-background-size: 80% 100%; background-size: 80% 100%; background-repeat: no-repeat; background-position: center center; height: 380px; background-color:White;}}
@media (min-height: 600px) {.photo {width : 99%; margin: 0; display: inline-block ; -webkit-background-size: 80% 100%; background-size: 80% 100%; background-repeat: no-repeat; background-position: center center; height: 500px; background-color:White;}}
@media (min-height: 800px) {.photo {width: 99%; margin: 0; display: inline-block ; -webkit-background-size: 80% 100%; background-size: 80% 100%; background-repeat: no-repeat; background-position: center center; background-color:White; /*height: 400px;*/ height: 700px;}}
@media screen{.bizTextArea {padding: 2px .3em;height: 2.12em;line-height: 1.6em;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;color: #2E2E2E;background-color: white;font-size:1.4em;border-color: #C5C5C5;height:100px;width:860px} }
@media screen and (max-width:1200px){.bizTextArea {padding: 2px .3em;height: 2.12em;line-height: 1.6em;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;color: #2E2E2E;background-color: white;font-size:1.4em;border-color: #C5C5C5;height:100px;width:800px}}
@media screen and (max-width:960px){.bizTextArea {padding: 2px .3em;height: 2.12em;line-height: 1.6em;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;color: #2E2E2E;background-color: white;font-size:1.4em;border-color: #C5C5C5;height:150px;width:560px}}
@media screen and (max-width:700px){.bizTextArea {padding: 2px .3em;height: 2.12em;line-height: 1.6em;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;color: #2E2E2E;background-color: white;font-size:1.4em;border-color: #C5C5C5;height:150px;width:350px}}
@media screen and (max-width:480px){.bizTextArea {padding: 2px .3em;height: 2.12em;line-height: 1.6em;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;color: #2E2E2E;background-color: white;font-size:1.4em;border-color: #C5C5C5;height:100px;width:230px} 
 .imgResizeStyle {width:80%;}}
html {height: 100vh;}
body {height: 100%;}
.modal {position: absolute; z-index: 1; padding-top: 100px;left: 0;top: 0; width: 100%;height: 90%; overflow:auto; background-color:rgb(0,0,0);background-color: rgba(0,0,0,0.85); display: block;opacity:0.95}
@media only screen and (max-width: 1000px) {.modal-content {width: 100%;}}
.modal-content {margin: auto;display: block;width: 100%;height: 80%;max-width: 1000px;}
#caption {margin: auto;display: block;width: 80%;max-width: 1000px;text-align: center;color: #ccc;padding: 10px 0;height: 150px;}
.modal-content, #caption {-webkit-animation-name: zoom;-webkit-animation-duration: 0.6s;animation-name: zoom;animation-duration: 0.6s;}
@-webkit-keyframes zoom {from {-webkit-transform: scale(0)} to {-webkit-transform: scale(1)}}
@keyframes zoom {from {transform: scale(0)} to {transform: scale(1)}}
.close {position: absolute;top: 2em;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s;}
.close:hover, .close:focus {cursor: pointer;}
.albumImg{width: 100%; overflow:visible;}