body{background-color:#1a237e;color:#FFF;text-align:center;box-sizing: border-box;}
*{margin:0;padding:0; box-sizing: border-box;font-family: "Comic Sans MS", cursive, sans-serif;}
header{height:auto;width:100%;padding-bottom:1%;overflow:hidden;}
td{padding:8px 0;vertical-align:top;}
.top_1{color:#fff;background:#1c4569;padding:1% 0;
border-radius: 5px 5px 0 0;
-webkit-box-shadow: 0px 1px 3px 0px #bfbfbf;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    0px 1px 3px 0px #bfbfbf;  /* Firefox 3.5 - 3.6 */
box-shadow:         0px 1px 3px 0px #bfbfbf;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.h3, h3 {
    font-size: 24px;
    overflow: hidden;
       line-height: 1.5!important;
}

.satta{color:#212121; padding:1%;}
.table {.inner-header
background: #fff;
border: 1px solid #e3e3e3;
}
.btn_1{padding:1.8%;margin-top:1%;background:#ff0026;color:#fff;width:50%;}
.text_1{color:#212121;font-size:1.3em;}
.text_2{font-size:1.7em;}
.contact{float:left;height:auto;padding:10px 0;width:20%;}
.contact p{color:#676767;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans",Verdana,sans-serif;font-size:16px;font-weight:700;}
.contact p span{padding:0 5% 0 0;}
.middle{background-image:url("../images/BC.jpg");background-repeat:repeat-x;height:auto;overflow:hidden;padding:0 15%;width:70%;}
.line{font-family:Verdana,Geneva,sans-serif;font-size:24px;font-weight:bold;padding:40px 2% 10px;width:96%;}
.middle_box{border:5px solid #f00;border-radius:20px;height:auto;overflow:hidden;padding:0 2%;width:96%;}
.middle_box_inner{background:#ffffff none repeat scroll 0 0;border:1px solid #000;float:left;height:258px;margin:30px 2%;width:264px;}
.middle_box_inner:nth-child(5){margin:30px 0 30px 2%;}
.middle_box_inner:nth-child(9){margin:30px 0 30px 2%;}
.middle_box_inner h2{border-top:10px solid #f00;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:bold;padding:30px 0;text-align:center;}
.middle_box_inner h1{color:#ff0000;font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:normal;padding:0 0 30px;text-align:center;}
.middle_box_inner p{color:#f0f;font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:normal;padding:0 5px;text-align:center;}
.middle_bottom{background-image:url("../images/strip.jpg");background-repeat:repeat-x;height:100px;margin:20px 0;width:100%;}
.middle_bottom h1{color:#333;font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:bold;padding:15px 0;text-align:center;}
.middle_bottom_lower{height:100px;margin:20px 0;padding:0 35%;width:30%;}
.middle_box_inner1{float:left;margin:0 0% 0 0;width:80%;padding:10px 10%;}
.middle_box_inner1 img{width:100%;border:0;}
.middle_box_inner1:nth-child(3){margin:0 0% 0 0;}
.fotter{}
.table_main{border:1px solid #666;width:100%;margin:0 0%;margin-top:1.2%;}
.table_main td{border:1px solid #666;width:10%;text-align:center;font-size:16px;color:#333;padding:10px;}
.bc_bg{background:#f0f8ff;}
.Table_bc{background:#1A237E;padding:10px 0;width:100%;}
.Form{width:100%;background:#F00;}
.box1{width:20%;float:left;color:#fff;font-size:18px;font-family:Arial,Helvetica,sans-serif;padding:0 5% 0 0;font-weight:600;line-height:32px;}
.box1 label{float:left;width:30%;padding:0 10% 0 0;}
.box1 select{width:60%;padding:5px 5%;border:1px solid #999;background:#FFF;float:left;}
.button{width:100%;padding:10px;background:#666;text-align:center;font-size:16px;color:#FFF;text-decoration:none;border-radius:4px;}
.inner_container{width:96%;padding:0 2%;}
.chat{margin:0;padding:0;}
@media only screen
and (min-device-width:980px)
and (max-device-width:1280px){.middle_box_inner{width:29%;}
.middle_box_inner h2{font-size:20px;}
.middle_box_inner h1{font-size:34px;}
.middle_box_inner p{font-size:30px;padding:0 0 0 8px;}
.middle_bottom_lower{padding:0 35%;width:30%;}
.middle_box_inner1{width:100%;}
}
@media only screen
and (min-device-width:720px)
and (max-device-width:980px){.middle_box_inner{width:45%;}
.middle_box_inner h2{font-size:20px;}
.middle_box_inner h1{font-size:34px;}
.middle_box_inner p{font-size:30px;padding:0 0 0 8px;}
.contact{float:left;height:auto;padding:10px 0;width:23%;}
.logo{float:left;height:auto;margin:0 0 0 13%;padding:11px 0;width:53%;}
}
@media only screen
and (min-device-width:240px)
and (max-device-width:720px)
{.middle_bottom_lower{height:100px;margin:20px 0;padding:0 25%;width:50%;}
.contact p{color:#676767;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans",Verdana,sans-serif;font-size:12px;font-weight:500;}
.middle_box_inner{width:95%;}
.middle_box_inner h2{font-size:20px;}
.middle_box_inner h1{font-size:34px;}
.middle_box_inner p{font-size:30px;padding:0 0 0 8px;}
.middle_box_inner1:nth-child(3){margin:0 25%;}
.contact{float:left;height:auto;padding:10px 0;width:40%;}
.logo{float:left;height:auto;margin:0 0 0 13%;padding:11px 0;width:70%;}
}
.owner{ padding:2% 0;}
.nav-primary{background:#8d075f; clear:both;margin:0;padding:0;text-align:center;width:100%;position:fixed;top:0%;overflow:hidden; border: 2px solid #fff; z-index: 9999;}
.active{ color:#ffeb3b !important}
.nav-primary ul{ margin-bottom:0px;}
.nav-primary li{display:inline-block;list-style-type:none;margin:0;padding:17px 50px;vertical-align:bottom; border-right: 2px solid #fff;}
.nav-primary a{color:#fff;display:block;font-size:110%;font-weight:bold;position:relative;text-decoration:none;-moz-transition:background 0.4s ease-out;-o-transition:background 0.4s ease-out;-webkit-transition:background 0.4s ease-out;transition:background 0.4s ease-out; font-size: 1.8em;}
.nav-primary a:hover{background:transparent; color: #fff; overflow:hidden;position:relative;}
.nav-primary a:hover::after{top:-5px;}
@media only screen and (max-width:800px){
.nav-primary a{color:#fff;display:block; font-size: 74%;
transform: scale(1.2, 1.5);}

.nav-primary li{display:inline-block;list-style-type:none;margin:0;padding:12px 11px;vertical-align:bottom; border-right: 2px solid #fff;}
}
.nav-primary li:nth-child(1) { padding: 12px 13px 12px 3px;}
.nav-primary li:nth-child(4) {padding: 12px 3px 12px 13px; }
.rainbow {
font: normal normal bold 30px/normal arial;
color: #fff;
/* text-align: center; */
-o-text-overflow: clip;
/* text-overflow: clip; */
/* text-shadow: 4px 0 0 rgb(226,91,14); */
/* -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); */
-moz-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
/* transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); */
/* margin-bottom: -2%; */
}
.enjoy-css { padding:1.5% ;}
.enjoy-css a {
cursor: pointer;
margin: 0 auto;
border: 2px solid rgb(255, 235, 59);
-webkit-border-radius: 40px;
border-radius: 40px;
color: rgb(255, 255, 255);
text-align: center;
-o-text-overflow: clip;
/* text-overflow: clip; */
letter-spacing: 1px;
background: rgb(141, 7, 95);
-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
-moz-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
-o-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
padding:1% 3%;
font-size: 1.5em;
font-weight: bold;
text-decoration: none;
color: #fff;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.top-bnner {margin-top:1.3% !important}
header{margin-top:0%;}
.rainbow {
font: normal normal bold 30px/normal "Bad Script", Helvetica, sans-serif;
font-size: 1.5em;
}
.table_main{margin-top:1%;}
}
.login1 {background: #2d87e2;
width: 50%;
text-align: center;
float: left;
padding: 10px;
color: #fff;
border-right: 5px solid #f5f5f5;
}
.register1 {background: #2d87e2;
width: 50%;
text-align: center;
float: left;
padding: 10px;
color: #fff;
}
body {
margin: 0; padding:0;
overflow-x: hidden;
background:#f5f5f5;
font-family:arial;
}
.logo{ padding:20px; background:url(..//images/fram.png) top center no-repeat; height:170px;}
#carousel-wrapper,
#carousel figure {
height: 100px;
line-height: 100px;
color: white;
}
#carousel figure:nth-of-type(1) {-webkit-transform: rotateY(0deg)   translateZ(70px);}
#carousel figure:nth-of-type(2) {-webkit-transform: rotateY(60deg)  translateZ(70px);}
#carousel figure:nth-of-type(3) {-webkit-transform: rotateY(120deg) translateZ(70px);}
#carousel figure:nth-of-type(4) {-webkit-transform: rotateY(180deg) translateZ(70px);}
#carousel figure:nth-of-type(5) {-webkit-transform: rotateY(240deg) translateZ(70px);}
#carousel figure:nth-of-type(6) {-webkit-transform: rotateY(300deg) translateZ(70px);}
#carousel[data-state="1"] figure:nth-of-type(1),
#carousel[data-state="2"] figure:nth-of-type(2),
#carousel[data-state="3"] figure:nth-of-type(3),
#carousel[data-state="4"] figure:nth-of-type(4),
#carousel[data-state="5"] figure:nth-of-type(5),
#carousel[data-state="6"] figure:nth-of-type(6) { opacity: 1; }
#carousel-wrapper {
position: absolute;
top: 21%;
left: 25%;
width: 50%;
text-align: center;
perspective: 1100px;
}
#carousel {
width: 100%;
height: 100%;
position: absolute;
z-index: 100;
transform-style: preserve-3d;
transition: all 1s;
}
#carousel figure {
display: block;
position: absolute;
width: 100%;
margin: 0;
font-size: 50px;
font-weight: bold;
color:#f3cd48;
text-align: center;
opacity: .1;
transition: all 1s;
backface-visibility: hidden;
}
.bdr{
border: 0.5em solid #ffeb3b;
margin: 1%;
padding: 1%;
background: #8d075f;
overflow: hidden;
}

.bdr_2 {
float:right;
padding: 1%;
background: #fff;
color:#8d075f;
font-weight:bold;
width:120px;
font-size:14px;
}
.next{background: rgb(141, 7, 95);
padding: 10px 30px;
color: #fff;
text-decoration: none;
font-size: 20px;
border-radius:10px;}
.font_1{ color: #ffeb3b;
font-weight: bold;}
h3, .h3 {
font-size: 24px;}


.blink_me {
animation: blinker 1s linear infinite;
font-weight: bold;
}
@keyframes blinker {
50% { opacity: 0; }
}
.padding_2{padding: 1%;
background-color: #438c46;
font-size: 14.5px;
font-family: "Comic Sans MS", cursive, sans-serif;
color: #fff;
margin: 10px 2px;
border-radius: 4px;
-webkit-box-shadow: 0px 1px 3px 0px #bfbfbf;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    0px 20px 10px -10px #888; /* Firefox 3.5 - 3.6 */
box-shadow:         0px 1px 3px 0px #bfbfbf;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.padding_11{padding: 1px;
font-size: 20px;
background: #0d5d1b;
margin: 10px 2px;
border-radius: 4px;
-webkit-box-shadow: 0px 1px 3px 0px #bfbfbf;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    0px 1px 3px 0px #bfbfbf;  /* Firefox 3.5 - 3.6 */
box-shadow:        0px 1px 3px 0px #bfbfbf;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.padding_10{padding: 1%;
font-size: 13px;
color: #f5f5f5;
background: #1c4569;
margin: 10px 2px;
border-radius: 4px;
-webkit-box-shadow: 0px 1px 3px 0px #bfbfbf;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    0px 1px 3px 0px #bfbfbf;  /* Firefox 3.5 - 3.6 */
box-shadow:         0px 1px 3px 0px #bfbfbf;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.padding_3{ padding:2% 8%; line-height:22px;}
.search{background: #506C64;
overflow: hidden;
padding: 2%;
margin: 10px 2px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px 0px #bfbfbf;
-moz-box-shadow: 0px 1px 3px 0px #bfbfbf;
box-shadow: 0px 1px 3px 0px #bfbfbf;

}

.btn-success2{background: #506C64;
color: #fff;
font-size: 18px;
padding: 10px;
margin-bottom: 20px;
border: 0;
border-radius: 5px;
}

/*.btn-success3{
background: #220C10;
color: #fff;
font-size: 18px;
padding: 20px;
margin: 20px 0 0 0;
display: block;
text-align: center;
} */
.filter-result-btn{
color: #fff;
background-color: #220C10;
}

.button1 {
margin: 20px 0;
background:none;
}
}
.btn1 {
display:block;
cursor: pointer;
font-size: 26px;
border: none;
font-weight:bold;
border-radius: 5px;
margin: 0 auto;
width: 250px;
padding: 10px;
color: #000;
background: #FFEB3B;}

.padding_20 {
padding:1%;
font-size:14px;
color:#fff;
background:#292e39;
text-align:center;
margin:10px 2px;
border-radius:5px;
-webkit-box-shadow:0px 1px 3px 0px #bfbfbf;
-moz-box-shadow:0px 1px 3px 0px #bfbfbf;
box-shadow:0px 1px 3px 0px #bfbfbf;
}
.lob p{ text-align:center; color:#fff; padding: 10px;}

.searchtop_1 {
color: #fff;
background: #220C10;
padding:12px;
margin: 10px 2px;
text-align:center;
border-radius: 1px;
-webkit-box-shadow: 0px 1px 3px 0px #bfbfbf;
-moz-box-shadow: 0px 1px 3px 0px #bfbfbf;
box-shadow: 0px 1px 3px 0px #bfbfbf;
}
.form-control {
margin-bottom: 20px;
height: auto !important;
padding: 12px 20px !important;
}
.right_bdr{border-right:none !important;}
.wait {color:#fff;
font-weight:bold;
padding:15px 0;
font-size:50px;}


.top-bnner {    position: relative;
margin-top: 1.3%;}


@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
.img-top { width:100%;     margin-top: 1.3% !important;}
.img-top-2 { width:100%}
}
}
.post3{background:#93fbb3;color:#000; font-size: small;border: 5px solid #68ef91;}
.name{font-size:20px;font-weight: 900;}
.post2{background:#e29cff;color:#000; font-size: small;border: 5px solid #ce70f5;}
.fmenu{background: #220C10;
padding: 15px;
margin-bottom: 20px;
margin-left: 3px;
margin-right: 4px;
margin-top: 4px;
}
.fmenu a{color:#fff;}



.warning-section {
margin: 10px 2px;
border: 3px solid #000;
background:#506C64;
color: #fff;
font-size: 16px;
font-weight: 900;
padding: 10px;
border-radius: 6px;
}
.warning-section1 {
margin: 10px 2px;
border: 3px solid #000;
background:#506C64;
color: #fff;
font-size: 16px;
font-weight: 900;
padding: 10px;
border-radius: 6px;
}
.warning-section2 {
margin: 10px 2px;
border: 3px solid #000;
background:#438c46;
color: #fff;
font-size: 16px;
font-weight: 900;
padding: 10px;
border-radius: 6px;

}
.warning-section3 {
margin: 10px 2px;
border: 3px solid #000;
background:#506C64;
color: #fff;
font-size: 16px;
font-weight: 900;
padding: 10px;
border-radius: 6px;
}
.warning-section4 {
margin: 10px 2px;
border: 3px solid #000;
background:#506C64;
color: #fff;
font-size: 16px;
font-weight: 900;
padding: 10px;
border-radius: 6px;
}
.result{
font-size: 14px;
color:#000000;
background-color:#506C64;
width:50%;

}
.result2{
font-size: 14px;
color:#000000;
background-color:#506C64;
width:50%;
}
.tableresult input#search
{
position: absolute;
right: 16px;
top: -6px;
}
table.nav_tbl {
position: relative;
top: 14px;
}
@media(max-width:500px){
.header-container td a p {
margin-left:4px !important;
}
}
@media(max-width:600px){
.tableresult input#search {
position:unset!important;
}
.blank-col{display: none!important;}
.header-container .col-sm-6.col-md-4 {
display: table-cell;
}
.header-container img {
width: 124px;
}
.header-container td a p {
margin-left:5px !important;
margin-top:0px !important;
}
.header-container table.nav_tbl {
position: relative;
top:12px;
}
table.nav_tbl tbody td {
font-size: 12px!important;
}
.logo-img {margin-top:9px!important;}
}
body {
  font-family: "Lato", sans-serif;
  background: #f1f1f1;
}
a:link,
a:visited {
  color: #444;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}
h1 {
  font-size: 20px;
  text-align: center;
  display: block;
  background: linear-gradient(to right top, #6f96f3, #164ed2);
  padding: 20px;
  color: #fff;
  border-radius: 50px;
}

/* CSS Multiple Whatsapp Chat */
.whatsapp-name {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 0.5;
}

#whatsapp-chat {
  box-sizing: border-box !important;

  outline: none !important;
  position: fixed;
  width: 350px;
  border-radius: 10px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  bottom: 90px;
  right: 30px;
  overflow: hidden;
  z-index: 99;
  animation-name: showchat;
  animation-duration: 1s;
  transform: scale(1);
}
a.blantershow-chat {
  /*   background: #009688; */
  background: #fff;
  color: #404040;
  position: fixed;
  display: flex;
  font-weight: 400;
  justify-content: space-between;
  z-index: 98;
  bottom: 25px;
  right: 30px;
  font-size: 15px;
  padding: 10px 20px;
  border-radius: 30px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
}
a.blantershow-chat svg {
  transform: scale(1.2);
  margin: 0 10px 0 0;
}
.header-chat {
  /*   background: linear-gradient(to right top, #6f96f3, #164ed2); */
  background: #009688;
  background: #095e54;
  color: #fff;
  padding: 20px;
}
.header-chat h3 {
  margin: 0 0 10px;
}
.header-chat p {
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}
.info-avatar {
  position: relative;
}
.info-avatar img {
  border-radius: 100%;
  width: 50px;
  float: left;
  margin: 0 10px 0 0;
}

a.informasi {
  padding: 20px;
  display: block;
  overflow: hidden;
  animation-name: showhide;
  animation-duration: 0.5s;
}
a.informasi:hover {
  background: #f1f1f1;
}
.info-chat span {
  display: block;
}
#get-label,
span.chat-label {
  font-size: 12px;
  color: #888;
}
#get-nama,
span.chat-nama {
  margin: 5px 0 0;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}
#get-label,
#get-nama {
  color: #fff;
}
span.my-number {
  display: none;
}
/* .blanter-msg {
  color: #444;
  padding: 20px;
  font-size: 12.5px;
  text-align: center;
  border-top: 1px solid #ddd;
} */
textarea#chat-input {
    border: none;
    font-family: "Arial", sans-serif;
    width: 100%;
    height: 20px;
    outline: none;
    resize: none;
    padding: 10px;
    font-size: 14px;
}

a#send-it {
  width: 30px;
  font-weight: 700;
  padding: 10px 10px 0;
  background:#eee;
  border-radius: 10px;
  
  svg {
    fill:#a6a6a6;
    height: 24px;
    width: 24px;
  }
}

.first-msg {
  background: transparent;
  padding: 30px;
  text-align: center;
  & span {
    background: #e2e2e2;
    color: #333;
    font-size: 14.2px;
    line-height: 1.7;
    border-radius: 10px;
    padding: 15px 20px;
    display: inline-block;
  }
}

.start-chat .blanter-msg {
  display: flex;
}
#get-number {
  display: none;
}
a.close-chat {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #fff;
  font-size: 30px;

}

@keyframes ZpjSY{
  0% {
    background-color: rgb(182, 181, 186);
  }
  15% {
    background-color: rgb(17, 17, 17);
  }
  25% {
    background-color: rgb(182, 181, 186);
  }
}

@keyframes hPhMsj {
  15% {
    background-color: rgb(182, 181, 186);
  }
  25% {
    background-color: rgb(17, 17, 17);
  }
  35% {
    background-color: rgb(182, 181, 186);
  }
}

@keyframes iUMejp {
  25% {
    background-color: rgb(182, 181, 186);
  }
  35% {
    background-color: rgb(17, 17, 17);
  }
  45% {
    background-color: rgb(182, 181, 186);
  }
}


@keyframes showhide {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes showchat {
  from {
    transform: scale(0);
    opacity: 0;
  }
}
@media screen and (max-width: 480px) {
  #whatsapp-chat {
    width: auto;
    left: 5%;
    right: 5%;
    font-size: 80%;
  }
}
.hide {
  display: none;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}
.show {
  display: block;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}

.whatsapp-message-container {
  display: flex;
  z-index: 1;
}

.whatsapp-message {
  padding: 7px 14px 6px;
  background-color: rgb(255, 255, 255);
  border-radius: 0px 8px 8px;
  position: relative;
  transition: all 0.3s ease 0s;
  opacity: 0;
  transform-origin: center top 0px;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
  margin-top: 4px;
  margin-left: -54px;
  max-width: calc(100% - 66px);
}

.whatsapp-chat-body {
  padding: 20px 20px 20px 10px;
  background-color: rgb(230, 221, 212);
  position: relative;
  &::before {
    display: block;
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 0;
    opacity: 0.08;
    background-image: url("https://elfsight.com/assets/chats/patterns/whatsapp.png");
    // background-image: url(https://res.cloudinary.com/eventbree/image/upload/v1575782560/Widgets/whatsappbg_opt.jpg);
  }
}

.dAbFpq {
  display: flex;
  z-index: 1;
}

.eJJEeC {
  background-color: rgb(255, 255, 255);
  width: 52.5px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  margin-left: 10px;
  opacity: 0;
  transition: all 0.1s ease 0s;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}

.hFENyl {
    position: relative;
    display: flex;
}

.ixsrax {
    height: 5px;
    width: 5px;
    margin: 0px 2px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    top: 0px;
    background-color: rgb(158, 157, 162);
    animation-name: ZpjSY;
}

.dRvxoz {

    height: 5px;
    width: 5px;
    margin: 0px 2px;
    background-color: rgb(182, 181, 186);
    border-radius: 50%;
    display: inline-block;
    position: relative;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    top: 0px;
    animation-name: hPhMsj;
}

.kAZgZq {
    padding: 7px 14px 6px;
    background-color: rgb(255, 255, 255);
    border-radius: 0px 8px 8px;
    position: relative;
    transition: all 0.3s ease 0s;
    opacity: 0;
    transform-origin: center top 0px;
    z-index: 2;
    box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
    margin-top: 4px;
    margin-left: -54px;
    max-width: calc(100% - 66px);
    &::before {
    position: absolute;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    top: 0px;
    left: -12px;
    width: 12px;
    height: 19px;
}
}

.bMIBDo {
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.4);
}

.iSpIQi {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: rgb(17, 17, 17);
}

.iSpIQi {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: rgb(17, 17, 17);
}

.cqCDVm {
    text-align: right;
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: 
    rgba(17, 17, 17, 0.5);
    margin-right: -8px;
    margin-bottom: -4px;
}


.header{
width: 100%;
height: 92px;
display: block;
background-color: #220C10;
}
.inner-header{
width: 100%!important;
height: 100%;
display: block;
margin: 0 auto;
}
.logo-container{
height: 50%;

float: left;
}
.navigation{
float: right;
height: 220%;
margin-top: 30px;
list-style: none;
}
.navigation a{
height: 100%;
display: table;
float: left;
padding: 0px 50px!important;
color: #fff;
font-size: 18px;
}
.navigation a:last-child{
padding-right: 0;
}
.navigation a li{
display: table-cell;
vertical-align: middle;
height: 100%
}
.cht_link1{
	background-color: red;
	margin-top: 5px;
}
@media(max-width:411px){
img.logo-img {position: relative;top: 26px;left: -80px;}
.navigation {float: none!important;margin-top: -5px;}
.navigation a {padding: 0px 12px!important;}
}
@media(max-width:500px){
img.logo-img {position: relative;top:0px;left: -108px;}
.navigation {float: none!important;margin-top:0px!important; margin-left:28px!important;}
.navigation a {padding: 0px 12px!important;}
.container-fluid {
padding-right: 6px!important;
padding-left: 0px!important;
}
}
.ext{
	background-color: #ff0000; 
	text-align: center; 
	color: #fff; 
	font-size: 40px;
	font-weight: bold;
}
.citytable{
	text-align: center;
}
.citytable th{
	text-align: center;
	border: 1px solid black;
}
.chead{
	font-size: 30px;
	font-weight: bold;
}
.citydata{
  background-color: #0d5d1b;
  font-size: 18px;
  margin-top: 8px;

}
@media screen and (max-width: 500px) {
  img.logo-img {
    position: relative;
    top: 0px;
    width: 134px;
    left: 0;
}
.navigation a li {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    font-size: 11px;
}
*{
    
   /* overflow-x:hidden;*/
}

td, th {
    
    padding: 0;
    font-size: 9px;
}
}