body { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px;}
.cls, .cls1, .cls2 { display:none; }
.nn-chat-frame { width: 100%; height: 100%; position: fixed; right: 0; bottom: 0; z-index: 99999; overflow-x: hidden; overflow-y: hidden; background:#fff; border-radius: 6px 6px 0 0; -webkit-overflow-scrolling:touch; -webkit-transform:translate3d(0, 0, 0);}

.nn-chat-head { background:#85abf0; border-bottom:solid 1px rgba(255,255,255,0.3); color:#fff; height:50px; line-height:50px; padding:0; position:absolute; top:0; left:0; width:100%; z-index:20; font-size:14px; font-weight: 500; text-transform: uppercase; display: flex; align-items: center;}
.nn-chat-head .nn-chat-title { margin-left:20px;}
.btn-minimize {width:32px; padding:0; height:32px; position:absolute; top:8px; right:10px; z-index:20; line-height:32px; text-align:center; background:none; color:#fff; font-weight:400; font-size:24px; border:none; outline:0 !important; cursor:pointer;}
/*.btn-minimize:before { content:''; width:20px; height:2px; background:#fff; display:inline-block; vertical-align:middle;}*/
.btn-minimize:hover {background:none;}

.btn-back, .btn-home { background: none; width: 40px; border:none; padding: 0; text-align: center; cursor: pointer;}
.btn-back svg, .btn-home svg { width: 20px;}

.form-control { width: calc(100% - 20px); height: 30px; padding: 4px 10px; font-size: 14px; border-radius: 4px; margin: 10px 0; border:solid 2px transparent;}
.img-fluid {  max-width: 100%;}
.card { text-align: center;}
.owl-carousel .owl-nav button span { position: relative; top: -2px;}
.owl-carousel .owl-nav button.disabled {opacity: 0.5;}
.openURL .card-title, .prod-carousel .card-title, .openURL { color: #333; text-decoration: none;}
.openURL .card-title, .prod-carousel .card-title {overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; margin:0; padding: 0 0 10px;}


.prod-carousel .owl-item .card img { height: 150px; width: auto; margin: 0 auto;} 
/*prod-carousel .owl-item .card{ max-width:265px; margin: 0 auto;} 
.prod-carousel .owl-item.active .item {width: calc(100% + 36px);} */


.nn-chat-input { position: absolute; bottom: 0; left: 0; right: 0; color: #282828; background: #85abf0; padding:15px; display: flex;}
/*.nn-chat-body { position: absolute; top: 0; bottom: 0; left: 0; right: -2px; padding: 80px calc(17px + 15px) 30px 15px; padding-bottom: 30px; overflow-y: scroll; overflow-scrolling: touch; transform: translate3d(0, 0, 0); margin-bottom: 85px; }*/
.nn-chat-body { position: absolute; top: 50px; bottom: 0; left: 0; right: -2px; padding: 0px calc(17px + 15px) 30px 15px; padding-bottom: 30px; overflow-y: scroll; overflow-scrolling: touch; transform: translate3d(0, 0, 0); margin-bottom: 75px; }
.btn-submit { position: absolute; top: 50%; right: 10px; background: none; border: none; margin: -8px 0 0 0; cursor: pointer; z-index: 5; color:#004592; }
.btn-submit .fa { font-size: 20px; }
.arbo-send { flex-basis: 70px; width:70px; background: none; border:none; padding: 0; transition-delay: 0.4s; opacity: 0.8; cursor: pointer;}
.arbo-send:hover, .arbo-send:focus {opacity:1}
#message { width: 100%;text-align: left;  border: #373737; font-size: 14px; padding: 0 20px; border-radius: 25px; background:#fff; height: 40px; }
#message:focus { box-shadow:none; outline: none; }
.nn-bot-bubble { max-width: 85%; float: none; font-size: 13px; margin: 10px 0 2px; line-height: 1.4em; clear: both; transform-origin: left top; transition: all .2s;
}
.nn-bot-bubble.reply {transform-origin: right top;}
.nn-bot-chips {transition: all .2s;}
.nn-bot-chips ul, .nn-bot-chips ol {padding: 0 0 0 20px;}
.nn-bot-chips ul li, .nn-bot-chips ol li { padding-bottom: 8px;}

.nn-bot-chips, .nn-bot-chips-inner { /*color: #eeeeee; background: #383838;*/ color: #282828; background: #f7f7f7; padding: 8px 16px; border-radius: 5px 15px 15px; font-weight: 500; text-transform: none; text-align: left; max-width: 100%; display: inline-block; }
.nn-bot-chips-inner {margin:1px }
.nn-bot-bubble.reply .nn-bot-chips { background: #474747; border-radius: 15px 5px 15px 15px; color: #dddddd; }
.nn-bot-bubble.reply { float:right; }
.nn-bot-bubble button { display:block; font-weight: 500; font-family: 'Montserrat', sans-serif;	text-align: center; vertical-align: middle;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; color: #000; background-color: #fff; border:solid 1px #0041C0; border-radius:8px; padding:8px 15px; font-size: 12px; line-height: 1.5; transition-duration:0.4s; width: 100%; margin-bottom: 5px; position:relative;color:#0041C0;}
.nn-bot-bubble button.disabled, .nn-bot-bubble button.disabled:hover, .nn-bot-bubble button[disabled="disabled"] {user-select: none; opacity: 0.6; cursor: not-allowed; background: #fff;color: #333;}
.nn-bot-bubble button:hover, .nn-bot-bubble button.btn-dark, .nn-bot-bubble button.btn-dark[disabled="disabled"] { border-color:#000000; color:#fff; background:#2a2424; }
.nn-bot-bubble button.disabled, .nn-bot-bubble button.disabled:hover, .nn-bot-bubble button[disabled="true"] {user-select: none; opacity: 0.6; cursor: not-allowed; background: #fff;color: #333;}
.nn-bot-bubble button:hover, .nn-bot-bubble button.btn-dark, .nn-bot-bubble button.btn-dark[disabled="true"] { border-color:#0041C0; color:#fff; background:#0041C0; }
.nn-bot-bubble button:hover:after { background:#444444;}
input:focus, button:focus, textarea:focus { outline: none !important;}
.button_block { display: flex; flex-wrap: wrap;}
button.btn-inline { display: flex; margin: 0 5px 5px 0; max-width: calc(50% - 5px); flex:0 0 calc(50% - 5px); white-space: nowrap; justify-content: center; }
button.btn-color { display: inline-block; margin:2px; position: relative; font-size: 11px; border: solid 1px #ccc; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 25px;}
.color-dot {width: 10px; height: 10px; display: block; position: absolute; border-radius: 50%; box-shadow: 0 0 5px 0 rgb(0 0 0 / 40%); top: 11px; left: 10px;}

/*.nn-bot-bubble button:before {content: ''; width: 6px; height: 6px; border: solid 2px; border-width: 2px 2px 0 0; position: absolute; top: 14px; right: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.nn-bot-bubble button:after {content: ''; position: absolute; height: 2px; width: 25px; top: 17px; right: 21px; background: #5a8ac7;}
*/
/* Contact form */
form label { font-size:14px; display: block; padding:0 0 5px; }
form .form-group { margin-bottom:15px;}
form .form-control{ width: 100%; color:#000000; background-color: #ffffff; border:2px solid rgba(0,0,0,0.2); padding: 8px 15px; box-sizing: border-box; font-family:inherit; font-size:14px;}
.has-error .form-control, .form-control.error { border-color:red; /*color: red;*/ }
#queryInput { width: 100%; height: 100px; background-color: #f4f5fa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; padding: 5px; font-size: 1.1em; }
form input#submit, form .btn  { padding:8px 20px; border:solid 2px #000000; background: #ffffff; color:#000; text-transform:uppercase; font-size:14px; cursor:pointer;}
form input#submit:hover, form .btn:hover { background:#000000; color:#ffffff;}

.bubble-carousel .nn-bot-chips, .bubble-carousel .nn-bot-chips-inner { background: #f2f2f2; color: #333;}

.owl-carousel { position: relative;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { width: 40px; height: 30px; line-height: 30px !important; text-align: center; color: #fff !important; font-size: 24px !important; border-radius: 6px; position: absolute; top: 75px; margin:0 !important; background: rgba(0,0,0,0.8) !important;}
.owl-carousel .owl-nav button.owl-next { right: 0;}
.owl-carousel .owl-nav button.owl-prev { left: 0;}
.owl-dots { display: none !important;}

.list-info small { display: block; opacity: 0.6; line-height: 1; font-size: 11px;}
.typing-loader{margin: 5px 30px 5px 10px; width: 8px; height: 8px; border-radius:50%; -webkit-animation: line 1s linear infinite alternate; -moz-animation: line 1s linear infinite alternate; animation: line 1s linear infinite alternate;}
.list-info p { margin: 0 0 5px;} 
.nn-bot-bubble.loader .nn-bot-chips { background-color: #333333;}

.nn-bot-bubble .btn-col-2 { display: flex;}
.nn-bot-bubble .btn-col-2 button { font-size: 11px; padding: 8px 10px; margin: 0;}
.nn-bot-bubble .btn-col-2 .btn-1 {margin: 0 3px 0 0;}

.bubble-head { margin:4px 0 8px; font-size: 12px;}
.col-2 { display: flex; width: 100%; margin: 0 0 10px; text-align: left; font-size: 12px;}
.model-text, .price-text { font-weight: bold;}
.model-text small, .price-text small { display: block; line-height: 1.2; color: #000; font-weight: normal;}
.price-text { margin: 0 0 0 auto;}
.discount-price {text-decoration:line-through; margin-left:5px; color: #999; font-size: 10px;}

.list-info { margin: 0 0 5px;}
.flex-col {width: 100%; text-align: left; display: flex; border-bottom: solid 1px #ccc; margin: 0 !important; padding: 4px 0; align-items: center;font-size: 11px; line-height: 1.2;}
.flex-col small {font-size: 11px; width: 40% !important;}

.flex-full { font-size: 11px; text-align: left}
.flex-full small{ line-height: 1.2; display: block; font-size: 11px; }
.flex-card {display: flex; flex-wrap: wrap; margin: 0 -10px;}
.flex-card .col-6 {max-width: calc(50% - 4px); flex: 0 0 calc(50% - 4px); padding: 0 2px; margin: 0 0 4px;}
.plan-card {text-align: center; padding: 5px 10px; background: #fff; border-radius: 8px;}
.plan-card h4 { font-size: 12px; margin: 5px 0; line-height: 1.2;}
.plan-card .plan-title { display: block; margin: 0 0 5px;}
.flex-btn {display: flex; flex-wrap: wrap;}
.coupon-card {background: #fff; padding: 8px 15px; border-radius: 10px; margin: 0 0 5px; border: dashed 2px #ccc;}
.coupon-card span {display: block; text-align: center; margin: 4px 0 0; font-size: 11px;}
.coupon-card .coupon-label {opacity: 0.6; font-size: 11px;}
.coupon-card .coupon-code {font-size: 18px; font-weight: bold;}
@-webkit-keyframes line{
    0%{
       
        background-color: rgba(255,255,255, 1);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
                    24px 0px 0px 0px rgba(255,255,255,0.2);
                    
      }
    25%{ 
            background-color: rgba(255,255,255, 0.4);
            box-shadow: 12px 0px 0px 0px rgba(255,255,255,2), 
                    24px 0px 0px 0px rgba(255,255,255,0.2);
                    
    }
    75%{ background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
                    24px 0px 0px 0px rgba(255,255,255,2);
                   
      }
}

@-moz-keyframes line{
    0%{
       
        background-color: rgba(255,255,255, 1);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
                    24px 0px 0px 0px rgba(255,255,255,0.2);
                    
      }
    25%{ 
            background-color: rgba(255,255,255, 0.4);
            box-shadow: 12px 0px 0px 0px rgba(255,255,255,2), 
                    24px 0px 0px 0px rgba(255,255,255,0.2);
                    
    }
    75%{ background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
                    24px 0px 0px 0px rgba(255,255,255,2);
                   
      }
}

@keyframes line{
    0%{
       
        background-color: rgba(255,255,255, 1);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
                    24px 0px 0px 0px rgba(255,255,255,0.2);
                    
      }
    25%{ 
            background-color: rgba(255,255,255, 0.4);
            box-shadow: 12px 0px 0px 0px rgba(255,255,255,2), 
                    24px 0px 0px 0px rgba(255,255,255,0.2);
                    
    }
    75%{ background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
                    24px 0px 0px 0px rgba(255,255,255,2);
                   
      }
}