/* Magnific Popup CSS */

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:999999;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;}


.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:999999;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}


.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box;}


.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}


.mfp-align-top .mfp-container:before{display:none;}


.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}


.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}


.mfp-ajax-cur{cursor:progress;}


.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}


.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}


.mfp-auto-cursor .mfp-content{cursor:auto;}


.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}


.mfp-loading.mfp-figure{display:none;}


.mfp-hide{display:none !important;}


.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}


.mfp-preloader a{color:#CCC;}


.mfp-preloader a:hover{color:#FFF;}


.mfp-s-ready .mfp-preloader{display:none;}


.mfp-s-error .mfp-content{display:none;}


button.mfp-close, button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation;}


button::-moz-focus-inner{padding:0;border:0;}


.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;}


.mfp-close:hover, .mfp-close:focus{opacity:1;}


.mfp-close:active{top:1px;}


.mfp-close-btn-in .mfp-close{color:#333;}


.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color:#FFF;display:table;/*right:-6px;*/ text-align:right;padding-right:6px;border:none !important;background:none !important;/*width:100%;*/}


.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}


.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent;}


.mfp-arrow:active{margin-top:-54px;}


.mfp-arrow:hover, .mfp-arrow:focus{opacity:1;}


.mfp-arrow:before, .mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}


.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px;}


.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}


.mfp-arrow-left{left:0;}


.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px;}


.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F;}


.mfp-arrow-right{right:0;}


.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px;}


.mfp-arrow-right:before{border-left:27px solid #3F3F3F;}


.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}


.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}


.mfp-iframe-holder .mfp-close{top:-40px;}


.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}


.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#000;}


/* Main image in popup */

img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;}


/* The shadow behind the image */

.mfp-figure{line-height:0;}


.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444;}


.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}


.mfp-figure figure{margin:0;}


.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}


.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}


.mfp-image-holder .mfp-content{max-width:100%;}


.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}


@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

    /**

         * Remove all paddings around the image on small screen

         */

    .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}


    .mfp-img-mobile img.mfp-img{padding:0;}


    .mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}


    .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}


    .mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box;}


    .mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}


    .mfp-img-mobile .mfp-counter{right:5px;top:3px;}


    .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;}
}



@media all and (max-width: 900px) {

    .mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}


    .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}


    .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}


    .mfp-container{padding-left:6px;padding-right:6px;}
}

/*

    1.ShortCode Grid

    2.wp Chat bot Message container

    3.Sidebar

        -Cart

        -Agent

    4.Product Details

*/

/**********************************************************************************

1. ShortCode Grid

**********************************************************************************/

