body,body.pop-out #content,html{height:100%}	

.ajax-loader,body{visibility:hidden}	

#body .url-preview .details .title,.ellipsis,.operator-name{text-overflow:ellipsis;white-space:nowrap}	

#title-container a, #title-container a:hover, #title-container a:link { text-decoration: none; color: #FFF; }

#drag-and-drop-mask span,#operators #rating-and-transcript.disabled #email_transcript,#operators #rating-and-transcript.disabled .rating-button{pointer-events:none}	

#message-placeholder,.dragged{-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none}	

.rtl-lang,.rtl-lang input,.rtl-lang textarea{direction:rtl}	

.ellipsis{display:block;overflow:hidden}	

a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}	

:focus{outline:0}	

body{line-height:1;color:#000}	

.footer,.icon-close,.title-font{color:#fff}	

ol,ul{list-style:none}	

table{border-collapse:separate;border-spacing:0}	

caption,td,th{text-align:left;font-weight:400}	

#body .form-facebook,.submit .center{text-align:center}	

blockquote:after,blockquote:before,q:after,q:before{content:""}	

blockquote,q{quotes:"" ""}	

*{box-sizing:border-box}	

body,html{background:0 0}	

body,input,select,table,textarea{font:12px/16px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif}

a{text-decoration:none}	

#css-container{display:none}	

#wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6}	

.outline{padding:6px;border:1px solid #ccc;border:1px solid rgba(100,100,100,.6);border-bottom-width:0;border-radius:10px 10px 0 0;background-clip:padding-box;box-shadow:inset 1px 1px 1px rgba(255,255,255,.2)}	

body.pop-out #wrapper,body.pop-out .outline{border-width:0;box-shadow:none;border-radius:0;background-clip:padding-box}	

#body-inner,#operators .wrapper{box-shadow:1px 0 0 rgba(255,255,255,.2),inset 0 4px 10px rgba(0,0,0,.05)}	

#content{width:100%;background:0 0;table-layout:fixed}	

#content .integration,#content p,#typing-indicator{padding:8px}	

#content .form,#content .form div{padding:5px 0}	

#content .form div.sticked_to_field{margin-top:-10px}	

#content .form div p{padding:0 5px}	

#content .integration{border-style:solid;margin-top:-1px}	

#content .integration p{padding-left:0;padding-right:0}		

#title-container td{height:26px;line-height:26px;font-size:14px}	

#title-container .title-button{display:block;cursor:pointer;float:right;background-repeat:no-repeat}	

#title-container #close-chat{display:none;margin-top:-6px;margin-right:-12px;padding:6px 12px 5px 6px}	

body.pop-out #title-container #minimize{display:none}	

#title,body.state-chatting #title-container #close-chat{display:block}	

#title-container #minimize{margin-right:5px;padding-bottom:5px}	

.icon-minimize{color:#fff;max-height:2px;overflow:hidden}	

body.pop-out #notification{right:36px}	

body.pop-out.state-chatting #notification{right:58px}	

body.state-chatting #notification{right:86px}	

#title{padding:0 7px 6px 8px;font-weight:700}	

body.pop-out #title{cursor:default;border-radius:0;background-clip:padding-box}	

#operators{display:none}

#title { background: url(../images/logo-wabchat.jpg) no-repeat 8px 5px; background-size: 35px; }

body.has-operators-bar #operators{display:table-row}	

.operators-bar .wrapper{background:#fcfcfc;border:1px solid #fff;border-bottom-width:0}	

#operators .logo,#operators .operator-info{background-position:100% 50%;background-repeat:no-repeat;}	

#operators .operator-info img { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important;}

#operators td{padding:0;height:86px}	

#operators .wrapper{position:relative;min-height:86px;float:left;width:100%;z-index:13897311;padding:15px 10px;border-radius:5px 5px 0 0;background-clip:padding-box; background: rgb(238, 238, 238) !important;}	

#operators .operator-info{height:50px;background-size:auto}	

#operators .operator-info.retina{background-size:auto 52px}	

#operators #rating{position:relative;float:left;top:1px;height:19px;margin-right:10px;color:#999}	

#operators .rating-button{display:block;background-repeat:no-repeat;cursor:pointer;z-index:5001}	

#operators #rating-and-transcript.disabled{opacity:.4}	

#operators #rate_me_feedback_form{display:none;position:absolute;top:80px;left:-1px;right:-2px;z-index:189375;padding:5px 10px;border:none;box-shadow:0 4px 10px rgba(0,0,0,.05)}	

#operators #rate_me_feedback_form form{margin-left:-5px}	

#operators #rate_me_feedback_form label{display:block;width:100%;max-width:100%;margin:0 5px 5px;resize:none}

#operators #rate_me_feedback_form textarea.text{display:block;width:100%;max-width:100%;margin:0 5px;resize:none;padding:6px;border:1px solid #abadb3;border-radius:2px;background-clip:padding-box}	

#operators #rate_me_feedback_form span{display:block;font-size:10px}	

#operators #rate_me_feedback_form input[type=submit]{margin:5px 0 0 5px;cursor:pointer}	

#operators #rate_me_feedback_form .cancel{font-size:11px}	

#operators #rate_me_feedback_form .cancel,#operators #rate_me_feedback_form .cancel span{display:inline}	

#operators #rate_me_feedback_form .cancel .or,#operators #rate_me_feedback_form .cancel a{-moz-opacity:.8;-khtml-opacity:.8;-webkit-opacity:.8;opacity:.8;color:#fff}	

#operators #rate_me_feedback_form .cancel a:hover{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}#operators #rate_me_feedback_form .cancel a{font-size:10px;text-decoration:underline}	

#operators #rate_me_feedback_form .top-shadow{position:absolute;bottom:0;left:0;right:0;height:2px}	

#operators #email_transcript{position:relative;float:left;top:2px}	

#operators #email_transcript .icon-email{display:inline-block;margin:3px 0 0 1px;color:#bfbfbf}	

#operators #email_transcript .icon-email.active,#operators #email_transcript .icon-email.focused,#operators #email_transcript .icon-email:hover{color:#858585}	

#operators #email_transcript a{display:block}	

#operators #email_transcript_form{display:none;position:absolute;top:80px;left:-1px;right:-2px;z-index:189375;padding:5px 10px;border:none;box-shadow:0 4px 10px rgba(0,0,0,.05)}	

#operators #email_transcript_form form{margin-left:-5px}	

#operators #email_transcript_form form label{display:block;width:100%;max-width:100%;margin:0 5px 5px;resize:none}	

#operators #email_transcript_form input.text{display:inline;margin-left:5px}	

.submit input,select{margin-left:0}	

#operators #email_transcript_form span{display:block;font-size:10px}	

#operators #email_transcript_form .cancel{font-size:11px}	

#operators #email_transcript_form .cancel,#operators #email_transcript_form .cancel span{display:inline}	

#operators #email_transcript_form .cancel .or,#operators #email_transcript_form .cancel a{-moz-opacity:.8;-khtml-opacity:.8;-webkit-opacity:.8;opacity:.8}	

#operators #email_transcript_form .cancel a:hover{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}	

#operators #email_transcript_form .cancel a{font-size:10px;text-decoration:underline}	

#operators #email_transcript_form .top-shadow{position:absolute;bottom:0;left:0;right:0;height:2px}	

.top-shadow{display:none;border-top:1px solid #f8f8f8;background:#f8f8f8}	

#body{position:relative;width:100%;overflow:hidden;border:1px solid #fff;box-shadow:1px 0 0 rgba(255,255,255,.2),0 1px 0 rgba(255,255,255,.2),inset 0 -4px 10px rgba(0,0,0,.2);border-radius:5px 5px 0 0;background-clip:padding-box}	

body.has-operators-bar #body{border-top-width:0;border-radius:0;background-clip:padding-box}	

#body .top-shadow{position:absolute;top:0;left:0;width:100%;height:1px;margin-top:0;background:0 0;z-index:9999}	

#body-inner{width:100%;height:100%;word-wrap:break-word;word-break:break-word;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;background:#fff;color:#333;border-radius:5px 5px 0 0;background-clip:padding-box}	

body.has-operators-bar #body-inner{border-top:1px solid #e8e8e8;border-radius:0;background-clip:padding-box}	

a{color:#333}	

#body .view{display:none;border-radius:5px 5px 0 0;background-clip:padding-box}	

body.has-operators-bar #body .view{border-radius:0;background-clip:padding-box}	

#body a,#body a.fb_button:hover{text-decoration:none}	

#body .client a,#body .operator a,#body .system a,#body a:hover{text-decoration:underline}	

#body label{display:block;font-weight:700}	

#body select{max-width:100%}	

#body .form div.valid{opacity:.25}	

#body .form div.invalid label{color:red}	

#body .form div.invalid .group label{color:inherit}	

#body form .asterisk{color:red}	

#skill option{color:#999}	

#skill option.online{color:#090}	

#content .form div p,#content .integration,#content p,#typing-indicator{padding-left:10px;padding-right:10px}	

#content img.avatar{display:none;float:left;margin-right:15px;border-radius:3px;background-clip:padding-box;padding:1px;border:1px solid #ddd;width:80px;max-height:80px;vertical-align:top;height: 80px; object-fit: cover;}	

.author,.operator-name,body.avatar-enabled #content img.avatar,form span.group,input.text{display:block}	

.operator-name,.operator-role{display:block;}	

.operator-name{margin-top:2px;font-size:14px;font-weight:700;color:#333;overflow:hidden}	

.operator-role{margin-top:.25em;font-size:11px;color:#777}	

.author{padding-bottom:2px;font-weight:400;color:#999}	

.client,.operator{border-top:1px solid #e8e8e8;color:#333}	

.client:first-child,.operator:first-child{border-top-width:0}	

.system{color:#999}	

#cancel-chat,#fb-butt a,#fb-omit a,#footer #powered a{text-decoration:none}	

#content p.client.same-author,#content p.operator.same-author,#content p.system.same-author{padding-top:0;margin-top:-4px;border-width:0}	

#content .integration{border-width:0}	

input.text,textarea{border:1px solid #abadb3;padding:2px;border-radius:2px;background-clip:padding-box}	

.submit input{padding:2px 5px}	

input.text.error,textarea.error{background:#fcc}	

input.text{width:200px}	

form span.group{clear:both;line-height:20px}	

#body form span.group label{display:inline;font-weight:400;margin-top:2px}	

#body input.checkbox,#body input.radio{float:left;margin-right:5px;margin-left:0}

#body .form-facebook .fb_loading{display:inline-block;margin:5px;min-height:25px; visibility:hidden}



#title-container,.outline{background:#1ebea5}	

#confirm-closing p.actions a:hover,#confirm-closing p.actions input:hover,#send-file:hover,.cancel-file-upload.only-bad-files:hover{text-decoration:none;opacity:.85}	

#body input,#body label,#body select,#body table,#body textarea,a,body,input,label,select,table,table#content,textarea{font-family:Lato,sans-serif!important}	

#wrapper{background:0 0!important}	

.outline{ border: 0px solid #1ebea5; padding: 0px; border-radius: 0px; box-shadow: none;}	

#content{padding:0;background:#fff;border-radius:4px 4px 0 0!important;box-shadow:0 2px 25px rgba(0,0,0,.2)!important;background-clip:padding-box!important}	

.title{color:#fff;font-size:16px;font-weight:400;text-shadow:none}	

.title-bg,.title-button,.title-button:hover{background-color:#4781d9}	

#title-container #minimize{margin-top:0}	

#title-container #close-chat{margin-left:0;padding:6px 12px 5px 6px;box-sizing:content-box}	

#title{padding-top:10px;padding-bottom:10px;border-radius:3px 3px 0 0}	

#title #title-text{ color: #fff; font-size: 20px!important; text-shadow: none!important; padding-left: 40px;margin-left:3px;}	

#title #title-text-movil{ color: #fff; font-size: 24px!important; text-shadow: none!important; padding-left: 40px; margin-left:3px;}	

.title-bg{box-shadow:0 1px 0 #326bc0}	

.operator-name{color:#000;font-size:18px;font-weight:700}	

.operator-role{color:#000;font-size:12px;overflow: hidden; height: 30px;}	

.operator{border:none;color:#000;font-size:16px}	

.operator .author{color:#696969;font-size:16px;}	

#operators #rating{margin-right:0}	

#operators .rating-button{width:26px;overflow:hidden;border-right:1px solid #b3b3b3;height:15px!important;line-height:15px!important;position:static!important;margin-top:3px;margin-right:8px}	

#operators .rating-button span{height:15px;line-height:15px;position:static}

#operators a.rate-good .icon-thumbs-up{margin:0 5px 0 0}	

.client{border:none;color:#2d75e0;font-size:16px}	

#body label,.client .author{font-size:12px;font-weight:300}	

.client .author{color:#5e98ee}	

#body-inner{background-color:#fff}	

.footer{background-color:#f5f5f5;color:#b4b4b4}	

#footer p{/*line-height:20px!important*/}	

#footer #social{margin-left:4px;margin-top:1px!important}	

#footer #social a{padding-top:1px!important}	

.message-wrapper{box-shadow:inset 0 6px 6px #444}	

.btn a{text-shadow:1px 1px 0 #06a;border-top:1px solid #4bf;border-bottom:1px solid #39f;box-shadow:0 1px 0 #39d,0 -1px 0 #39d,1px 0 0 #39d,-1px 0 0 #39d;background:#4ae;background:-moz-linear-gradient(top,#4ae,#28d);background:-webkit-gradient(linear,left top,left bottom,from(#4ae),to(#28d))}	

.btn a:hover{border-top-color:#5cf;border-bottom-color:#3af;background:#4bf;background:-moz-linear-gradient(top,#4bf,#39d);background:-webkit-gradient(linear,left top,left bottom,from(#4bf),to(#39d))}	

.btn a:active,.btn a:focus{border-top-color:#3af;border-bottom-color:#38f;background:#49d;background:-moz-linear-gradient(top,#49d,#17d);background:-webkit-gradient(linear,left top,left bottom,from(#49d),to(#17d))}	

#content{border:0!important;height:100%}	

#body,#body-inner,#operators .wrapper,#textarea-wrapper{border:none;border-radius:0;box-shadow:none}	

#wabchat-body-container p{padding:12px 10px;line-height:18px}	

#message-wrapper{padding:0 0 4px;box-shadow:none}	

body.mobile #message-wrapper .btn-send{color:#000;padding:4px 6px 4px 2px;height:auto}	

#textarea .footer{border-top:1px solid #c9c9c9;height:10px}	

#body label{color:#686868}	

#body textarea,input.text{border:1px solid #696969;border-radius:3px;background-clip:padding-box;background-color:#fff;padding:8px 6px;width:100%}	

.submit input{-webkit-appearance:none;border-radius:2px;background-clip:padding-box;background-color:#aecf5f!important;box-shadow:0 2px 0 rgba(0,0,0,.1),inset 0 -3px 0 rgba(129,163,48,.3);font-size:14px;color:#fff;padding:9px 6px 11px;width:100%;border:0;cursor:pointer}	

.submit input:hover{opacity:.85}	

#content .form{width:80%;margin:0 auto}	

#content .form .form_header{margin:10px -20px}	

#content .form .form_header p{color:#000;font-size:14px;line-height:20px;text-align:center}	

#message{font-size:16px;padding:5px 0 0 5px;min-height:60px!important}	

#message-placeholder{color:#b3b3b3;font-size:16px;padding:5px;margin-right:30px}	

#email_transcript_form input[type=submit],#operators #rate_me_feedback_form input[type=submit]{background-color:#aecf5f;font-size:12px;padding:8px 18px;cursor:pointer;-webkit-appearance:none}	

#operators #rate_me_feedback_form{left:0;right:0}	

#operators #rate_me_feedback_form .cancel .or{margin-left:2px;color:inherit}

#operators #rate_me_feedback_form .cancel a{color:#000}	

#operators #rate_me_feedback_form form{margin-right:5px;padding-bottom:5px}	

#operators #rate_me_feedback_form textarea.text{-moz-border-radius:0; -webkit-border-radius:0;border-radius:0}		

#operators #rate_me_feedback_form input[type=submit]{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-box-shadow:0 2px 0 rgba(0,0,0,.1),inset 0 -3px 0 rgba(129,163,48,.3);-webkit-box-shadow:0 2px 0 rgba(0,0,0,.1),inset 0 -3px 0 rgba(129,163,48,.3);box-shadow:0 2px 0 rgba(0,0,0,.1),inset 0 -3px 0 rgba(129,163,48,.3);color:#fff;margin-left:5px;border:0}	

#operators #rate_me_feedback_form input[type=submit]:hover{opacity:.85}	

#operators #rate_me_feedback_form input[type=submit]:disabled{background-color:#bcbcbc;-moz-box-shadow:0 2px 0 rgba(0,0,0,.1),inset 0 -3px 0 #acacac;-webkit-box-shadow:0 2px 0 rgba(0,0,0,.1),inset 0 -3px 0 #acacac;box-shadow:0 2px 0 rgba(0,0,0,.1),inset 0 -3px 0 #acacac}	

#operators #rate_me_feedback_form input[type=submit]:disabled:hover{opacity:1}

#operators #email_transcript_form{border:none;margin:0;left:0;right:0;box-shadow:none}	

#operators #email_transcript_form form{padding-bottom:5px;padding-right:5px}

#operators #email_transcript_form input[type=text]{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}	

#email_transcript_form .text{border-color:#abadb3}	

#operators #email_transcript_form .cancel span.or{color:#b4b4b4;margin-left:2px}	

#operators #email_transcript_form .cancel a{color:#000}	

#email_transcript_form input[type=submit]{border-radius:2px;background-clip:padding-box;box-shadow:0 2px 0 rgba(0,0,0,.1),inset 0 -3px 0 rgba(129,163,48,.3);color:#fff;margin:5px 0 0 5px;border:0}	

#email_transcript_form input[type=submit]:hover{opacity:.85}	

#confirm-closing p.actions{width:80%;margin:20px auto}	

#confirm-closing p.actions a,#confirm-closing p.actions input{display:block;width:46%;float:left;border-radius:2px;background-clip:padding-box;font-size:14px;line-height:14px;color:#fff;padding:9px 18px 11px;margin-top:0;border:0;cursor:pointer;white-space:normal}	

#confirm-closing p.actions input{-webkit-appearance:none;background-color:#e36959;box-shadow:0 2px 0 rgba(0,0,0,.1),inset 0 -3px 0 rgba(192,80,64,.45);margin-right:0}	

#confirm-closing p.actions a{background-color:#a0a0a0;box-shadow:0 2px 0 rgba(0,0,0,.1),inset 0 -3px 0 rgba(0,0,0,.1);text-transform:capitalize;float:right}	

#content img.avatar{border:none;padding:0;border-radius:0}	

body.has-operators-bar #body-inner{border:none}	

.ajax-loader{position:absolute;top:12px;right:20px}	

#title-container #close-chat{margin-top:-5px;margin-right:-5px}	

#title-container #minimize{height: 22px; font-size: 24px;}	

#popup-file a{display:block;margin-top:5px}	

#send-file,.cancel-file-upload.only-bad-files{width:45%;background-clip:padding-box;font-size:14px;color:#fff;padding:9px 18px 11px;margin-top:0;cursor:pointer;white-space:normal;display:inline-block}	

#send-file{-webkit-appearance:none;background-color:#aecf5f;box-shadow:0 2px 0 rgba(0,0,0,.1),inset 0 -3px 0 rgba(129,163,48,.3);border-radius:2px;border:0}

#popup-file #popup-file-confirm-bad-list li .file-meta,#popup-file #popup-file-confirm-list li .file-meta{height:30px;line-height:30px}	

#popup-file #popup-file-confirm-bad-list li,#popup-file #popup-file-confirm-list li{margin-bottom:6px}	

#popup-file #popup-file-confirm-bad-list li .reason{line-height:22px}	

#drag-and-drop-mask div{top:50px;bottom:35px}	

#send-file-clip{bottom:auto;top:6px;right:6px}	

.cancel-file-upload.only-bad-files{border-radius:2px;border:0;background-color:#a0a0a0;box-shadow:0 2px 0 rgba(0,0,0,.1),inset 0 -3px 0 rgba(0,0,0,.1)}	

#livechat-badge{top:14px!important; left:4px!important; height:30px!important;line-height:30px!important;padding:0 11px!important;font-size:14px!important;border:0!important;border-radius:30px!important;background-clip:padding-box!important;background-color:#de3625!important;box-shadow:none!important}	

body.pop-out .outline{padding:0}	

.icon-minimize{display:inline-block;width:20px;font-size:2px}	

.icon-close{font-size:17px}	

.icon-thumbs-down,.icon-thumbs-up{font-size:14px}	

.icon-email{font-size:11px}	

.icon-clip{font-size:15px}	

.icon-mobile{font-size:11px}	

#body .url-preview .details .description{font-size:12px}	

#content p.client,#content p.operator,#content p.system{padding-top:6px}	

#notification{top:24px;left:24px;font-size:14px;text-shadow:none;line-height:26px}	

.last-seen-indicator{left:-2px}	

.title-bg {background-color: #1ebea5 !important;}	

.title-button {background-color: #1ebea5 !important;}	

.title-button:hover { background-color: #1ebea5 !important}	

.client, .client .author { color: #1ebea5 !important }	

.btn--primary { background-color: #01E675; color: #fff !important;}

.contacto-block { margin-top: 6px;}

.contacto-block i{ border: 1px solid #19a28d; padding: 5px; font-size:20px; margin-right:3px; color: #19a28d;}

.contacto-block i:hover { background:#19a28d; color: #FFFFFF; cursor:pointer;}

#wabchat-footer { height: 40px !important;}

.form-control { font-size: 16px; color: #000; border: 1px solid #1ebea5;}

.msg-text { line-height:22px; }

/** responsive mode **/
.external_link_whatsapp {
    position: fixed;
    display: none;
    bottom: 30px;
    right: 30px;
    z-index: 99999999999;
}

.row-whatsapp
{
    width: 100%;
    display: inline-block;    
   
    padding: 0px 10px;
    text-decoration: none;  
    color: #000;
    font-weight: 700;
    margin-bottom: 5px;
}
.row-whatsapp:hover
{
    color: #000;
}
.row-whatsapp > span
{
    display: inline-block;
    width: 100%;
    background: whitesmoke;
    padding: 10px 10px;
}
.logo-whatsapp
{
    width: 34px;
    text-align: left;
    height: 32px;
    float: left;
}
.contenido-whatsapp
{
    width: calc(100% - 34px);
    float: left;
    padding-left: 5px;
}
.contenido-whatsapp strong
{
    font-size: 16px;
    display: inline-block;
    margin-bottom: 3px;    
}
.whatsapp {
    background-image: url(../images/whatsapp.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    padding-top: 0px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    animation: beat 1s infinite alternate;    
}
.whatsapp-pulse
{
    background-image: url(../images/whatsapp.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    padding-top: 6px;
    box-shadow: 0 0 0 0 rgb(0 0 0);
    animation: beat 1s infinite alternate;    
}
.whatsapp-container
{
    width: 73px;
    height: 73px;
    line-height: 100px;
    text-align: right;
    position: relative;
    padding-top: 12px;
    padding-left: 12px;
    float: right;
    margin-bottom: 30px;
    margin-right: 30px;    
}
@keyframes beat{
  to { transform: scale(1.4); }
}
@media screen and (max-width:150px)
{
    .external_link_whatsapp
    {
        display: block;
    }
    #wrapper
    {
        display: none;
    }
}