/* Ikonlar */
@font-face{font-family:'profornet'; src: url('../fonts/profornet.eot?38hzhx'); src: url('../fonts/profornet.eot?38hzhx#iefix') format('embedded-opentype'), url('../fonts/profornet.ttf?38hzhx') format('truetype'), url('../fonts/profornet.woff?38hzhx') format('woff'), url('../fonts/profornet.svg?38hzhx#profornet') format('svg'); font-weight:normal; font-style:normal; font-display:block;}[class*=" profornet-"],[class^=profornet-]{font-family:'profornet' !important; speak:never; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} .profornet-alarm:before{content:"\e900";} .profornet-arama:before{content:"\e901";} .profornet-asagi:before{content:"\e902";} .profornet-asagi-bold:before{content:"\e903";} .profornet-at:before{content:"\e904";} .profornet-ayarlar:before{content:"\e905";} .profornet-behance:before{content:"\e906";} .profornet-canta:before{content:"\e907";} .profornet-click:before{content:"\e908";} .profornet-detay:before{content:"\e909";} .profornet-detay-yatay:before{content:"\e90a";} .profornet-doc:before{content:"\e90b";} .profornet-dosya:before{content:"\e90c";} .profornet-dribble:before{content:"\e90d";} .profornet-ekle:before{content:"\e90e";} .profornet-ekle-bold:before{content:"\e90f";} .profornet-eposta:before{content:"\e910";} .profornet-eposta-bold:before{content:"\e911";} .profornet-ev:before{content:"\e912";} .profornet-facebook:before{content:"\e913";} .profornet-fax:before{content:"\e914";} .profornet-gizle:before{content:"\e915";} .profornet-goster:before{content:"\e916";} .profornet-harici-link:before{content:"\e917";} .profornet-harici-link-bold:before{content:"\e918";} .profornet-hata:before{content:"\e919";} .profornet-indir:before{content:"\e91a";} .profornet-instagram:before{content:"\e91b";} .profornet-jpg:before{content:"\e91c";} .profornet-kalem:before{content:"\e91d";} .profornet-kalp:before{content:"\e91e";} .profornet-kamera:before{content:"\e91f";} .profornet-kapat:before{content:"\e920";} .profornet-kapat-bold:before{content:"\e921";} .profornet-kilit:before{content:"\e922";} .profornet-konum:before{content:"\e923";} .profornet-link:before{content:"\e924";} .profornet-linkedin:before{content:"\e925";} .profornet-lokasyon:before{content:"\e926";} .profornet-menu:before{content:"\e927";} .profornet-menu2:before{content:"\e928";} .profornet-messenger:before{content:"\e929";} .profornet-mobil:before{content:"\e92a";} .profornet-mobil-bold:before{content:"\e92b";} .profornet-onay-bold:before{content:"\e92c";} .profornet-pause:before{content:"\e92d";} .profornet-pdf:before{content:"\e92e";} .profornet-pinterest:before{content:"\e92f";} .profornet-play:before{content:"\e930";} .profornet-play2:before{content:"\e931";} .profornet-ppt:before{content:"\e932";} .profornet-pusula:before{content:"\e933";} .profornet-rar:before{content:"\e934";} .profornet-resim:before{content:"\e935";} .profornet-saat:before{content:"\e936";} .profornet-sag:before{content:"\e937";} .profornet-sepet:before{content:"\e938";} .profornet-skype:before{content:"\e939";} .profornet-sol:before{content:"\e93a";} .profornet-takvim:before{content:"\e93b";} .profornet-telefon:before{content:"\e93c";} .profornet-telefon2:before{content:"\e93d";} .profornet-telefon-bold:before{content:"\e93e";} .profornet-tiff:before{content:"\e93f";} .profornet-twitter:before{content:"\e940";} .profornet-vimeo:before{content:"\e941";} .profornet-whatsapp:before{content:"\e942";} .profornet-whatsapp-bold:before{content:"\e943";} .profornet-wifi:before{content:"\e944";} .profornet-xls:before{content:"\e945";} .profornet-xml:before{content:"\e946";} .profornet-yardim:before{content:"\e947";} .profornet-yildiz:before{content:"\e948";} .profornet-yon:before{content:"\e949";} .profornet-youtube:before{content:"\e94a";} .profornet-yukari:before{content:"\e94b";} .profornet-yukle:before{content:"\e94c";} .profornet-yukleme:before{content:"\e94d";} .profornet-zip:before{content:"\e94e";}
/* Ikonlar */

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}
blockquote,q{quotes:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;}
*{box-sizing:border-box!important;}
body{font-family:'Roboto', sans-serif;}
b,strong{font-weight: bolder;}
input, select, textarea, button, label{outline:none!important;}
a:hover{text-decoration:none;}
button,select,textarea{-webkit-appearance:none;}
button{border:none; cursor:pointer;}
img{max-width:100%; display:block;}
select{min-width:100px; height:40px; padding-left:15px; border:1px solid #dfdfdf; background-repeat:no-repeat; background-position:right 3px center; background-size:30px 10px; background-color:#fff; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='451.847px' height='451.847px' viewBox='0 0 451.847 451.847' style='enable-background:new 0 0 451.847 451.847;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751 c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0 c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");}
.nav-up{top:-180px;transition:all ease 0.3s;}
ul{list-style: none;}
/* Reset */

/* Mobil Menu */
.mobilmenu, .profornet-menu,[data-cookiepopup]{display:none;}
@media screen and (min-width:180px) and (max-width:1199px){
.profornet-menu{width:40px; height:40px; padding:0; display:Flex; justify-content: center; align-items: center; line-height:40px!important; text-align:center; color:#262626; position:absolute; right:10px; top:50%; margin-top:-20px; font-size:26px; background:none; z-index:1000;}
.mobilmenu{display:block; position:fixed; width:100%; height:100%; overflow-y:scroll; z-index:10002; background:#f2f2f2; left:-100%; transition:all ease 0.3s; top:0;}
.mobilmenu--dil{height:40px;}
.mobilmenu--dil li{line-height:40px; float:left; margin-right:10px; color:#fff; font-size:14px;}
.mobilmenu--dil li a{line-height:40px; display:block; font-weight:bold; color:#262626; text-align:center; height:40px; background:rgba(255,255,255,0.1); border-radius:3px;}
.mobilmenu--menu > ul > li{width:100%; height:60px; overflow:hidden; border-bottom:1px solid #e6e6e6; position:relative;}
.mobilmenu--menu a{display:block; line-height:60px; color:#262626; font-weight:400; font-size:16px; padding-left:30px;}
.mobilmenu--menu i{font-size:18px; line-height:40px; float:left;}
.mobilmenu--menu > ul > li > ul{position:fixed; left:-100%; background:#f2f2f2; top:80px; z-index:3; height:100%; transition:all ease 0.2s; width:100%; overflow-y:scroll; border-top: 1px solid #e6e6e6;}
.mobilmenu--menu > ul > li > ul > li{width:100%; height:60px; border-bottom:1px solid #e6e6e6; position:relative;}
.mobilmenu--menu > ul > li > ul > li > ul{position:fixed; left:-100%; background:#f2f2f2; top:80px; z-index:4; height:100%; transition:all ease 0.2s; width:100%; overflow-y:scroll; border-top: 1px solid #e6e6e6;}
.mobilmenu--menu > ul > li > ul > li > ul > li{width:100%; height:60px; border-bottom:1px solid #e6e6e6; position:relative;}
.mobilmenu--menu > ul > li > ul > li > ul > li > ul{position:fixed; left:-100%; background:#f2f2f2; top:80px; z-index:4; height:100%; transition:all ease 0.2s; width:100%; overflow-y:scroll; border-top: 1px solid #e6e6e6;}
.mobilmenu--menu > ul > li > ul > li > ul > li > ul > li{width:100%; height:60px; border-bottom:1px solid #e6e6e6; position:relative;}
.mobilmenu .menu-kontrol{position:Absolute; right:0; top:0; width:100%; height:60px; z-index:2;}
.mobilmenu .profornet-kapat{width:40px; height:40px; padding:0; display:Flex; justify-content: center; align-items: center; line-height:40px!important; text-align:center; color:#262626; position:absolute; right:20px; top:20px; cursor:pointer; display:block; font-size:20px; background:none;}
.mobilmenu .menu-kontrol:after{font-family:profornet; font-size:14px; font-style:normal; width:60px; height:60px; position:Absolute; right:7px; top:0; content:"\e937"; color:#2d333a; line-height:60px; text-align:center;}
.mobilmenu .menu-down:after{transform:rotate(180deg)!important;}
.menu-position{left:0!important; transition:all ease 0.3s;}
.mobilmenu--menu i{float:left; width:25px; height:60px; line-height:60px;}
.mobilmenu--menu .geriGit i{font-size:14px;}
.mobilmenu--menu-sosyal{display:flex; border-bottom: 0!important;}
.mobilmenu--menu-sosyal > a{min-width: 60px; max-width: 60px; font-size:18px!important;}
.mobilmenu-ust{width:100%; padding:20px 120px 20px 30px;  border-bottom:1px solid rgba(0,0,0,0.1); background:#fff; position:relative;}
.mobilmenu-ust .profornet-telefon2{width:40px; height:40px; line-height:40px!important; text-align:center; color:#262626; position:absolute; padding:0; display:Flex; justify-content: center; align-items: center; right:80px; top:20px; cursor:pointer; display:block; font-size:20px; background:none;}
}
/* Mobil Menu */

/*Lity Giris Duyurusu*/
a[data-popup]{display:none;}
.lity-popup .hide{display:none;}
.lity-popup .popup-info{display:none;position:absolute;bottom:0px;width:100%;background:#ffd400;padding:10px;font-size:13px!important;}
.lity-popup .popup-info div{display:inline-block;}
.lity-popup .popup-info div.gosterme{cursor:pointer}
.lity-popup .popup-info div.close-text{position:absolute;right:10px;cursor:pointer}
.lity-popup .lity-content{margin-bottom:37px;}
.lity-popup .lity-close{display:none;}
.lity-popup .lity-iframe-container iframe{background:#ffffff;}
.lds-ripple{display:inline-block; position:relative; width:64px; height:64px;} .lds-ripple div{position:absolute; border:4px solid #fff; opacity:1; border-radius:50%; animation:lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;} .lds-ripple div:nth-child(2){animation-delay:-0.5s;} @keyframes lds-ripple{0%{top:28px; left:28px; width:0; height:0; opacity:1;} 100%{top:-1px; left:-1px; width:58px; height:58px; opacity:0;}}
/*Lity Giris Duyurusu*/

/* Çerez kullanımı */
.cerezKullanimi{background-color:rgba(0, 0, 0, 0.8); position:fixed; display:none; bottom:0; left:0; width:100%; z-index:12000; padding:30px; flex-direction:row; box-shadow:0 -4px 6px rgba(50,50,93,.11), 0 -1px 3px rgba(0,0,0,.08);}
.cerezKullanimi_text{flex:1; display:flex; justify-content:center; flex-direction:column;}
.cerezKullanimi_text span{font-size:20px; color:#fff; margin-bottom:10px;}
.cerezKullanimi_text p{font-size:15px; color:#fff;}
.cerezKullanimi_butonlar{flex:0; display:flex; justify-content:center; align-items:center; flex-direction:row;}
.cerezKullanimi_butonlar-incele, .cerezKullanimi_butonlar-kabul{background-color:#212121; color:#fff; height:35px; width:130px; text-align:center; line-height:35px; color:#fff; font-size:15px; border-radius:2px; transition:all ease 0.3s;}
.cerezKullanimi_butonlar-incele{margin-left:10px; opacity:0.7}
.cerezKullanimi_butonlar a:hover{background-color:#fff; color:#212121; transition:all ease 0.3s;}
@media screen and (min-width:180px) and (max-width:1199px){
.cerezKullanimi{padding:20px; flex-direction:column; text-align:center; align-items:center;} 
.cerezKullanimi_butonlar{margin-top:20px;} 
.cerezKullanimi_butonlar-incele, .cerezKullanimi_butonlar-kabul{font-size:14px; width:110px;}
.cerezKullanimi_text p{font-size:14px;}
}
/* Çerez kullanımı */

/* Paginasyon */
.paginasyon{width:100%;}
.paginasyon a{float:left; padding:0 12px; border-radius:3px; margin-right:5px; height:30px; line-height:30px; text-align:center; font-size:12px; background:#f5f5f5; color:#333;}
.paginasyon a:hover{background-color:#00aeef; color:#fff;}
.paginasyon .secili{opacity:0.5; pointer-events:none;}
.paginasyon a:nth-child(7){pointer-events:none; line-height:16px; font-size:24px;}
.paginasyon:after{clear:both;display:table;content:"";}
@media screen and (min-width:180px) and (max-width:539px){
.paginasyon{margin-top:20px; position:relative; padding-bottom:40px; display:flex; justify-content:center;}
.paginasyon a:first-child{position:absolute; bottom:0; left:50%; margin-left:-80px; width:80px;}
.paginasyon a:last-child{position:absolute; bottom:0; left:50%; margin-left:5px; width:80px;}
}
@media screen and (min-width:540px) and (max-width:119px){
.paginasyon{margin-top:20px;}	
}
/* Paginasyon */

/* Form Loader */
input.form-element-error{border:1px solid red;}
div.form-element-error{color:red!important;margin-bottom:5px;font-size:14px;font-weight:500;}
.loader{width:100%;height:100%;text-align:center;flex-direction:column;position:fixed;z-index:13001;bottom:0;left:0;background-color:rgba(0,0,0,0.8);display:flex;justify-content:center;align-items:center;}
.loader p{font-size:24px!important;color:#fff!important;}
.loader img{width:100px;}
#formBilgiMesaji{width:100%;background-color:#0f7d4c;height:100px;z-index:14000;position:fixed;left:0;top:-100px;transition:all ease 0.3s;-webkit-box-shadow:0px 0px 14px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 14px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 14px 0px rgba(0,0,0,0.75);}
.formBilgiMesaji_Content{position:absolute;width:100%;height:100px;color:#fff;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;}
.formBilgiMesaji_Content div{text-align:left;padding-left:20px;}
.formBilgiMesaji_Content .profornet-onay-bold, .formBilgiMesaji_Content .profornet-kapat-bold{font-size:40px;}
.formBilgiMesaji_Content span{font-size:24px;display:block;color:#fff!important;}
.formBilgiMesaji_Content p{font-size:14px!important;display:block;color:#fff!important;}
.formBilgiMesaji_Content button{width:40px!important;height:40px!important;background:none!important;font-size:11px!important;text-align:center!important;line-height:40px!important;margin-left:60px;}
.formBilgiMesaji_acik{top:0!important;transition:all ease 0.3s;}
.formBilgiMesaji_Content button:hover{background-color:rgba(0,0,0,0.4)!important;}
.formBilgiTur2,.formBilgiTur3{background-color:#ca2b2b!important;}
.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px;}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0, 1, 1, 0);} .lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite;} .lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite;} @keyframes lds-ellipsis1{0%{transform:scale(0);} 100%{transform:scale(1);}} @keyframes lds-ellipsis3{0%{transform:scale(1);} 100%{transform:scale(0);}} @keyframes lds-ellipsis2{0%{transform:translate(0, 0);} 100%{transform:translate(24px, 0);}}
/* Form Loader */

/* Akordiyon */
.akordiyonIcerik{overflow:hidden; display:none;}
.akordiyonBaslik{width:100%; display:block; background:#dfdfdf; color:#333;}
/* Akordiyon */

/* Arama */
.arama{position:fixed; width:100%; top:-180px; padding:60px; z-index:12; background:rgba(0,0,0,0.7); height:180px; transition:all ease 0.3s;}
.arama input{width:100%; background:#fff; border:0; height:60px; line-height:60px; font-size:20px; padding-left: 30px;}
.arama input::placeholder{color:#fff;}
.arama .profornet-arama{position: absolute; width: 60px; height: 60px; right: 120px; top:60px; font-size: 24px; color: #333; text-align:center; padding:0;}
.arama .profornet-kapat{position: absolute; width: 60px; height: 60px; right: 60px; top: 60px; font-size: 24px; color: #fff; background: #da2020; text-align:center; padding:0;}
@media screen and (min-width:180px) and (max-width:1199px){
.arama{padding:20px; height:100px;}
.arama .profornet-arama{right: 80px; top:20px;}
.arama .profornet-kapat{right: 20px; top: 20px;}
}
/* Arama */

/* Tabs */
.tab-govde{display: none;}
.tab-govde.secili{display: block;}
/* Tabs */


/* Whatsapp Chat */
#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;
	height:40px;
    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;
  }
  
  .whatsapp-chat-header {
    background: #009688;
    background: #095e54;
    color: #fff;
    padding: 20px;
  }
  .whatsapp-chat-header h3 {
    margin: 0 0 10px;
  }
  .whatsapp-chat-header p {
    font-size: 14px;
    line-height: 1.7;
    margin: -10px;
  }
  .whatsapp-chat-header .whatsapp-chat-name {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 0.5;
  }
  
  .whatsapp-chat-avatar {
    position: relative;
  }
  .whatsapp-chat-avatar::after {
    content: "";
    bottom: 0px;
    right: 0px;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    background-color: #4ad504;
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    border: 2px solid #095e54;
    left: 40px;
    top: 38px;
  }
  .whatsapp-chat-avatar img {
    border-radius: 100%;
    width: 50px;
    float: left;
    margin: 0 10px 0 0;
  }
  
  .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;
  }
  a#send-it svg {
    fill: #a6a6a6;
    height: 24px;
    width: 24px;
  }
  
  .first-msg {
    background: transparent;
    padding: 30px;
    text-align: center;
  }
  .first-msg 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: #b6b5ba;
    }
    15% {
      background-color: #111111;
    }
    25% {
      background-color: #b6b5ba;
    }
  }
  @keyframes hPhMsj {
    15% {
      background-color: #b6b5ba;
    }
    25% {
      background-color: #111111;
    }
    35% {
      background-color: #b6b5ba;
    }
  }
  @keyframes iUMejp {
    25% {
      background-color: #b6b5ba;
    }
    35% {
      background-color: #111111;
    }
    45% {
      background-color: #b6b5ba;
    }
  }
  @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: white;
    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: #e6ddd4;
    position: relative;
  }
  .whatsapp-chat-body::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");
  }
  
  .dAbFpq {
    display: flex;
    z-index: 1;
  }
  
  .eJJEeC {
    background-color: white;
    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: #9e9da2;
    animation-name: ZpjSY;
  }
  
  .dRvxoz {
    height: 5px;
    width: 5px;
    margin: 0px 2px;
    background-color: #b6b5ba;
    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: white;
    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);
  }
  .kAZgZq::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: #111111;
  }
  
  .iSpIQi {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: #111111;
  }
  
  .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;
  }
  .whatsapp-chat-header{
      position: relative;
      padding: 20px 20px 20px 80px!important;
  }
  .whatsapp-chat-avatar{
      position: absolute!important;
      left:20px;
      top:20px;
  }
  textarea#chat-input{
      height:40px!important;
  }
  a#send-it{
      border-radius: 0!important;
      width:40px;
  }