.chatbot-shortcode-template-00{font-family:"quicksandregular", "Helvetica Neue", Helvetica, Aria;height:auto;max-width:1100px;margin:0 auto;position:relative;box-sizing:border-box;border-radius:5px;box-shadow:0 5px 40px rgba(0, 0, 0, .10);background:#ffffff;display:table;}



.chatbot-shortcode-row{display:table-row;}



.chatbot-shortcode-template-00 .wp-chatbot-container, .chatbot-shortcode-template-00 .chatbot-sidebar{display:table-cell;vertical-align:top;box-sizing:border-box;}



.chatbot-shortcode-template-00 .chatbot-sidebar{width:30%;padding:15px;font-size:14px;line-height:1.8;}



.chatbot-shortcode-template-00 .wp-chatbot-container{width:40%;background-color:#f6f6fc;}



/***************************************************************************************************

2. wp Chat bot Message container

****************************************************************************************************/

.wp-chatbot-header{height:auto;}



.wp-chatbot-header h3{color:#999999;}



.wp-chatbot-content{/*background:url(//oceantech-group.com/wp-content/plugins/chatbot/images/message-bg.png) no-repeat top center;*/}



ul.wp-chatbot-messages-container li{font-size:14px;}



ul.wp-chatbot-messages-container > li.wp-chatbot-msg{padding-left:50px;}



ul.wp-chatbot-messages-container > li.wp-chat-user-msg{padding-right:50px;}



ul.wp-chatbot-messages-container > li .wp-chatbot-avatar, .wp-chatbot-agent-profile .wp-chatbot-widget-avatar{position:absolute;top:0;width:40px;height:40px;overflow:hidden;border-radius:50%;}



ul.wp-chatbot-messages-container > li.wp-chatbot-msg .wp-chatbot-avatar, .wp-chatbot-agent-profile .wp-chatbot-widget-avatar{left:0;}



ul.wp-chatbot-messages-container > li.wp-chat-user-msg .wp-chatbot-avatar{right:0;}



ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph, .wp-chatbot-agent-profile .wp-chatbot-bubble{padding:8px 15px;max-width:90%;box-shadow:0 2px 8px #bfbfbf;line-height:150%;}



ul.wp-chatbot-messages-container > li.wp-chat-user-msg .wp-chatbot-paragraph{text-align:right;float:right;}



ul.wp-chatbot-messages-container > li.wp-chat-user-msg .wp-chatbot-paragraph{background-color:#eaf1f6;color:#494949;margin-left:10%;border-radius:10px 10px 0 10px;}



ul.wp-chatbot-messages-container > li.wp-chatbot-msg .wp-chatbot-paragraph, .wp-chatbot-agent-profile .wp-chatbot-bubble{background-color:#1f8ceb;color:#ffffff;border-radius:0 10px 10px 10px;}



ul.wp-chatbot-messages-container li:first-child.wp-chatbot-msg .wp-chatbot-paragraph{background-color:transparent;}



ul.wp-chatbot-messages-container > li .wp-chatbot-paragraph img.wp-chatbot-comment-loader{background-color:#fff;padding:1px;border-radius:5px;margin:0 auto;display:block;}



.wp-chatbot-footer{border-radius:5px;background:rgba(70, 70, 70, 0.5);}



.wp-chatbot-editor-area{border-top:1px solid #deebe9;border-radius:0 0 5px 5px;margin:0;padding:6px 15px;}



.wp-chatbot-editor-area input{display:inline-block;border:none;height:50px;font-family:'Montserrat', sans-serif;width:80%;background-color:transparent;color:#FFF;font-size:14px;margin:0;padding:0;}



.wp-chatbot-editor-area input:focus{outline:none;border:none;box-shadow:none;background:none;}

input.wp-chatbot-editor::placeholder{color:#ffffff;}

.wp-chatbot-editor-area input::-webkit-input-placeholder, .wp-chatbot-editor-area input::-moz-placeholder, .wp-chatbot-editor-area input:-ms-input-placeholder, .wp-chatbot-editor-area input:-moz-placeholder{color:#ffffff;}



.wp-chatbot-editor-area button{display:inline-block;height:50px;background:transparent url(//oceantech-group.com/wp-content/plugins/chatbot/images/send-button.png) no-repeat center;color:transparent;width:20%;cursor:pointer;margin:0 0 0 -8px;padding:0;border:none;outline:none;}



.wp-chatbot-editor-area button:hover{background:transparent url(//oceantech-group.com/wp-content/plugins/chatbot/images/send-button.png) no-repeat center;}



.wp-chatbot-editor-area button:focus{outline:none;border:none;box-shadow:none;background:transparent url(//oceantech-group.com/wp-content/plugins/chatbot/images/send-button.png) no-repeat center;}



/*******************************************************************************************

sidebar element

*******************************************************************************************/



.wp-chatbot-agent-profile{position:relative;padding-left:50px;box-sizing:border-box;word-wrap:break-word;list-style:none;display:block;clear:both;line-height:150%;min-height:50px;margin:0 0 10px 0;}



/********* Cart *******/

.wp-chatbot-cart-header{background-color:#F5F5F5;}



.wp-chatbot-cart-single{background-color:rgba(245, 245, 245, 0.1);border-bottom:1px solid #dddddd;}



.wp-chatbot-cart-single:nth-child(2n+1){background-color:rgba(245, 245, 245, 0.5);}



.wp-chatbot-cart-footer div a{text-decoration:none;background:#1f8ceb;color:#ffffff !important;}



.wp-chatbot-cart-footer div a:hover, .wp-chatbot-cart-footer div:last-child a{background:#1e97f9 !important;}



/****** ********************************************************************************

04. Product Details

***************************************************************************************/

.wp-chatbot-product-details{box-shadow:0 0 10px #ccc;background-color:#f5f5f5;}



.wp-chatbot-product-cart-button input[type="button"], #wp-chatbot-loadmore{border:1px solid #6dcbe3;background:#6dcbe3;color:#ffffff;box-shadow:0 0 2px #999;}



.wp-chatbot-product-cart-button input[type="button"]:hover, #wp-chatbot-loadmore:hover{background:#559db0;color:#ffffff;}



#wp-chatbot-shortcode-template-container a.wp-chatbot-product-close{position:absolute;top:0;right:0;background:#6dcbe3 url(//oceantech-group.com/wp-content/plugins/chatbot/images/wp-boat-product-close-icon.png) no-repeat center;background-size:27px;width:50px;height:50px;}



#wp-chatbot-shortcode-template-container a.wp-chatbot-product-close:hover{background-color:red;}



#wp-chatbot-shortcode-template-container .wp-chatbot-product-details{box-shadow:none;}



#wp-chatbot-shortcode-template-container h2#wp-chatbot-product-title{margin:0 0 10px !important;color:#999999;padding:0 0 5px;font-size:18px;font-weight:700;line-height:1.2;letter-spacing:1px;}



/*************************

Right-to-left text direction

**************************/

.wp-chatbot-rtl{text-align:right;direction:RTL;}



.wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chatbot-msg, .wp-chatbot-rtl .wp-chatbot-agent-profile{padding:0 50px 0 0;}



.wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chatbot-msg.wp-chatbot-msg-flat{padding:0;}



.wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chatbot-msg > .wp-chatbot-paragraph{display:table;max-width:90%;float:right;text-align:right;}



.wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chatbot-msg .wp-chatbot-avatar, .wp-chatbot-rtl .wp-chatbot-agent-profile .wp-chatbot-widget-avatar{right:0;left:auto;}



.wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chat-user-msg{padding:0 0 0 50px;}



.wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chat-user-msg .wp-chatbot-avatar{left:0;right:auto;}



.wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chat-user-msg > .wp-chatbot-paragraph{display:table;max-width:90%;float:left;text-align:left;}



.wp-chatbot-rtl ul.wp-chatbot-messages-container > li.wp-chat-user-msg .wp-chatbot-paragraph{margin-left:0;}



.wp-chatbot-rtl .wp-chatbot-editor-container input{text-align:right;direction:RTL;}



.wp-chatbot-rtl .wp-chatbot-products-area ul li:nth-child(2n+2){margin:auto;}



.wp-chatbot-rtl .wp-chatbot-products-area ul li{margin:1%;vertical-align:middle;}




@media screen and (max-width:1024px){

    .chatbot-left-sidebar{display:none !important;}

}



@media screen and (max-width:767px){

    .chatbot-shortcode-template-01{display:block;}



    .chatbot-shortcode-template-01 .chatbot-shortcode-row{display:block;}



    .chatbot-shortcode-template-01 .wp-chatbot-container{display:block !important;width:100% !important;margin-bottom:30px;}

}