@charset "utf-8";
/* CSS Document */
/*@-moz-document url-prefix() {
    html,body{overflow: hidden !important;}
}*/

html {
  /*overflow: -moz-scrollbars-none;*/
  /*overflow-y: -moz-hidden-unscrollable;*/
  /*overflow-y: -moz-hidden-unscrollable;*/
}
body{font-family: 'Montserrat', sans-serif; background:#f0f3f2; color:#242a35; font-size:12px; margin:0 auto; overflow-y: -moz-hidden-unscrollable !important; overflow: hidden !important;}
img, a {text-decoration:none; border:0px; color:#03a9f4;}
a:hover {color:#007af7; text-decoration:none;}
p {line-height:20px; letter-spacing:0.5px; color:#969696; margin-bottom:20px;}
h1, h2, h3, h4, h5, h6, ul{margin:0px; padding:0px; line-height: 100%; font-weight:normal; list-style-type: none; font-family: 'Montserrat', sans-serif;}
h1, h2, h3, h4, h5, h6{margin-bottom:20px; letter-spacing:1px;}
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; }
input, textarea, select {font-family: 'Montserrat', sans-serif;}
img { max-width:100%; border:0; display: block;}
.clearfix:after { display: block; content: ''; width: 100%; clear: both; }
.clr {clear:both;}
.main_container {max-width:100%; margin:0 auto; overflow:hidden;}
.wrap {width:1200px; max-width:100%; margin:0 auto;padding-top: 40px !important;}
.wrap-flued {width:100%; padding-left:15px; padding-right:15px; margin:0 auto; height: 52px;}
.text-red{color:#ff1414 !important;}
.text-blue{color:#18aaf0 !important;}
.text-white{color:#fff !important;}
.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
header{background-color:#03a9f4;}
.header-left{float:left; max-width:70%;}
.header-right{float:right; max-width:30%; padding:17px 0; line-height:17px;}
.tglmenu{color:#fff; font-size:28px; padding-top:9px; display:none;}
ul.hnav li{float:left;}
ul.hnav li a{font-size:12px; line-height:12px; color:#fff; text-transform:uppercase; letter-spacing:1px; padding:20px 18px; position:relative; display:block; transition:0.3s;text-decoration: none;}
ul.hnav li a:after{position:absolute; content:""; bottom:0; left:0; width:100%; height:3px; background:#fff; border-radius:30px; -webkit-border-radius:30px; transition:0.3s; opacity:0;}
ul.hnav li:hover a:after, ul.hnav li.active a:after{opacity:1;}
.profile{padding-left:15px; display:inline-block; vertical-align:top; position:relative;}
.profile .dropdown-toggle::after{display:inline-block; width:0; height:0; margin-left:0.255em; vertical-align:0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; color:#fff;}
.profile .user-icon{display:inline-block; vertical-align:top; background:#fff; color:#03a9f4; width:16px; height:16px; line-height:16px; border-radius:50%; -webkit-border-radius:50%; text-align:center; margin-right:5px;}
.profile .name{display:inline-block; vertical-align:top; margin-right:9px; color:#fff;}
.profile-dropdown-menu{top:34px; right:0; position:absolute; background-color:#fff; min-width:180px; white-space:normal; margin-top:0; z-index:999; padding:15px 0; display:none;}
.profile-dropdown-menu .dropdown-item{display:block; padding:10px 15px; clear:both; font-weight:normal; color:#4f5f6f; white-space:nowrap; -webkit-transition:none; transition: none;}
.profile-dropdown-menu .dropdown-item:hover{color:#467fbf !important; background:none; background-color: whitesmoke;}
.profile-dropdown-menu a .icon{color:#03a9f4; text-align: center; width:16px; height:auto; line-height:inherit;}
.dropdown-menu .dropdown-item i{margin:0 5px 0 0; vertical-align:middle;}
.hsetting{display:inline-block; vertical-align:top; margin-left:5px; padding-left:7px; border-left:#66cfff 1px solid;}
.hsetting a{color:#fff; font-size:17px; display:block;}
.header-banner{position:relative; width:100%; height:285px;}
.header-banner:before{position:absolute; content:""; left:0; top:0; width:100%; height:100%;}
.header-banner .wrap{position:relative; height:100%;}
.header-banner .hb-edit{position: absolute; top: -8px; left: 65%; right: 0; bottom: 0; min-width: 10%; max-width: 100%;}
.header-banner .hb-heading {position: absolute; width:100%; left: 0; right: 0; top: 50%; transform: translate(0,-50%); text-align: center; font-size: 45px; line-height: 45px; color: #fff; font-weight: 200;}
.slide-dec{font-family: 'Montserrat', sans-serif !important;}
.adwbtn{right: -23px!important; top: -20px !important;}
.add-category-btn,.addWalkthroughBtn,.walk-add-category-btn,.adwbtn{width:50px; height:50px; text-align: center;font-size: 24px; line-height: 54px; color: #fff; background:#03a9f4; border-radius:50%; -webkit-border-radius:50%; box-shadow: 0 1px 5px rgba(0,0,0,.28); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.28); position:absolute; right:0; bottom:-25px; z-index:99;}
.add-category-btn:hover, .addWalkthroughBtn:hover, .walk-add-category-btn:hover, .adwbtn:hover{color: #fff;}
.mid-container{padding:30px 0 0px;}
.btn{font-family: 'Montserrat', sans-serif;}
.btn-default,.cat-btn-default{border:0; display:inline-block;font-family: 'Montserrat', sans-serif; vertical-align:top; font-size:12px; line-height:12px; text-transform:uppercase; color:#fff; text-align:center; background:#03a9f4; padding:12px 15px; border-radius:30px; -webkit-border-radius:30px; transition: all .2s ease-in-out;}
.btn-default:hover,.cat-btn-default:hover{background:#206888 !important; color:#fff !important;}
.category-list{}
.category-list .row {margin:0 -16px;}
.category-list .col{width:25%; float:left; padding:0 16px; margin-bottom:35px;}
.subcategory-list .row{margin:0 -16px; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; -webkit-justify-content: flex-start; -moz-justify-content:flex-start; justify-content:flex-start; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.subcategory-list .col{min-height:1px; padding:0 16px; margin-bottom:35px; -webkit-box-flex:0; -webkit-flex:0 0 25%; -moz-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; word-wrap:break-word;}
.category-box, .subcategory-box{background-color:#fff; border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.3); overflow:hidden; position:relative;height: 276px;}
.category-box .cat-img, .subcategory-box .cat-img{width:100%; height:184px; position:relative;}
.cat-imgremoverborder{width: 103% !important; height: 190px !important; position: relative; margin-top:-4px;}
.cat-distop {position: relative; z-index: 9; margin-top: -4px; background: #f0f3f2;}
.category-box .cat-dis, .subcategory-box .cat-dis{padding: 15px;}
.edittitle{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;height: 3em;}
.category-box h6{margin-bottom:8px;}
.subcategory-box h6{margin-bottom:8px; padding-right:20px; position:relative; line-height: 20px}
.category-box h6 a, .subcategory-box h6 a{color:#242a35;}
.category-box p, .subcategory-box p{margin-bottom:0;}
.edit-title-btn{position:absolute; right:0px; top:0px; font-size:14px; display:block; transition:0.3s; opacity:0; visibility:hidden;}
.subcategory-box .cat-dis:hover .edit-title-btn{opacity:1; visibility:visible;}
.category-box .cb-overlay, .subcategory-box .cb-overlay{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(36,42,53,0.8); transition:all 0.3s; text-align:center; visibility:hidden; opacity:0;}
.category-box .btn, .subcategory-box .btn{display:inline-block; vertical-align:top; font-size:12px; line-height:12px; text-transform:uppercase; color:#fff !important; text-align:center; border:#fff 1px solid; padding:12px 15px; border-radius:30px; -webkit-border-radius:30px; position:absolute; top:40%; transform:translate(0,-50%); left:0; right:0; max-width:200px; margin:0 auto; opacity: 0;  transition: all .2s ease-in-out;}
.category-box .btn:hover, .subcategory-box .btn:hover{background:#03a9f4; color:#fff; border:#03a9f4 1px solid;}
.category-box:hover .cb-overlay, .subcategory-box:hover .cb-overlay{opacity:1; visibility:visible;}
.category-box:hover .projects__prototype__menu, .subcategory-box:hover .projects__prototype__menu {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform:translateY(0);}
.category-box:hover .btn, .subcategory-box:hover .btn{opacity:1; top:50%;}
.projects__prototype__menu{position:absolute; right:15px; top: 5px; width: 25px; height: 25px; opacity:0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); transition: all .2s ease-in-out; background:url(../images/dots-icon.png) no-repeat center center; cursor:pointer; z-index:99;}
.projects__prototype__more_menu{position:absolute; min-width:185px !important; top:25px; right:0 !important; left:inherit !important; margin:0 auto; background-color:#fff; text-align:left; z-index:99; display:none;}
.projects__prototype__more_menu li{display:block; background:inherit !important;}
.projects__prototype__more_menu li a{color:#242a35; font-size:12px; line-height:12px; padding:15px 10px; display:block; transition:0.3s;}
.projects__prototype__more_menu li:hover a{background-color:#f0f3f2 !important;}
.projects__prototype__menu:hover .projects__prototype__more_menu{display:block;}
.add-more-category{-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.05); box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.05); width:100%; height:276px;}
.add-more-category a{display:block; width:100%; height:100%; background:url(../images/plus-window-icon.png) no-repeat center center;}
.popup-overlay{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999; background:rgba(0,0,0,0.6); transition:all 0.3s; opacity:0; visibility:hidden;}
.popup-box{width:55%; position:absolute; top:50%; transform:translate(0,-50%); left:0; right:0; margin:0 auto; background:#fff;} 
.popup-box .col{float:left; width:33.33%; border-right:#e4e4e4 1px solid; padding:40px 15px 20px; text-align:center;}
.popup-box .btn-default{display:block; margin-bottom:15px;}
.p-icon{width: 50px; height:55px; margin: 0 auto 20px;}
.create-manually{text-transform:uppercase; display:block;}
.pop-close-btn:hover{background-color:#F00; color:#fff;}
.popup-overlay.active{opacity:1; visibility:visible;}
.header-form-sec{background-color:#242a35; position:relative;}
.header-form-sec .wrap {position:relative; /*height: 100%;*/}
.hform-box{padding:25px 0;}
.hform-box .f-field1{float:left; width:435px; margin-right:27px;}
.hform-box label{display:block; font-size:12px; line-height:12px; color:#fff;letter-spacing:0.5px; text-transform:uppercase;margin-bottom:15px;}
.hform-box input, .hform-box select, #forgot_pass .f-field input{display:block; width:100%; height:36px; background:#fff; border:none; border-radius:5px; -webkit-border-radius:5px; padding:0 15px; font-size:12px; line-height:12px; color:#6c6c6c; letter-spacing:0.5px;}
.hform-box .f-field1.f-field2{width:130px;}
.hform-box .f-field1.f-field2{width:140px;}
.subcat-label{display:block; width:100%; height:100%; border-radius:5px; -webkit-border-radius:5px; overflow:hidden;}
.subcat-label:hover{}
.subcategory-box [type="checkbox"]:not(:checked), .subcategory-box [type="checkbox"]:checked {position: absolute; left: -9999px; z-index:99;}
.subcategory-box [type="checkbox"]:not(:checked) + label, .subcategory-box [type="checkbox"]:checked + label {position: relative; cursor: pointer;}
.subcategory-box [type="checkbox"]:not(:checked) + label:before, .subcategory-box [type="checkbox"]:checked + label:before {content: ''; position: absolute; left:10px; top:10px; width:16px; height:16px; border:none; background:url(../images/check-icon.png) no-repeat; z-index:9;  opacity:0;}
.subcategory-box:hover [type="checkbox"]:not(:checked) + label:before, .subcategory-box:hover [type="checkbox"]:checked + label:before{opacity:1;}
.subcategory-box [type="checkbox"]:checked + label{border:#18aaf0 1px solid;}
.subcategory-box [type="checkbox"]:not(:checked) + label:after, .subcategory-box [type="checkbox"]:checked + label:after {content: ''; position: absolute; top:10px; left:10px; width:16px; height:16px; background:url(../images/checked-icon.png) no-repeat; z-index:99;}
.subcategory-box [type="checkbox"]:checked + label .cb-overlay{opacity:1; visibility: visible;}
.subcategory-box [type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0);}
.subcategory-box [type="checkbox"]:checked + label:after {opacity: 1; transform: scale(1);}
.action-sec{background:#fff; padding:20px 0; position:fixed; bottom:0; left:0; width:100%; -webkit-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.13); -moz-box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.13); box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.13);z-index: 5}
.action-sec .as-left{float:left; width:225px;}
.action-sec .minus-btn{display:inline-block; vertical-align:top; width:22px; height:22px; line-height:22px; background:none; border:#cdcdcd 1px solid; text-align:center; color:#cdcdcd; border-radius:50%; -webkit-border-radius:50%; cursor:pointer; transition:0.3s; margin-right:10px;}
.action-sec .minus-btn:hover{background:#03a9f4; color:#fff; border:#03a9f4 1px solid;}
.action-sec .screen-count{display:inline-block; vertical-align:top; font-size:12px; line-height:22px; color:#242a35; letter-spacing:0.5px;}
.action-sec .screen-count .count-no{display:inline-block; vertical-align:top; background-color:#03a9f4; min-width:30px; text-align:center; color:#fff; border-radius:25px; -webkit-border-radius:25px; margin-right:3px;}
.action-sec .as-center{margin:0 auto; text-align:center; padding:0 225px;}
.action-sec .as-center .delete-btn{display:inline-block; vertical-align:top; background:none; border:none; font-size:19px; color:#242a35; cursor:pointer;}
.limiter {width: 100%; margin: 0 auto;}
.container-login100 {width: 100%; min-height: 100vh; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 15px; background: #f2f2f2;}
.wrap-login100 {width: 390px; background: #fff; border-radius: 10px; overflow: hidden; padding:45px 55px 33px 55px; box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);}
.cisco-analytic-logo{margin-bottom:25px; display:block; text-align:center;}
.cisco-analytic-logo img{display:inline-block; vertical-align:top;}
.login100-form {width: 100%;}
.login100-form-title {display: block; font-size: 30px; color: #333333; line-height: 1.2; text-align: center; padding-bottom:48px;}
.wrap-input100 {width: 100%; position: relative; border-bottom: 2px solid #adadad; margin-bottom: 37px;}
.input100 {font-size: 15px; color: #555555; line-height: 1.2; display: block; width: 100%; height: 45px; background: transparent; padding: 0 5px; border:none; outline:none;}
.focus-input100 {position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;}
.focus-input100::before {content: ""; display: block; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;background: #03a9f4;}
.focus-input100::after {font-size: 15px; color: #999999; line-height: 1.2; content: attr(data-placeholder); display: block; width: 100%; position: absolute; top: 16px; left: 0px; padding-left: 5px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}
.input100:focus + .focus-input100::after {top: -15px;}
.input100:focus + .focus-input100::before {width: 100%;}
.has-val.input100 + .focus-input100::after {top: -15px;}
.has-val.input100 + .focus-input100::before {width: 100%;}
.container-login100-form-btn {padding-top: 13px;}
.login100-form-btn {font-size: 14px; color: #fff; line-height: 1.2; text-transform: uppercase; background:#03a9f4; display: block; text-align:center; padding: 0 20px; width: 100%; height: 50px; border-radius:30px; -webkit-border-radius:30px; outline: none !important; border: none; cursor:pointer; transition: all .2s ease-in-out;}
.dont-have-acnt{text-align:center; padding-top:50px; font-size:14px;}
#forgot_pass .popup-box{padding:30px 20px 0; text-align:center;}
#forgot_pass form{background:#f0f3f2; padding:30px 20px; margin:0 -20px;}
#forgot_pass .f-field{margin-bottom:15px;}
#forgot_pass .f-field input{ background:#fff; border:#dadada 1px solid;; height:42px; box-shadow:none;}
#forgot_pass .submit-btn input{display:inline-block; vertical-align:top; transition: all .2s ease-in-out; width:150px; height:43px; background:#03a9f4; border:none; box-shadow:none; border-radius:30px; -webkit-border-radius:30px; text-align:center; font-size:14px; line-height:14px; text-transform:uppercase; color:#fff; cursor:pointer;}
#delete .submit-btn input{display:inline-block; vertical-align:top; width:150px; height:43px; background:#03a9f4; border:none; box-shadow:none; border-radius:30px; -webkit-border-radius:30px; text-align:center; font-size:14px; line-height:14px; text-transform:uppercase; color:#fff; cursor:pointer;}
.edit-category{background-color:#f0f3f2; position:fixed; width:100%; height:100%; z-index:100; top:0; /*bottom:0;*/ left:0; right:0; padding:10px 0 5px; overflow-y: scroll; opacity:0; visibility:hidden;}
.add-walkthrough-popup{background-color:#f0f3f2; position:fixed; width:100%; height:100%; z-index:9999; top:0; bottom:0; left:0; right:0; padding:35px 0 50px; overflow-y: auto; opacity:0; visibility:hidden;}
.edit-category.active,.add-walkthrough-popup.active{opacity:1; visibility:visible;}
.edit-category .back-btn,.add-walkthrough-popup .add-walk-back-btn{position:absolute; left:30px; top:10px; font-size:24px; color:#242a35; letter-spacing:0.5px; text-transform:uppercase; text-align:center; cursor:pointer;}
.edit-category .back-btn span,.add-walkthrough-popup .add-walk-back-btn span{display:block; font-size:12px; font-weight:normal;}
.edit-category .esc-btn, .add-walkthrough-popup .add-walk-esc-btn{position:absolute; right:30px; top:30px; font-size:24px; color:#242a35; letter-spacing:0.5px; text-transform:uppercase; text-align:center; cursor:pointer;}
.edit-category .esc-btn span, .add-walkthrough-popup .add-walk-esc-btn span{display:block; font-size:12px; font-weight:normal;}
.edit-category-box{padding-top:15px;}
.edit-category-box .f-field{float:left; width:50%; padding:0 15px; margin-bottom:30px;}
.edit-category-box .f-field label{display:block; font-size:16px; line-height:16px; margin-bottom:10px; text-transform:uppercase;}
.edit-category-box .f-field input, .edit-category-box .f-field select{display:block; width:100%; height:45px; background:#fff; border: #e4e4e4 1px solid; border-radius:5px; -webkit-border-radius:5px; padding:0 15px; font-size:14px; line-height:14px; color:#6c6c6c; letter-spacing:0.5px;}
.fr-box.fr-basic.fr-top .fr-wrapper, .fr-toolbar.fr-top{box-shadow:none; -webkit-box-shadow:none; border: #e4e4e4 1px solid;}
.fr-box.fr-basic .fr-element{min-height:160px; font-size:14px;}

.change-img{margin-bottom:15px; text-align:center; height:241px; line-height:228px; background:#fff; border:#e4e4e4 1px solid; padding:5px;}
img#blah{display:inline; max-height:229px; vertical-align:middle;}
.upload-btn-wrapper{position:relative; overflow:hidden;display: inline-block;}
.btn-outline-primary{color:#fff; background-color:#03a9f4; cursor: pointer; border:none; font-weight: normal; padding:10px 2rem; font-size:14px; line-height:18px; text-transform:uppercase; border-radius: 50px; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.upload-btn-wrapper input[type=file] {    
    position: absolute;
    left: 0;
    top: -16px;
    height: 55px;
    opacity: 0;
    visibility:unset;
    width: 200px;
    border-radius: 18px;
    cursor: pointer !important;
}

.action-btns{ padding-top:20px; text-align:center;}
.action-btns .btn-default{min-width:110px; font-size:14px; line-height:14px;border: none;}

.page-bredcrum{margin-bottom: 60px; border-bottom:#c5c5c5 1px dashed; padding-bottom: 20px;}
.page-bredcrum li{float:left; font-size:12px; line-height:14px; margin-right:5px; position:relative;}
.page-bredcrum li:after{content:"\f105"; font-family: FontAwesome; margin-left:5px;}
.page-bredcrum li:last-child:after{display:none;}

.tool-page-header{background-color:#292e38; color:#fff; padding:20px 0;}

.tp-header-breadcrum{float:left; margin-top:7px;}
.tp-header-breadcrum ul li{float:left; margin-right:10px; font-size:14px; line-height:16px; color:#999999; position:relative;}
.tp-header-breadcrum ul li:after{content:"\f105"; font-family: FontAwesome; margin-left:10px;}
.tp-header-breadcrum ul li:last-child:after{display:none;}
.tp-header-breadcrum ul li a{font-size:14px; line-height:16px; color:#999999; transition:0.3s;}
.tp-header-breadcrum ul li:hover a{color:#03a9f4;}

.tp-header-right{float:right; width:100px; text-align:right}
.tp-header-right ul li{display:inline-block; vertical-align:top; margin-right:5px;}
.tp-header-right ul li a{width:32px; height:32px; line-height:32px; background:#999999; border-radius:50%; -webkit-border-radius:50%; color:#292e38; transition:0.3s; display:block; text-align:center; font-size:16px;}
.tp-header-right ul li:hover a{color:#fff; background:#03a9f4;}

.tool-icons{margin:0 auto; text-align:center;}
.tool-icons ul li{display:inline-block; vertical-align:top;}
.tool-icons ul li a{font-size:24px; height:35px; line-height:35px; color:#999999; transition:0.3s; padding:0 25px; position:relative;}
.tool-icons ul li a:after{position:absolute; content:""; left:0; bottom:-23px; width:100%; height:4px; background:#03a9f4; opacity:0; transition:0.3s;}
.tool-icons ul li:hover a, .tool-icons ul li.active a{color:#03a9f4;}
.tool-icons ul li:hover a:after, .tool-icons ul li.active a:after{opacity:1;}

.toop-page-img{text-align:center; padding:25px;}
.toop-page-img img{display:inline;}

.walkthrough-list{background:#fff; padding:30px 20px;margin: 50px 0px 10px 0px;position:relative; transition:all 0.3s; display:none;}
.walkthrough-list.active{display:block;}
.walkthrough-list ol{margin:0; padding:0; list-style-type:none;}
.walkthrough-list ol li{counter-increment:step-counter; padding:18px 25px 18px 30px;  font-size:14px; line-height:normal; letter-spacing:0.5px; width:50%; float:left;  position:relative;}
.walkthrough-list ol li::before{content:counter(step-counter); margin-right:20px; position: absolute;left: 0; font-size:80%; background-color:#03a9f4; color:white; font-weight:bold; padding:3px 6px; border-radius:3px;}
.walkthrough-option{display:block; background:rgba(36,42,53,0.9); padding:8px 15px; position:absolute; top:0; left:0; width:98%; z-index:9; transition:0.3s; opacity:0; visibility:hidden;}
a.btn.edit-walkthrough{display:inline-block; background:#03a9f4; color:#fff; vertical-align:top; padding:10px 20px; border-radius:30px;}
.btn.edit-walkthrough{display:inline-block; background:#03a9f4; color:#fff; vertical-align:top; padding:10px 20px; border-radius:30px;border: none;}
.walkthrough-option .wo-rgt{float:right; text-align:right; margin-top:10px; display:block;}
.walkthrough-option .wo-rgt a{display:inline-block; vertical-align:top; font-size:14px; line-height:14px; text-align:center; margin-right:2px; padding-right:7px; border-right:#fff 1px solid; color:#fff; transition:0.3s;}
.walkthrough-option .wo-rgt a:last-child{margin-right:0; padding-right:0; border-right:none;}
.walkthrough-option .wo-rgt a:hover{color:#03a9f4;}
.walkthrough-list ol li:hover .walkthrough-option{opacity:1; visibility:visible;}

.walkthrough-list .wl-close-btn{position:absolute; top:0; right:0; width:30px; height:30px; line-height:30px; background-color:#eae9e9; font-size:16px; text-align:center; transition:0.3s; cursor:pointer;}
.walkthrough-list .wl-close-btn:hover{background-color:#F00; color:#fff;}

.walkthrough-list .wl-add-btn{position:absolute; top:0; right:35px; width:30px; height:30px; line-height:30px; background-color:#eae9e9; font-size:16px; text-align:center; transition:0.3s; cursor:pointer;}
.walkthrough-list .wl-add-btn:hover{background-color:#03a9f4; color:#fff;}

/*------------------------------------------------------------------
[ Responsive ]*/
@media only screen and (max-width:1180px) {
.wrap{width:1000px;}
}
@media only screen and (max-width:1010px) {
.wrap{width:900px;}
.category-list .row, .subcategory-list .row{margin: 0 -10px; padding-bottom:20px;}
.category-list .col, .subcategory-list .col{padding:0 10px; margin-bottom:28px;}
.category-box .cat-dis, .subcategory-box .cat-dis{padding:22px 10px;}
}
@media only screen and (max-width:991px) {
.change-img{height:202px; line-height:188px;}
img#blah{max-height:190px;}
}
@media only screen and (max-width:910px) {
.wrap{width:800px;}
ul.hnav li a{padding:20px 12px;}
.category-list .col, .subcategory-list .col{width:50%;}
.add-more-category{height:270px;}
.walkthrough-list ol li{float:none; width:100%; padding-right:0;}
.walkthrough-option{width:100%;}
}
@media only screen and (max-width:810px) {
.wrap{width:700px;}
.header-banner{height:220px;}
.header-banner .hb-heading{font-size:36px; line-height:36px;}
.tool-icons ul li a{padding:0 15px;}
}
@media only screen and (max-width:710px) {
.wrap{width:600px;}
.header-left{position:relative; max-width:50px;}
.header-right{max-width:85%;}
.tglmenu{display:block;}
ul.hnav{position:absolute; top:52px; left:0; z-index:99; min-width:250px; background-color:#fff; display:none;}
ul.hnav li{float:none;}
ul.hnav li a{color:#242a35; padding:15px 12px;}
ul.hnav li a:after{display:none;}
ul.hnav li:hover a, ul.hnav li.active a{color:#03a9f4;}

.tp-header-breadcrum{float:none; text-align:center; margin:0 0 20px;}
.tp-header-breadcrum ul li{float:none; display:inline-block; vertical-align:top; margin-right:6px;}
.tp-header-right{float:none; width:100%; text-align:center; margin-bottom:20px;}
}
@media only screen and (max-width:610px) {
.wrap{width:100%; padding-left:15px; padding-right:15px;}
.add-category-btn,.walk-add-category-btn{right:15px;}
.action-sec .as-center{margin:0; text-align:right; padding:0; float:right;}
.hform-box .f-field1{width:60%; margin-right:10px;}

.edit-category-box .f-field{float:none; width:100%;}
}
@media only screen and (max-width:575px) {
.popup-box{width:95%;}
.wrap-login100{padding:35px 15px 33px 15px;}
}
@media only screen and (max-width:480px) {
.header-banner{height:200px;}
.header-banner .hb-heading{font-size:20px; line-height:20px;width:100%;}
.category-list .col, .subcategory-list .col{-webkit-flex:0 0 100%; -moz-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
}
@media only screen and (max-width:479px) {
.popup-box .col{float:none; width:100%; border-right:none; border-bottom:#e4e4e4 1px solid;  padding:20px 15px 20px;}
.popup-box .btn-default{display:inline-block; min-width:215px;}
.popup-box p{min-height:inherit;}

.walkthrough-option{text-align:center; padding:15px;}
a.btn.edit-walkthrough{display:block;}
.btn.edit-walkthrough{display:block;}
.walkthrough-option .wo-rgt{float:none; text-align:center; width:100%; margin-top:15px;}
}
@media only screen and (max-width:360px) {
.hform-box .f-field1{width:100%; margin-right:0; float:none; margin-bottom:20px;}
.hform-box .f-field1.f-field2{margin-bottom:0;}
}

.pop-close-btn {position:absolute; top:0; right:0; width:30px; height:30px; line-height:30px; background-color:#eae9e9; font-size:16px; z-index:999; text-align:center; transition:0.3s; cursor:pointer;}

/*Normal Popup Overlay*/
.cat-popup-overlay{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999; background:rgba(0,0,0,0.9); transition:all 0.3s; opacity:0; visibility:hidden;}
.cat-popup-box{width:520px; position:absolute; top:50%; transform:translate(0,-50%); left:0; right:0; margin:0 auto; background:#fff;} 
.cat-popup-box .cat-col{float:left; width:50%; border-right:#e4e4e4 1px solid; padding:40px 15px 20px; text-align:center;}
.cat-popup-box p{font-size:14px; line-height:20px; min-height:40px;}
.cat-popup-box .cat-btn-default{display:block; margin-bottom:15px;}

.cat-p-icon{width: 50px; height:55px; margin: 0 auto 20px;}
.cat-create-manually{text-transform:uppercase; display:block;}

.cat-pop-close-btn {position:absolute; top:0; right:0; width:30px; height:30px; line-height:30px; background-color:#eae9e9; font-size:16px; text-align:center; transition:0.3s; cursor:pointer;}
.cat-pop-close-btn:hover{background-color:#F00; color:#fff;}
.cat-popup-overlay.active{opacity:1; visibility:visible;}

#mceu_42,#mceu_85{
  /*display: none !important;*/
}

html {
    overflow: scroll;
    overflow-x: hidden;
}
/* ::-webkit-scrollbar {
    width: 0px;  / remove scrollbar space /
    background: transparent;  / optional: just make scrollbar invisible /
} */

.alert-danger{color: #a94442;background-color: #f2dede;
    border-color: #ebccd1;}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alertpostion{position: absolute;
    top: 50px;
    width: 100%;}

button{cursor: pointer;} 
a{transition: all .2s ease-in-out;} 
.login100-form-btn:hover,

#forgot_pass .submit-btn:hover input {background: #242a35;}
.btn-outline-primary:hover {background: #242a35 !important; display: block; cursor: pointer;}
/* [data-tooltip] {
  position:static;

}*/
[data-tooltip]:before {
  content:'';
  /* hides the tooltip when not hovered */
  display:none;
  content:'';
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #1a1a1a; 
  position:absolute;
  top:52px;
  right:15px;
  z-index:8;
  font-size:0;
  line-height:0;
  width:0;
  height:0;
}
[data-tooltip]:after {
  display:none;
  content:attr(data-tooltip);
  position:absolute;
  top:60px;
  right:0px;
  padding:6px 20px;
  background:#1a1a1a;
  color:#fff;
  z-index:9;
  font-size: 14px;
  line-height:18px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space:nowrap;
  word-wrap:normal;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display:block;
}

.btn-outline-primary:hover{background: #000 !important;}

/*#main_container {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
#main_inner {
  width: 100% !important;
    height: 99% !important;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px; 
    overflow: auto;}*/

.marginauto200{width: 200px;margin: 0 auto;}    



/**********RK*************/
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.title-container .container-fluid {
    padding-left: 5%;
    padding-right: 2%;
    padding-top: 20px;
    padding-bottom: 20px;
}

/**********RK*************/
.logowithmenu_bar {
            width: 100%;
            padding: 0px 0px 0px 0px;
            transition: .5s all;
            position: fixed;
            z-index: 1000;
            top: 0px;
            background: #03a9f4;
            color: #ffffff;
        }
        
        .top_menu_ul {
            display: inline-block;
            margin: 0px;
            text-align: left;
            color: #ffffff;
        }
        
        .top_menu_ul li {
            text-align: center;
            display: inline-block;
            text-transform: uppercase;
            font-size: 16px;
        }
        
        .top_menu_ul li a {
            color: #ffffff;
            font-weight: 400;
            font-size: 12px;
            letter-spacing: .5px;
            padding: 20px 15px 15px 15px;
            display: inline-block;
        }
        
        .active_nav {
            border-bottom: solid 3px;
        }
        
        .after_login {
            margin: 0px;
            text-align: left;
            float: right;
        }
        
        .user-info {
            width: auto;
            padding: 20px 10px 5px 25px;
            height: 100%;
            line-height: 20px;
            float: right;
            cursor: pointer;
            position: relative;
            color: #ffffff;
        }
        
        .login_icon {
            font-size: 20px;
            position: absolute;
            left: 0px;
            top: 20px;
        }
        
        .login_user_name {
            font-weight: 500;
        }
        
        .caret {
            border-left: 6px solid rgba(0, 0, 0, 0);
            border-right: 6px solid rgba(0, 0, 0, 0);
            border-top: 6px solid;
            display: inline-block;
            height: 0;
            margin-left: 5px;
            vertical-align: middle;
            width: 0;
        }
        
        .menu_basic_popup {
            width: 235px;
            height: auto;
            background: #f6f9ff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .4);
            -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, .2);
            position: absolute;
            color: #333;
            z-index: 111;
            right: 0;
            top: 78px;
            transition: all 150ms linear;
        }


        .win_pop{position: absolute;bottom: -112px; right: 7%; z-index: 2; }
       

        .pop-content h3{    font-size: 23px;
            font-weight: 600;}
            .pop-content .card{background:#f7f8ff ; box-shadow: none;}
            .pop-content .card .col-form-label{font-size: 17px;}
            .pop-content .card h4{font-size:     18px;
                font-weight: 600;}
                .pop-content .card h4 a{font-size: 14px; font-weight: 400; border-bottom: 1px solid #007bff; display:inline-block; margin-left:15px}
                .custom-switch .custom-control-label::after {
                    top: calc(0.25rem + -3px);}
        
        .scale0 {
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
        }
        
        .menu_popup_containner {
            width: 100%;
            height: auto;
            max-height: 300px;
            overflow: auto;
            overflow-x: hidden;
            min-height: 50px;
        }
        
        .menu_popup_settingrow {
            width: 100%;
            padding: 5px 0px 5px 10px;
            border-bottom: solid thin #e1e1e1;
            color: #666666;
            height: auto;
            line-height: 35px;
            float: left;
            transition: .5s all;
            -webkit-transition: .5s all;
            -o-transition: .5s all;
            -moz-transition: .5s all;
            text-align: left;
        }
        
        .menu_popup_settingrow a {
            color: #666666;
            width: 100%;
            display: inline-block;
        }
        
        .menu_setting_row i {
            font-size: 20px;
            margin-right: 5px;
            color: #03a9f4;
            width: 25px;
            display: inline-block;
        }

        .top-menu-side{padding:0; display:flex; list-style: none;float: right; margin: 0;}
        .top-menu-side .setting-bar{padding: 20px 10px 5px 15px; position: relative;}
        .top-menu-side .setting-bar:before{content:''; border-right:1px solid #fff; height: 14px; left: 0; position: absolute; top:22px;}
        .top-menu-side .setting-bar a{color:#fff}
        .title-container {background: #fff; position:relative;}
        .title-container .container-fluid{padding-left: 5%;padding-right: 2%; padding-top: 20px; padding-bottom: 20px;}
        .title-container .form-control{font-size: 14px;font-family: 'Montserrat', sans-serif; }
        .title-listing{list-style: none; padding: 32px 0 0 0; margin:0; }
        .title-listing li{width: 25%; display: inline; padding: 0 5px; font-size: 14px;}
        .title-listing li a{color:#5e5e5e;}
        .title-listing li a i{color:#000;} i
        .title-listing li a img{width:19px;margin-right: 5px;margin-top: -2px;}
        .top-btn-container{padding: 23px 0 0 0;}
        .top-btn-container a.btn{margin: 0 3px; border-radius: 30px; text-transform:none;}
        .top-btn-container a.btn.btn-info{background: #929292!important;}
        .top-btn-container a.btn.btn-primary{background: #39a5f1!important;}
        
        .breadcrumb {font-size: 12px;}
        .breadcrumb i{font-size: 16px;}

        .mid-container {
            padding: 30px 0 0px;
        }
        .relative {
            position: relative;
        }

        .subcategory-list .col {
            min-height: 1px;
            padding: 0 16px;
            margin-bottom: 35px;
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 25%;
            -moz-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
            word-wrap: break-word;
        }

        .subcategory-box [type="checkbox"]:not(:checked) + label:before,
.subcategory-box [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:10px; top:10px;
  width:16px; height:16px;
  border:none;
  background:url(../images/check-icon.png) no-repeat;
  z-index:9;
  opacity:0;
}
.subcategory-box:hover [type="checkbox"]:not(:checked) + label:before,
.subcategory-box:hover [type="checkbox"]:checked + label:before{opacity:1;}
.subcategory-box [type="checkbox"]:checked + label{border:#18aaf0 1px solid;}
/* checked mark aspect */
.subcategory-box [type="checkbox"]:not(:checked) + label:after,
.subcategory-box [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  top:10px; left:10px;
  width:16px; height:16px;
  background:url(../images/checked-icon.png) no-repeat;
  z-index:99;
}
.subcategory-box [type="checkbox"]:checked + label .cb-overlay{opacity:1; visibility: visible;}
/* checked mark aspect changes */
.subcategory-box [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.subcategory-box [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}


.subcat-label {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}
.cat-imgremoverborder {
    width: 103% !important;
    height: 190px !important;
    position: relative;
    margin-top: -4px;
}

.category-box .cb-overlay, .subcategory-box .cb-overlay{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(36,42,53,0.8); transition:all 0.3s; text-align:center; visibility:hidden; opacity:0;}
.category-box .btn, .subcategory-box .btn{display:inline-block; vertical-align:top; font-size:12px; line-height:12px; text-transform:uppercase; color:#fff !important; text-align:center; border:#fff 1px solid; padding:12px 15px; border-radius:30px; -webkit-border-radius:30px; position:absolute; top:40%; transform:translate(0,-50%); left:0; right:0; max-width:200px; margin:0 auto; opacity: 0;  transition: all .2s ease-in-out;}
.category-box .btn:hover, .subcategory-box .btn:hover{background:#03a9f4; color:#fff; border:#03a9f4 1px solid;}

.category-box:hover .cb-overlay, .subcategory-box:hover .cb-overlay{opacity:1; visibility:visible;}
.category-box:hover .projects__prototype__menu, .subcategory-box:hover .projects__prototype__menu {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform:translateY(0);}
.category-box:hover .btn, .subcategory-box:hover .btn{opacity:1; top:50%;}

.projects__prototype__menu{position:absolute; right:15px; top: 5px; width: 25px; height: 25px; opacity:0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); transition: all .2s ease-in-out; background:url(../images/dots-icon.png) no-repeat center center; cursor:pointer; z-index:99;}
.projects__prototype__more_menu{position:absolute; min-width:185px !important; top:25px; right:0 !important; left:inherit !important; margin:0 auto; background-color:#fff; text-align:left; z-index:99; display:none;}
.projects__prototype__more_menu li{display:block; background:inherit !important;}
.projects__prototype__more_menu li a{color:#242a35; font-size:12px; line-height:12px; padding:15px 10px; display:block; transition:0.3s;}
.projects__prototype__more_menu li:hover a{background-color:#f0f3f2 !important;}

.projects__prototype__menu:hover .projects__prototype__more_menu{display:block;}


.cat-distop {
    position: relative;
    z-index: 9;
    margin-top: -4px;
    background: #f0f3f2;
}
.category-box .cat-dis, .subcategory-box .cat-dis{padding: 15px;}


.ui-state-default {border: none; box-shadow: none; background: none;}
.subcategory-box [type="checkbox"]:checked + label {border: #18aaf0 1px solid;}
.subcategory-box [type="checkbox"]:not(:checked) + label, .subcategory-box [type="checkbox"]:checked + label {position: relative; cursor: pointer;}
.category-box h6{margin-bottom:8px;}
.subcategory-box h6{margin-bottom:8px; padding-right:20px; position:relative; line-height: 20px}
.category-box h6 a, .subcategory-box h6 a{color:#242a35;}
.category-box p, .subcategory-box p{margin-bottom:0;}
.edit-title-btn{position:absolute; right:0px; top:0px; font-size:14px; display:block; transition:0.3s; opacity:0; visibility:hidden;}
.subcategory-box .cat-dis:hover .edit-title-btn{opacity:1; visibility:visible;}
.nav-tabs{box-shadow: none; border: 0; padding: 0; margin-left:0em; margin-right:0rem; margin-bottom:0px; background:none;}
.tab-content{background: #fff;}
.nav-tabs .nav-item .nav-link{background: #c3c3c3; color:#fff; border-radius: 0; font-size:17px;}
.nav-tabs .nav-item .nav-link:hover{background:#03a9f5 ;}
.nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover{background: #fff; color: #000;border-radius: 0}

.sf-menu ul {-shadow: 2px 2px 6px rgb(0 0 0 / 20%); min-width: 12em; padding: 0; width: 12em;}
.text-red {color: #ff1414 !important;}
.table-sm {margin-bottom:0}
.table-sm th{font-weight:700}
table.table.table-sm a{margin:0!important}
.table-sm td, .table-sm th{padding:5px; vertical-align:middle }
.table-sm .btn.btn-sm{padding:.3rem 0.8rem; font-size:11px; box-shadow:none}
.btn.btn-pink{background:#ff95ca!important}
.table-sm td{border:0 none; font-size:16px;}
.table-sm.table-bordered td{border-top: 1px solid #dee2e6;}
.table-sm.table-bordered td small{font-weight:600}
.radius-border{border:1px solid #666; padding:20px; border-radius:15px; min-height:119px}
.radius-border.bg-success-2.text-center{border:0 none; line-height:76px; background:#00ab8e}
.radius-border.bg-success-2.text-center a{color:#fff; font-size:20px;} 
.radius-border.no-bg{background:none; border:0 none; padding:50px 0 0 0 }

.radius-border h3{font-size:16px;margin-bottom:10px; margin-top:0}
.radius-border h6{font-size:13px; font-weight:500; margin-bottom:5px;margin-top:0}
.radius-border h2{font-size:25px; font-weight:500; color:#03a9f4; margin-top:0}
ul.radius-list{padding:0; margin:0; font-size:13px; list-style:none}
.modal .nav-tabs .nav-item .nav-link{background:none; border-bottom:3px solid rgba(0,0,0,0); color:#000}
.modal .nav-tabs .nav-item.open .nav-link, .modal .nav-tabs .nav-link.active, .modal .nav-tabs .nav-link.active:hover{background:
 none; border-bottom:3px solid #03a9f4;}
.mt-4, .my-4 {margin-top: 1.5rem!important;}
.card-body {-ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem;}
.mb-3, .my-3 {margin-bottom: 1rem!important;}
.walk-add-category-btn i{position:relative; top:0} 
/*.title-listing li a img{height:max-content} */
.title-listing .sharebutton{text-transform:none!important}
.bold_small {
    font-size: 85%;
    font-weight: bold;
}
.popup_table td {
    font-size: 13px;   
}
body{
     font-family: 'Montserrat', sans-serif !important;
}
.title_width {
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.total_unique_width {
    min-width: 80px;
}
.small, small {
    font-size: 85%;
}
@media (min-width: 992px){
.modal-lg {max-width: 90%;}
}

@media (max-width: 1450px){
.btn.btn-sm {padding: .5rem 0.8rem; font-size: 13px;}
.win_pop {right: 10%;}
.title-listing li a i {font-size: 20px;}
.title-listing li {width: 25%; display: inline; padding: 0 5px; font-size: 13px;}
}