.blue-btn { background: #023575;}
.live-chat { position: fixed; right: 25px; bottom: 18px; z-index: 4; /*display: none;*/}
.live-chat .blue-btn { font-size:0; background: #377dd3 url(../images/chat-icon.png) no-repeat 15px 19px; display: inline-block; width: 65px; height: 65px; border-radius:50%; transition: all 0.2s;}
.error { border-color: #e85959 !important;}

/*whatsapp chat box*/
.live-chat .blue-btn { cursor: pointer;}
.chat-box { box-shadow: 0 12px 24px 0 rgba(0,0,0,0.1); background: #fff; width: 325px; height: 400px; border-radius: 10px; overflow: hidden; position: absolute; bottom: 50px; right:0; opacity: 0; transition: all 0.3s; visibility: hidden;  font-family: 'Lato', sans-serif;}
.chat-box.show { opacity: 1; bottom: 5px; visibility: visible;}
.top-blue { background: rgb(2, 53, 117); padding: 20px 20px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2); color:#fff; font-family: 'Poppins', sans-serif; float: left; width:100%;}
.top-blue h4 { font-weight: 700; line-height: 12px; font-family: 'Poppins', sans-serif; text-transform: uppercase; margin-top: 13px; font-size: 14px;}
.top-blue small { font-size: 13px; line-height: 18px; margin-top: 4px; font-family: 'Roboto', "Lato", sans-serif;}
.img-profile { width: 52px; height: 52px; position: relative; left: 0px; background: url(../images/alcax-chat.jpg) no-repeat center center / cover; border-radius: 50%; float: left; margin: 0 15px 0 0;}
.img-profile:before { content: ''; bottom: 0; right: 0; width: 12px; height: 12px; box-sizing: border-box; background-color: #4ad504; position: absolute; z-index: 1; border-radius: 50%; border: 2px solid rgb(2, 53, 117);}
.middle-chat, .middle-form .form-sec { background: rgb(230, 221, 212); padding: 29px 0px 32px 20px; float: left; width:100%; position: relative; overflow: hidden;}
.middle-chat:before, .middle-form .form-sec:before { display: block; position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; opacity: 0.08; background: url(../images/whatsapp.webp)}
.bottom-popup { float: left; width: 100%;}
.chat-sec { padding: 7px 14px 6px; background-color: #fff; border-radius: 0 8px 8px 8px; position: relative; transition: 0.3s ease all; z-index: 2; box-shadow: 0 1px 0.5px rgba(0,0,0,0.13); margin-top: 4px; max-width: calc(100% - 66px); left: 15px;}
.chat-sec::before { content: ""; display: inline-block; position: absolute; background: url(../images/chat-arrow.png) no-repeat top right / contain; left: -15px; top: 0; width: 15px; height: 20px;}
.chat-sec h5 { font-size: 13px; font-weight: 700; line-height: 25px; font-family: 'Poppins', sans-serif;}
.chat-sec p { font-size: 14px; line-height: 19px; margin-top: 4px; color: rgb(17, 17, 17);}
.chat-sec span { text-align: right; margin-top: 4px; font-size: 12px; line-height: 16px; color: rgba(17,17,17,0.5); width: 100%; display: inline-block;}
.wts-btn, .submit-btn { padding: 12px 20px 10px; border-radius: 5px; border: medium none; background: rgb(0, 153, 218) none repeat scroll 0% 0%; color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; justify-content: center; align-items: center; margin: 25px 28px; display: block; overflow: hidden; text-align: center; text-decoration: none; font-family: 'Poppins', sans-serif;}
.wts-btn:hover { color:#fff; text-decoration: none;}

.cross-chat { width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; cursor: pointer; z-index: 9;}
.cross-chat:before, .cross-chat:after { content: ''; position: absolute; width: 12px; height: 2px; background-color: rgba(255,255,255,1); display: block; border-radius: 2px; transition: all 0.5s; left: 0; right: 0; margin: auto; top: 50%;}
.cross-chat:before { transform: rotate(45deg);}
.cross-chat:after { transform: rotate(-45deg);}
.cross-chat:hover:before, .cross-chat:hover:after { background: rgba(255,255,255,1);}
.top-row .pd0 { padding-left: 5px;}

.hide-chat .live-chat, .hide-chat .chat-box.show { display: none;}

.text-form-ms.live-chat { z-index: 99999;}
.text-form-ms .chat-box { height: auto; box-shadow:  0 12px 24px 0 rgba(0,0,0,.2); bottom: -50px;}
.text-form-ms .chat-box.show { bottom: 5px;}
.middle-form { padding: 0 0 20px 0;}
.text-form-ms .form-sec { padding: 22px 25px 15px; float: left; width:100%; max-height: 360px; overflow: auto;}
.text-form-ms .text-box, .text-form-ms .text-msg { width: 100%; float: left; border: 1px solid #d0d0d0; height: 35px; border-radius: 5px; padding: 8px 10px; position: relative; z-index: 1; background: #fff; color: rgb(17, 17, 17); font-size: 13px;}
.text-form-ms .text-msg { height: 80px; resize: none;}
.text-form-ms .form-group label { position: absolute; top: 9px; left: 10px; font-size: 14px; color:#666; z-index: 1; transition: all 0.2s;}
.text-form-ms .form-group { position: relative; float: left; width: 100%; margin-bottom: 8px;}
.text-form-ms .submit-btn { width: calc(100% - 50px); margin: 21px 25px 22px 25px; text-transform: uppercase; cursor: pointer;}
.sm-txt { text-align: center; font-size: 13px; padding: 12px 25px; display: inline-block; color: rgb(17, 17, 17); background: #fff; line-height: 1.4; font-family: 'Lato', sans-serif;}

.text-form-ms .text-box:focus + label, .text-form-ms .text-box.valid + label, .text-form-ms .text-msg:focus + label, .text-form-ms .text-msg.valid + label { top: -18px; left:0; font-size: 11px;}

.text-form-ms .text-box.error, .text-form-ms .text-msg.error { /*border-color: #df2b2b;*/ box-shadow:none; outline:0; color:#ef323a;}

.text-form-ms .text-box::-webkit-input-placeholder, .text-form-ms .text-msg::-webkit-input-placeholder { color: rgba(17, 17, 17,0.8);}
.text-form-ms .text-box::-moz-placeholder, .text-form-ms .text-msg::-moz-placeholder { color: rgba(17, 17, 17,0.8);}
.text-form-ms .text-box:-ms-input-placeholder, .text-form-ms .text-msg:-ms-input-placeholder { color: rgba(17, 17, 17,0.8);}
.text-form-ms .text-box:-moz-placeholder, .text-form-ms .text-msg:-moz-placeholder { color: rgba(17, 17, 17,0.8);}

.text-form-ms .text-box.error::-webkit-input-placeholder, .text-form-ms .text-msg.error::-webkit-input-placeholder { color:#ef323a; opacity: 1;}
.text-form-ms .text-box.error::-moz-placeholder, .text-form-ms .text-msg.error::-moz-placeholder { color:#ef323a; opacity: 1;}
.text-form-ms .text-box.error:-ms-input-placeholder, .text-form-ms .text-msg.error:-ms-input-placeholder { color:#ef323a; opacity: 1;}
.text-form-ms .text-box.error:-moz-placeholder, .text-form-ms .text-msg.error:-moz-placeholder { color:#ef323a; opacity: 1;}
.thanks-ms .text-form-ms { display: none;}


.chat-box .form-sec .captcha { float: left; width: 100%; overflow: hidden;}
.chat-box .form-sec .g-recaptcha { text-align: center; padding: 0px 0px 0px;}
.chat-box .form-sec .g-recaptcha > div { float: none; display: block; margin: 0px auto 0; max-width:100%; width:100% !important;}
.chat-box .form-sec .g-recaptcha iframe { transform: scale(0.91); left: -14px; position: relative; top:-2px;}
.text-form-ms .form-sec { max-height: 372px;}
.wts-btn {
    padding: 12px 20px 10px;
    border-radius: 8px;
    border: medium none;
    background: #ffd100 none repeat scroll 0% 0%;
    color: rgb(29, 33, 41);
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    align-items: center;
    margin: 25px 28px;
    display: block;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
}
text-form-ms.live-chat  {     z-index: 99999;}



/*whatsapp chat box*/
.live-chat .blue-btn { cursor: pointer;}
.chat-box { box-shadow: 0 12px 24px 0 rgba(0,0,0,0.1); background: #fff; width: 325px; height: 400px; border-radius: 10px; overflow: hidden; position: absolute; bottom: 50px; right:0; opacity: 0; transition: all 0.3s; visibility: hidden;}
.chat-box.show { opacity: 1; bottom: 90px; visibility: visible;}
.top-blue { background: #377dd3; padding: 24px 20px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2); color:#fff; font-family: 'Poppins', sans-serif; float: left; width:100%;}
.top-blue h4 { font-weight: 700; line-height: 12px; font-family: 'Poppins', sans-serif; text-transform: uppercase; margin: 13px 0 0 0; font-size: 14px;}
.top-blue small { font-size: 13px; line-height: 18px; margin-top: 4px; font-family: 'Roboto', "Lato", sans-serif;}
.img-profile { width: 52px; height: 52px; position: relative; left: 0px; background: url(../images/alcax-chat.jpeg) no-repeat center center / cover; border-radius: 50%; float: left; margin: 0 15px 0 0;}
.img-profile:before { content: ''; bottom: 0; right: 0; width: 12px; height: 12px; box-sizing: border-box; background-color: #4ad504; position: absolute; z-index: 1; border-radius: 50%; border: 2px solid #377dd3;}
.middle-chat { background: rgb(230, 221, 212); padding: 29px 0px 32px 20px; float: left; width:100%; position: relative; overflow: hidden;}
.middle-chat:before { display: block; position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; opacity: 0.08; background: url(../images/whatsapp.png)}
.bottom-popup { float: left; width: 100%;}
.chat-sec { padding: 7px 14px 6px; background-color: #fff; border-radius: 0 8px 8px 8px; position: relative; transition: 0.3s ease all; z-index: 2; box-shadow: 0 1px 0.5px rgba(0,0,0,0.13); margin-top: 4px; max-width: calc(100% - 66px); left: 15px;}
.chat-sec::before { content: ""; display: inline-block; position: absolute; background: url(../images/chat-arrow.png) no-repeat top right / contain; left: -15px; top: 0; width: 15px; height: 20px;}
.chat-sec h5 { font-size: 13px; font-weight: 700; line-height: 25px; font-family: 'Poppins', sans-serif; margin: 0;}
.chat-sec p { font-size: 14px; line-height: 19px; margin-top: 4px; color: rgb(17, 17, 17); margin: 4px 0 0;}
.chat-sec span { text-align: right; margin-top: 4px; font-size: 12px; line-height: 16px; color: rgba(17,17,17,0.5); width: 100%; display: inline-block;}
.wts-btn { padding: 12px 20px 10px; border-radius: 8px; border: medium none; background: #f9d94e none repeat scroll 0% 0%; color: rgb(29, 33, 41); font-size: 14px; font-weight: 700; justify-content: center; align-items: center; margin: 25px 28px; display: block; overflow: hidden; text-align: center; text-decoration: none; font-family: 'Poppins', sans-serif;}
.wts-btn:hover { color: rgb(29, 33, 41); text-decoration: none;}

.top-row .pd0 { padding-left: 5px;}
	
.wts-btn.hd-md { display: none;}

#contactsec { display: inline-block; width: 100%; float: left; height: 1px;}

.text-form-ms .text-box, .text-form-ms .text-msg, .text-form-ms .text-box:focus, .text-form-ms .text-msg:focus { outline:0 !important;}



/*Menu section*/


.sub-menu.inner-sub, .soft-sec.inner-sub { min-width: 270px; background: #fff; border-radius: 0px; border: 1px solid #e5e5e5; border-top: 0; position: absolute; left: 100%; top: 0; border-left: 1px solid #e5e5e5; display: none;}
.inner-list li:hover .inner-sub { display: block;}
.inner-list li a, .inner-list li a:hover, header nav ul li:hover .inner-list li > a, .sub-link, .soft { color:#111;}