@font-face {
    font-family:"Helvetica";
    src: url("../fonts/Helvetica.ttf") format("truetype");
}
@font-face {
    font-family:"Helvetica-Bold";
    src: url("../fonts/Helvetica-Bold.ttf") format("truetype");
}
@font-face {
    font-family:"helvetica-light";
    src: url("../fonts/helvetica-light.ttf") format("truetype");
    font-style:normal;
}

html,
body{min-height:100%;height:100%;margin:0;padding:0;font-size:16px;font-family:"Helvetica";color:#000;font-weight:400;background:#fff;overflow:hidden;}

.scroll-wrapper {overflow: hidden !important;padding: 0 !important;position: relative;height:100%;max-height: none;width: 100%;}
.scroll-wrapper > .scroll-content {border: none !important;box-sizing: content-box !important;height: auto;left: 0;margin: 0;max-height: none;max-width: none !important;overflow: scroll !important;padding: 0;position: relative !important;top: 0; width: auto !important; }
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;}
.scroll-element {display: none;}
.scroll-element, .scroll-element div {box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {cursor: default;} 
.scroll-textarea > .scroll-content {overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea {border: none !important;box-sizing: border-box;height: 100% !important; margin: 0; max-height: none !important;max-width: none !important;overflow: scroll !important; outline: none;padding: 2px; position: relative !important;top: 0;width: 100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0;width: 0;}
.scrollbar-janos.theme-blue > .scroll-element,
.scrollbar-janos.theme-blue > .scroll-element .scroll-bar,
.scrollbar-janos.theme-blue > .scroll-element .scroll-element_corner,
.scrollbar-janos.theme-blue > .scroll-element .scroll-element_track{ background-color: #66CCEE; }


/******************* JANOS SCROLLBAR *******************/

.scrollbar-janos > .scroll-element,
.scrollbar-janos > .scroll-element div{border: none; margin: 0;overflow: hidden; padding: 0; position: absolute;z-index: 10;}
.scrollbar-janos > .scroll-element div {background-color: transparent;display: block;height: 100%;left: 0;top: 0;width: 100%;border-radius:10px;}
.scrollbar-janos > .scroll-element.scroll-x {bottom: 0;height: 10px;left: 0;right:0;margin:auto;min-width: 80%;width: 80%;border-radius:10px;}
.scrollbar-janos > .scroll-element.scroll-y {height: 90%;min-height: 90%;right: 0;top: 0;bottom:0;margin:auto;width: 10px;border-radius:10px;}
.scrollbar-janos > .scroll-element .scroll-element_corner {display: none;}
.scrollbar-janos > .scroll-element.scroll-x,
.scrollbar-janos > .scroll-element.scroll-x .scroll-bar {background-image: url(../img/scroll-v.png);background:#6cadde;background-repeat: repeat-x;}
.scrollbar-janos > .scroll-element.scroll-x .scroll-bar {box-shadow: 0 1px 2px, 0 -1px 1px rgba(255, 255, 255, 0.8);}
.scrollbar-janos > .scroll-element.scroll-y,
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar {background-image: url(../img/scroll.png);background: #6cadde;background-repeat: repeat-y;}
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar {box-shadow: 0 1px 2px, 0 -1px 1px rgba(255, 255, 255, 0.8);}
.scrollbar-janos > .scroll-element.scroll-x .scroll-element_track {/*background-image: url(../img/scroll-element_track.png);*/background:#c9c9c9; background-repeat: repeat-x;}
.scrollbar-janos > .scroll-element.scroll-y .scroll-element_track {/*background-image: url(../img/scroll-element_track-y.png); */ background:#c9c9c9;background-repeat: repeat-y;}
.scrollbar-janos > .scroll-element.scroll-x .scroll-bar .scroll-bar_body {background-image: url(../img/scroll-bar_body-x.png);}
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar .scroll-bar_body {background-image: url(../img/scroll-bar_body-y.png);}
.scrollbar-janos > .scroll-element.scroll-x .scroll-arrow_less {background-image: url(../img/arrow-left.png); /*box-shadow: 0 1px 2px, 0 -1px 1px rgba(255, 255, 255, 0.8);*/}
.scrollbar-janos > .scroll-element.scroll-x .scroll-arrow_more {background-image: url(../img/arrow-right-more.png);}
.scrollbar-janos > .scroll-element.scroll-y .scroll-arrow_less {background-image: url(../img/arrow-less.png);/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);*/}
.scrollbar-janos > .scroll-element.scroll-y .scroll-arrow_more {background-image: url(../img/arrow-more.png);}
.scrollbar-janos > .scroll-element .scroll-arrow,
.scrollbar-janos > .scroll-element .scroll-bar_body {background-position: center;background-repeat: no-repeat;}
.scrollbar-janos > .scroll-content.scroll-scrolly_visible { left: 0px; margin-left: 0px; }
.scrollbar-janos > .scroll-content.scroll-scrollx_visible { top:  -10px; margin-top:  10px; }

/* scrollbar arrows */

.scrollbar-janos > .scroll-element .scroll-arrow { display: none; }
.scrollbar-janos > .scroll-element.scroll-element_arrows_visible .scroll-arrow { display: block; z-index: 12; }
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_less {display:none; height: 100%; width: 16px;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_more {display:none; height: 100%; left: auto; right: 0; width: 16px;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_outer { left: 0px; }
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_track { left: -32px; }
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_size { left: -33px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_less { width: 100%; height: 16px;display:none;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more { width: 100%; top: auto; bottom: 0; height: 16px;display:none;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_outer { top: 0px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_track { top: 0px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_size { top: 0px; }

/* if another scrollbar is visible */

.scrollbar-janos > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -17px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -17px; }
.scrollbar-janos > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_inner { left: -17px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_inner { top: -17px; }

/* if arrows & another scrollbar are visible */

.scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_corner,
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_corner {border-top: 1px solid #AAAAAA;bottom: 0;display: block;height: 0px;left: auto;right: 0;top: auto;width: 16px;z-index: 13;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-arrow_more { right: 5px;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_track { left: -0px;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_size { left: -0px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-arrow_more { bottom: 4px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_track { top: 0px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_size { top: 0px;}

#wlcomevideouploadbtnid{
    disable: disabled;
}


.showavlibrarybtn{display:none;}
.mleft185{margin-left:185px;}


.boldfont{font-family: "Helvetica-Bold";}
.block{position: relative;display: block;width: 100%;}
.onb-welcomepage{height: 100%;padding:50px;}
.onb-logo{width: 200px;height: auto;position:relative;margin:40px auto;overflow: hidden;}
.onb-logo img{display: block;margin: auto;    max-width: 100%; width: auto;height: auto;}
.onb-welcometxt{text-align: center;width:100%;max-width: 520px;margin: auto;}
.onb-welcometxt h3{font-size:28px;margin:8px 0;font-family: "Helvetica-Bold";}
.onb-welcometxt h4{font-size:28px;margin:0px;}
.onb-welcometxt p{font-size: 24px;margin-top: 20px;}
.onb-welcometxt .form-group{height:40px;margin-top: 30px;}
.onb-welcometxt .form-group label{width: 130px;padding-right:10px;text-align:right;line-height: 40px;margin: 0;font-weight: normal;float:left;}
.onb-welcometxt .form-group input{width:calc(100% - 130px);float: left;height:40px;}
.onb-btn-success{background:#a1ff00; color: #000;border-color: #a1ff00;border-radius: 20px; font-size: 18px;min-width: 120px;padding: 4px;}

.onboardingpage{display: none;position:relative;width: 100%;height: 100%; transition: all 1s ease;background:#ccc;}
.onboardingpage.onboardingpageshow{display:block;}
.onb-sidebar{width:250px;float: left;height: 100%;position: relative;background:#e6e6e6;}
.onb-sidebar .cltitle{height:80px;display: block;overflow: hidden;text-align: center;}
.onb-sidebar .cltitle h3{font-family: 'Helvetica-Bold'; margin: 0; padding: 15px;font-size: 22px;}
.onb-sidebar .onb-navbar{height:calc(100% - 80px);position: relative;display: block;overflow: auto;padding-bottom: 20px;}
.onb-sidebar .onb-navbar ul.nav{height: 100%;position: relative;;}
.onb-sidebar .onb-navbar ul li{border-bottom: 2px #fff solid;position: relative;display: block;width: 100%;}
.onb-sidebar .onb-navbar ul li a{color:#000;}
.onb-sidebar .onb-navbar ul li.dropdown ul{position: relative;top: inherit;left: inherit;float: inherit;width: 100%;min-width: 100%; margin: 0; border-radius: 0;border: 0;z-index:9;}
.onb-sidebar .onb-navbar ul li.dropdown  ul.show{display: block;}
.onb-sidebar .onb-navbar ul li.dropdown ul li a{padding: 6px 5px 6px 30px;}
.onb-sidebar .onb-navbar ul li.dropdown ul li.active a{background: #d3e7f5;}
.onb-sidebar .onb-navbar ul li.active a,
.onb-sidebar .onb-navbar ul li.active a:hover{background:#fff;color:#000;}
.onb-sidebar .onb-navbar ul li a i{margin-right:5px;color: #f71914;font-size: 20px;}
.onb-sidebar .onb-navbar ul li.dropdown ul li a i{font-size:14px;color:#f71914;}
.onb-sidebar .onb-navbar ul li.dropdown .fa-angle-down{float: right;color:#000;}

.glyphicon-check{color: #00c400;}
.glyphicon-arrow-right{color:#ffd900;}
.glyphicon-ban-circle{color:#f71914;}

.onb-contentarea{width: calc(100% - 250px);float: left;height: 100%;background: #f7f7f7;}
.header{height: 80px;position: relative;width: 100%;    box-shadow: 0px 0px 4px #a5a5a5;background: #00274c;}
.onb-contentbox{height: calc(100% - 80px);position: relative;display: block;}
.onb-contentbox .tab-content,
.onb-contentbox .tab-content .tab-pane,
.onb-contentbox .tab-content .carousel,
.onb-contentbox .carousel-inner,
.onb-contentbox .carousel-inner .item {height:100%;}
.onb-innernav{width: 200px;float: left;height: 100%;background: #fff;position: relative;overflow: hidden;}
.onb-innernav .onb-subnavbar{height: 100vh;position: relative;display: block;overflow: auto;border-right: 2px #00274c solid;background: #e6e6e6;border-left: 2px #00274c solid;}
.onb-innernav .onb-subnavbar ol{ position: relative;bottom: inherit; left: inherit; width: 100%; margin: 0;text-align: left;}
.onb-innernav .onb-subnavbar ol li{width: 100%;height: 40px;margin: 0px;padding: 5px 10px;line-height: 30px;border-radius: 0;text-indent: 0;font-size: 14px;border: 0;border-bottom: 1px #000 solid;}
.onb-innernav .onb-subnavbar ol li.active{background-color: #fff;}
.onb-innernav .onb-subnavbar ol li:hover{background-color: #fff;}
.onb-innernav .onb-subnavbar ol li i{margin-right: 10px;}
.onb-innerarea{width: calc(100% - 200px);float: left;height: 100%;position: relative;}
.onb-contentbox .panel{height: calc(100% - 40px);position: relative;display: block; width: calc(100% - 40px); border:0px;margin: 20px; border-radius: 10px;overflow: hidden;box-shadow: 2px 2px 4px #ccc;}
.onb-contentbox .panel-header,
.onb-contentbox .panel-footer{height: 40px;background-color: #d3e7f5;}
.onb-contentbox .panel-header h3{margin: 0px;padding: 0px;text-align: center;line-height: 40px;font-family: Helvetica-Bold;}
.onb-contentbox .panel-body{height: calc(100% - 120px);width: 100%;position: relative;overflow: visible;}
.onb-contentbox .panel-footer{padding: 5px 15px;}
.onb-contentbox .panel-footer a{color:#000;width: 120px;height: 30px;border-radius: 15px;text-align: center;line-height: 26px;text-decoration: none;}
.onb-contentbox .panel-footer a.left{float:left;background: teal;border: 2px #ccc solid;}
.onb-contentbox .panel-footer a.right{float:right;background:#a1ff00; color: #000;border-color: #a1ff00;line-height: 30px;}
.onb-contentbox .panel-footer a:hover{background:#ff0;}
.onb-businessinfo{display: block;position: relative;overflow: auto;width: 100%; height: 100%;}
.onb-businessinfo .form-group{width:100%;display: block;height: 40px;margin-top:15px;}
.onb-businessinfo .form-group label{width: 40%;float: left;margin: 0;line-height: 40px;font-weight: normal;text-align: right;padding-right: 15px;}
.onb-businessinfo .form-group input,
.onb-businessinfo .form-group select{width: 280px;float: left;height: 40px;padding: 4px 10px;}

.onb-contentbox .panelleftbody{width: calc(100% - 30%);float: left;}
.onb-contentbox .panelrightbar{width:calc(25.6% - 20px);float: left;margin-left: 0px;}
.onb-contentbox .panelrightbar .panel-footer a.right{float: inherit; display: block; margin: auto;}
.onb-contentbox .logotype{text-align: center;margin: auto; width: 100%;position: relative;padding-top: 50px;}
.onb-contentbox .logotype table{margin: auto;width: auto;text-align: left;}
.onb-contentbox .logotype table td{padding: 10px 0px;}
.onb-contentbox .logotype table td input{width:18px;height:18px; margin-right: 10px; float: left;margin-top: 0;}
.onb-contentbox .uploadlogodiv{display: none;width: 100%;position: relative;clear: both;overflow: hidden;}
.onb-contentbox .uploadlogodiv h3{text-align: center;margin: 0;padding: 10px;}

#msgadminlogin{
    display: none;background:#1251a1; color: #fff; border: none; border-radius: 20px; margin: 10px auto;padding: 5px;font-weight: 800; font-size:large;
}

.uploadlogodiv .drag-file-area {border: 2px dashed #7f9fb5; border-radius: 15px; margin: 10px auto; padding: 10px; width: 390px; min-height: 100px ; text-align: center;}
.uploadlogodiv .drag-file-area .upload-icon {font-size: 50px;}
.uploadlogodiv .drag-file-area h3 {font-size: 18px;margin:0;}
.uploadlogodiv .drag-file-area label {font-size: 18px;color: #000;font-weight: normal;}
.uploadlogodiv .drag-file-area label .browse-files-text {color: #1970ad;font-weight: bolder;cursor: pointer;}
.uploadlogodiv .browse-files span {position: relative;top: -25px;}
.uploadlogodiv .default-file-input {opacity: 0;}
.uploadlogodiv .cannot-upload-message {background-color: #ffc6c4;font-size: 17px;display: flex;align-items: center;margin: 5px 0;padding: 5px 10px 5px 30px;	border-radius: 5px;	color: #BB0000;display: none;}
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;}}
.uploadlogodiv .cannot-upload-message span, .upload-button-icon {padding-right: 10px;}
.uploadlogodiv .cannot-upload-message span:last-child {padding-left: 20px;cursor: pointer;}
.uploadlogodiv .file-block {color: #000;background-color: #fff;transition: all 1s;	width: 390px;position: relative;display: none;flex-direction: row;justify-content: space-between;align-items: center;margin: 10px auto;padding: 10px;border-radius: 25px;cursor: pointer;}
.uploadlogodiv .file-info {display: flex;align-items: center;font-size: 15px;}
.uploadlogodiv .file-icon {margin-right: 10px;}
.uploadlogodiv .file-name, .file-size {padding: 0 3px;}
.uploadlogodiv .remove-file-icon {cursor: pointer;}
.uploadlogodiv .progress-bar {display: flex;position: absolute;bottom: 0;left: 4.5%;width: 0;height: 5px;border-radius: 25px;background-color: #4BB543;}
.uploadlogodiv .onb-upload-button {background-color: #a1ff00;color: #000;display: flex;align-items: center;font-size: 18px;border: none;border-radius: 20px;margin: 10px auto;padding: 5px 50px;cursor: pointer;}
.onb-innerarea .uploadlogosuccess{display:none;padding: 15px; text-align: center; position: relative;width: 100%;}
.onb-innerarea .uploadlogosuccess h3,
.onb-innerarea .uploadlogosuccess h4{margin:0px;padding:0px;}
.onb-innerarea .uploadlogosuccess .logocheckmark{margin:15px auto;width:200px;height:200px;font-size: 180px; line-height: normal;    color: #00c400;}
.onb-innerarea .onb-logopreview{display: none;text-align: center;position: relative;}
.onb-innerarea .onb-logopreview h4,
.onb-innerarea .onb-logopreview p{font-size: 14px;margin:0px;padding: 5px 0;}
.onb-innerarea .onb-logopreview .onb-logopre{margin: 15px 0px;max-width: 200px;width: 100%;}
.onb-innerarea .onb-logopreview .onb-logopre img{width:auto;max-width:100%;margin: auto;display: block;}

.onb-contentarea .onb-contactpage{padding: 50px;max-width: 75%;margin: auto;width: 100%;}
.onb-contentarea .onb-contactpage  table{width: 100%;}
.onb-contentarea .onb-contactpage  table th{text-align: center;}
.onb-contentarea .onb-contactpage  table td{padding: 5px;}
.onb-contentarea .onb-addrow{font-size: 14px;margin-top: 20px;font-family: 'Helvetica-Bold';  width: auto;display: inline-block;}
.onb-contentarea .onb-addrow:hover{cursor: pointer; color: #00c400;}
.onb-contentarea .onb-cspage{height:100%;}
.onb-contentarea .onb-cspage table{width: auto;margin: auto;}
.onb-contentarea .onb-cspage table th{text-align: center;}
.onb-contentarea .onb-cspage table td{padding:5px;text-align: right;}
.onb-contentarea .onb-cspage table td:last-child{width:150px;}
.onb-contentarea .onbpanel-title{display: block;position: relative;padding: 10px; text-align: center;font-size: 22px;}

.onb-contentarea .onb-panelcontent{display:block;width:100%;position:relative;height:100%;padding-right:15px;}
.onb-contentarea .onb-websitebox{position:relative;display: block;width: 100%;max-width: 80%;margin: 20px auto; border-top: 1px #3292e5 solid;padding:20px 0px;}
.onb-contentarea .onb-websitebox h3{margin: 0px;font-size: 18px;border: 1px #3292e5 solid;float: left; position: absolute;top: -15px;padding: 5px 20px;border-radius: 15px;   background: #fff;}
.onb-contentarea .onb-websitebox table{max-width:480px;margin:auto;}
.onb-contentarea .onb-websitebox table td{padding:10px 0px;}
.onb-contentarea .onb-websitebox table td:first-child{text-align:right;padding-right:10px;}
.onb-contentarea .onb-websitebox .onb-addrow{margin-top:0px;}
.onb-contentarea .onb-traffic .onb-websitebox{max-width:90%;}
.onb-contentarea .onb-traffic .onb-websitebox table{max-width:100%;}
.onb-contentarea .onb-traffic .onb-websitebox td{padding:10px 5px;}
.onb-contentarea .onb-traffic .onb-websitebox td label{float:left;margin: 0; line-height: 34px;font-weight: normal;}
.onb-contentarea .onb-traffic .onb-websitebox td input[type="radio"]{float:left; width: 18px;height: 18px;margin-top: 7px;margin-right:8px;}
.onb-contentarea .onb-traffic .onb-websitebox td select{float: left;width: 190px;padding: 0px;margin-left: 10px;}
.onb-contentarea .onb-traffic .onb-websitebox td:nth-child(1){width:20%;}
.onb-contentarea .onb-traffic .onb-websitebox td:nth-child(2){width:30%;}
.onb-contentarea .onb-traffic .onb-websitebox td:nth-child(3){width:35%;}
.onb-contentarea .onb-traffic .onb-websitebox td:nth-child(4){width:15%;}
.onb-contentarea .onb-traffic .onb-websitebox .onb-addrow{float:left;margin-left:20%;}
table{width:100%;}
.onb-contentarea .width5{width:5%;}
.onb-contentarea .width20{width:20%;}
.onb-contentarea .width25{width:25%;}
.onb-contentarea .width30{width:30%;}
.onb-contentarea .width35{width:35%;}
.onb-contentarea .width15{width:15%;}
.onb-contentarea .emailsetting{}
.onb-contentarea .emailsetting table{max-width: 950px;margin: auto;}
.onb-contentarea .emailsetting table thead th{text-align:center;}
.onb-contentarea .emailsetting table thead th,
.onb-contentarea .emailsetting table tbody td,
.onb-contentarea .emailsetting table tfoot td{border:0px;}
.onb-contentarea .emailsetting table tbody td{padding:15px;vertical-align:middle;}
.onb-contentarea .emailsetting table input[type="checkbox"]{float:left;width: 20px;height: 20px; margin-right: 10px;margin-top:8px;}
.onb-contentarea .emailsetting table input[type="text"]{float:left;    width: calc(100% - 30px);}
.onb-contentarea .onb-accountloging{max-width: 450px; margin: 40px auto 0; width: 100%; position: relative;display: block;}
.onb-contentarea .onb-accountloging .form-group{height:34px;}
.onb-contentarea .onb-accountloging .form-group label{float:left;width: 155px;text-align: right;margin: 0;line-height: 34px;padding-right:10px;}
.onb-contentarea .onb-accountloging .form-group p{float:left;width:calc(100% - 205px);line-height:34px;}
.onb-contentarea .onb-accountloging .form-group input{float:left;width:calc(100% - 205px);font-size:40px;}
.onb-contentarea .onb-accountloging .showpass{width: 30px; float: left;line-height: 34px;text-align: center;cursor: pointer;}

.onb-contentarea .onb-videoprevew{display: block; width: 100%; position: relative;overflow: hidden;}
.onb-contentarea .onb-videoprevew img{width:100%;}
.onb-contentarea .onb-avatarconfig ul{margin:0px 0px 0px 10%;padding:0px;list-style:none;height:220px;}
.onb-contentarea .onb-avatarconfig ul li{float:left;width:90px;height:90px;overflow:hidden;margin:10px;border:2px solid transparent;}
.onb-contentarea .onb-avatarconfig ul li:nth-child(7){clear:both;}
.onb-contentarea .onb-avatarconfig ul li img{width:100%;}
.onb-contentarea .onb-avatarconfig ul li.avactive{border-color:#ff0;}
.onb-contentarea .onb-avatarpreview{display: none;position: relative;overflow: hidden;width: 100%;text-align:center;}
.onb-contentarea .onb-avatarpreview .onbavatarimg{display: block; border-radius: 10px;overflow: hidden;margin: 15px;}
.onb-contentarea .onb-avatarpreview .onbavatarimg img{width:100%;}
.onb-contentarea .onb-avatarpreview h4{margin: 0;padding: 10px 0;text-align: center;font-size: 16px;font-weight: normal;}
.onb-contentarea .onb-avatarpreview p{text-align: center;display: inline-block;border: 1px #606060 solid;padding: 5px 15px;border-radius: 4px;}
.onb-contentarea .onb-avatarpreview .avatarname{}
.onb-contentarea .onb-avatarpreview .avatarname p{}
.onb-contentarea .onb-avatarpreview .avatarname h4{}
.onb-contentarea .livechatselection{width: 315px;margin: 50px auto 0;}
.onb-contentarea .livechatselection label{line-height: 27px;font-size: 18px;margin-bottom: 10px;padding-left:26px;}
.onb-contentarea .livechatselection label input{width:18px;height:18px;    margin-left: -26px !important;}
.onb-contentarea .livechathours{}
.onb-contentarea .padtop30{padding-top:30px;}
.onb-contentarea .livechatselection.width400{width:400px;}
.onb-contentarea .livechathours h4{text-align:right;margin:0px;}
.onb-contentarea .livechathours table{width: 340px;float: left;border-left: 2px #76a7c9 solid;}
.onb-contentarea .livechathours table td:nth-child(1){text-align:right;padding-right:15px;}
.onb-contentarea .livechathours table td:nth-child(2),
.onb-contentarea .livechathours table td:nth-child(4){width:100px;}
.onb-contentarea .livechathours table td:nth-child(3){width:30px;text-align:center;}
.onb-contentarea .livechathours table td{padding:3px;}
.onb-contentarea .livechathours table td select{width: 90px;padding: 0;height: 30px;}
.displaynone{display:none;}
.onb-contentarea .calenderurl{max-width: 400px;margin: 30px auto 0;height:34px;}
.onb-contentarea .calenderurl label{width:60px;float:left;line-height:34px;padding-right:10px;text-align:right;}
.onb-contentarea .calenderurl input{width:calc(100% - 60px);float:left;}
.onb-contentarea .availabletime{max-width: 815px;width: 100%;margin: auto;}
.onb-contentarea .availabletime td:nth-child(1){font-weight:bold;}
.onb-contentarea .availabletime table tbody td{line-height:30px;}
.onb-contentarea .availabletime td input{width: 18px; height: 18px;float: left;margin: 5px;}
.onb-contentarea .availabletime .showfirstday{border: 2px #6cadde solid; border-radius: 15px;padding: 10px 50px;position: relative;display: block;}

.onb-contentarea .onbfaqbox{max-width: 90%;margin: 10px auto;}
.onb-contentarea .onbfaqbox td{padding:5px;}
.onb-contentarea .onbfaqbox td.aligntop{vertical-align:top;margin-top:6px;width:40px;}
.onb-contentarea .onbfaqbox td.faq2tdlabel{width:100px;text-align:right;    vertical-align: top;}
.onb-contentarea .onbfaqbox input[type="checkbox"]{width:18px;height:18px;}
.onb-contentarea .onbfaqbox label{text-align:right;padding-top:5px;}
.onb-contentarea .onbfaqbox input[type="text"]{}
.onb-contentarea .onbfaqbox textarea{min-height:100px;}


.onbcolorpickerbox{position: relative; display: block; clear: both; width: 100%;height: calc(100% - 185px);}
.onbcolorpickerbox .col-sm-4 .radio{height:50px;display:block;width:100%;clear:both;}
.onbcolorpickerbox .col-sm-4 .radio label{float:right;width:130px;line-height:30px;padding-left:30px;}
.onbcolorpickerbox .col-sm-4 .radio label input{width:18px;height:18px;margin-left:-30px;}
.onbcolorpickerbox .clrshowbox{height:100px;}
.onbcolorpickerbox .clrshowbox input{height: 60px; width: 60px; padding: 0;  overflow: hidden;margin-top: 25px;}
.onbcolorpickerbox .backgroundpicker.active{display:block;}
.onbcolorpickerbox .foregroundpicker{display:none;}
.onbcolorpickerbox .foregroundpicker.active{display:block;}
.pretitile{background-color: #d3e7f5;height:40px;display:block;position:relative;width:100%;text-align:center;margin-bottom:30px;}
.pretitile p{margin:0px;font-size:18px;line-height:40px;color:#000;}
.leadgercolorpreview{height:60px;width:100%;display:block;position:relative;background:#000;}
.leadgercolorpreview .dk-title {font-size: 18px; height: 60px; line-height: 26px; padding: 3px 0 0 0; float: left; width: 160px; text-align: center; color: #fff; font-style: italic; font-family: "helvetica-bold";}
.leadgercolorpreview .dk-title h3{font-size:16px;margin:9px 0px;}
.leadgercolorpreview .carousel-inner { width: calc(100% - 160px);float:left;position:relative;}
.leadgercolorpreview .carousel-inner .item{width:16.5%;float:left;    position: relative;  display: inline-block;}
.leadgercolorpreview .carousel-inner .item label{display: table;width:calc(100% - 10px);position: relative;height: 46px;text-align: center;color:#fff;padding:0px;cursor:pointer;border: 1px #fff solid; border-radius: 5px;margin-top:7px;} 
.leadgercolorpreview .carousel-inner .item label:hover{background:#fff;color:#000;}
.leadgercolorpreview .carousel-inner .item .widcenter{display: table-cell;height: 38px;vertical-align: middle;}
.leadgercolorpreview .carousel-inner .item .widimgbox{ font-size: 24px;width: auto;display:inline-block;} 
.leadgercolorpreview .carousel-inner .item .widtext{display:inline-block;padding-left:5px;}
.leadgercolorpreview .carousel-inner .item .widtext h3{margin:0px;font-size:14px;font-weight:700;}
.leadgercolorpreview .carousel-inner .item .widtext h3 p{font-size:12px;display:block;font-weight:normal;margin:2px 0px;}
.leadgercolorpreview .carousel-inner .item .widtext .reviewstar{display:block;width:100%;position:relative;}
.leadgercolorpreview .carousel-inner .item .widtext .reviewstar i{font-size:10px;}





@media (max-width:1600px){

    .onb-contentarea .onb-contentbox .panel-header h3{font-size: 18px;}
    .onb-contentarea .onb-businessinfo .form-group{height: 30px;margin-bottom: 10px;}
    .onb-contentarea .onb-businessinfo .form-group label{line-height: 30px;}
    .onb-contentarea .onb-businessinfo .form-group input,
    .onb-contentarea .onb-businessinfo .form-group select{height: 30px;}
    .onb-contentarea .onb-contactpage{max-width: 100%;}
    .onb-contentarea .onb-cspage table{width: 100%;}
	.onb-contentarea .onb-traffic .onb-websitebox{max-width:100%;}
	.onb-contentarea .onb-avatarconfig ul{height:170px;}
	.onb-contentarea .onb-avatarconfig ul li {width: 70px; height: 70px; margin: 5px;}
}

@media (max-width:1440px){
    .onb-contentarea .onb-businessinfo .form-group { height: 30px; margin-bottom: 8px; margin-top: 2px;}
    .onb-contentarea .onb-cspage table td{font-size: 12px;}
    .onb-contentarea .onb-cspage table td input{ font-size: 12px; padding: 4px;}
    .onb-contentarea .onb-cspage table td:last-child{width: 110px;}
	.onb-contentarea .onb-traffic .onb-websitebox td select{width:140px;}
	.onb-contentarea .onb-traffic .onb-websitebox td label,
	.onb-contentarea .onb-traffic .onb-websitebox td{font-size:14px;}
	.onb-contentarea .onb-avatarconfig .onb-websitebox{max-width:90%;}
	.onb-contentarea .onb-avatarconfig ul {height: 140px;}
	.onb-contentarea .onb-avatarconfig ul li { width: 60px;height: 60px;}
	.onb-contentarea .availabletime table tbody td{padding:5px;font-size:14px;}
	.onb-contentarea .availabletime .showfirstday{padding:5px 50px;}
	.leadgercolorpreview .carousel-inner .item .widtext h3,
	.leadgercolorpreview .carousel-inner .item .widtext h3 p{font-size:8px;}
	.leadgercolorpreview .carousel-inner .item .widimgbox{font-size:18px;}
}

#successmsg{
    color: green; background: pink; border: 2px solid black;
    display:none;
}


#successfaqmsg{
    color: #2766cb; background: #ffc0cb; border: 2px solid black;
    display:none;
}


#errfaqmsg{
    color: #5f31fa; background: pink; border: 2px solid red;
    display:none;
}

/*21/2/2023*/
.proposal-main-sec{display: flex;flex-wrap: wrap;width: 100%;}
.proposal-main-sec .panel-body {height: calc(80vh - 110px); overflow: auto;}
.proposal-main-sec .onb-innernav { width:18%;float: inherit;}
.proposal-main-sec .onb-innerarea{ width: 57%;float: inherit;}
.proposal-main-sec .proposal-preview{ width: 25%;background: #fff; border-left: 2px #00274c solid;height: 100vh;}
.onb-contentbox  .proposal-main-sec .panelleftbody {width: 100%;margin: 0;padding: 20px;float: inherit; position:relative;}
.onb-contentbox #carousel-configurator {
    border-top: 2px #00274c solid;
}
.onb-innerarea .contactinfo {
    display: table;
    width: 100%;
    max-width: 740px;
    margin: 0px auto 0;
    position: relative;
}
.onb-innerarea .contactinfo .form-group.fullgroup {
    width: 96%;
}
.onb-innerarea .contactinfo .form-input {
    border: 1px #ccc solid;
    border-radius: 4px;
    height: 50px;
    padding: 0px;
}
.onb-innerarea .contactinfo .form-group, .contactinfo .form-group-half {
    width: 46%;
    margin: 0 2% 20px;
    float: left;
    position: relative;
}
.onb-innerarea .contactinfo .form-group-half .stategroup {
    margin: 0px 5px 0 0;
    width: calc(100% - 110px);
}
.onb-innerarea .contactinfo .form-group-half .zipgroup {
    margin: 0px;
    width: 105px;
}
.onb-innerarea .contactinfo input, .onb-innerarea .contactinfo textarea {
    font-size: 18px;
    box-sizing: border-box;
    width: 100%;
    display: block;
    border: none;
    color: #58595b;
    background: #fff;
    padding: 16px 10px 4px;
    height: 100%;
}
.onb-innerarea .contactinfo .form-label {
    font-weight: 500;
    position: absolute;
    transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -webkit-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    -ms-transition: 0.25s ease;
    color: #58595e;
    left: 10px;
    top: 13px;
    font-size: 18px;
}
.contactinfo input:focus + .form-label, .contactinfo input:valid + .form-label, .contactinfo select:focus + .form-label, .contactinfo select:valid + .form-label, .contactinfo textarea:focus + .form-label, .contactinfo textarea:valid + .form-label {
    top: 1px;
    font-size: 12px;
    color: #616161;
    font-weight: normal;
}
.onb-innerarea .contactinfo select {
    font-size: 18px;
    box-sizing: border-box;
    width: 100%;
    display: block;
    border: none;
    background: #fff;
    padding: 16px 10px 4px;
    appearance: auto;
    padding-left: 5px;
    height: 100%;
}
 .onb-contentbox .panel-header,  .onb-contentbox .panel-footer {
    height: 50px;
    padding: 0;
    background: transparent;
    border: none;
    margin-top: 20px;
}
.onb-contentbox .panel-footer{padding: 0 80px;}
.onb-innerarea .lmlogobox, .onb-innerarea .lmimagevideo {
    display: block;
    width: 100%;
    position: relative;
    height: 100%;
}
.onb-innerarea .lmlogobox .logouploaddiv {
    display: table;
    width: 100%;
    text-align: center;
}
.onb-innerarea .innertitle {
    text-align: center;
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.onb-innerarea .lmlogobox .logotableft {
    display: inline-block;
    width: 100%;
    max-width: 510px;
    overflow: hidden;
}
.onb-innerarea .lmlogobox .logoboxright {
    display: inline-block;
    width: 30%;
    margin-top: 45px;
    text-align: center;
    padding-top: 40px;
    vertical-align: top;
}
.onb-innerarea .logouploaddiv .nav-tabs>li>a {
    border: solid 1px #ccc;
}
.onb-innerarea .logouploaddiv .nav-tabs>li.active>a {
    background-color: #04274c;
    color: #fff;
}
.onb-innerarea .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.onb-innerarea .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.onb-innerarea .logouploaddiv .logobox {
    width: 100%;
    max-width: 480px;
    height: 215px;
    background: #fff;
    border: 2px #1c416e dashed;
}
.onb-innerarea .input-file-container {
    position: relative;
    width: 225px;
    margin: 80px auto 10px;
}
.onb-innerarea .input-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 225px;
    opacity: 0;
    padding: 14px 0;
    cursor: pointer;
}

.onb-innerarea .input-file-trigger {
    display: block;
    padding: 10px 45px;
    background: #b7b7b7;
    color: #000;
    font-size: 18px;
    transition: all .4s;
    cursor: pointer;
}
.colorpikbox ul li.select-color {transition: transform 0.5s ease, background 0.5s ease, box-shadow 0.5s ease;cursor: pointer;}.colorpikbox ul li.select-color:hover {transform: scale(1.3);}
.proposal-page .colorpikbox{display: table;width: 100%;position: relative;max-width: 430px;margin: auto;}
.proposal-page .colorpikbox h4{margin: 0;padding: 15px 15px 15px 15px; text-align: center; font-size: 22px;}
.proposal-page .colorpikbox ul{list-style: none; display: block; width: 100%;margin:0px;padding:0px;}
.proposal-page .colorpikbox ul li{float: left; width: 50px;height: 50px; border-radius: 25px;margin: 10px; overflow: hidden; cursor: pointer;}
.proposal-page .colorpikbox ul li div{display:block;width:100%;height:100%;}
.onb-innerarea .colorpikbox #colorSelector div {background: url(../img/custom-color.jpg);background-size: cover;width: 50px;height:50px;}
.onb-innerarea .panel-body.fullheightlm {height: calc(80vh - 30%);overflow: hidden;}
.proposal-page .imgsection1,.imgsection2,.imgsection3{float: left; overflow: hidden;position: relative;height: 100%; border-left: 2px #898787 solid;padding: 0 15px;}
.proposal-page .imgsection1{width: 26%; padding-left:0;border:0px;}
.proposal-page .imgsection2,
.proposal-page .imgsection3{width:37%;}

.proposal-page .steph4{text-align: center;position: relative;display: block;height:60px;}
.proposal-page .steph4 h4{margin: 0;font-size: 24px; font-weight: bold;}
.proposal-page .steph4 p{margin: 0;font-size: 18px;}

.proposal-page .uploadimgbtn{position: relative; display: block; width: 100%;}
.proposal-page .uploadimgbtn .input-file-container{width:100%;}
.proposal-page .uploadimgbtn .input-file-container .input-file{width:100%; height: 0; padding: 23px 0;}
.proposal-page .uploadimgbtn .input-file-container  label{font-size:18px;padding:5px;text-align:center;border-radius: 20px;border: 3px #8d8d8d solid;}
.proposal-page .imguploadbox,.imgaftercrop{height: calc(100% - 60px);display: block; position: relative; overflow: hidden;width: 100%;}
.proposal-page .imguploadbox ul{margin:0px;padding:0px;list-style:none;}
.proposal-page .imguploadbox ul li{width:100%;position:relative;display:table;margin: 0 auto 15px;max-width: 230px;}
.proposal-page .imguploadbox ul li .imgbox{display: block; width: 100%;overflow: hidden;}
.proposal-page .imguploadbox ul li .imgbox img{width: 100%;display: block;max-width: 100%;margin: auto;}
.proposal-page .imguploadbox ul li .cropdelete{display: block;position: relative;width: 100%;height: 30px;margin-top: 5px;}
.proposal-page .imguploadbox ul li .cropdelete a,
.proposal-page .imguploadbox ul li .cropdelete button{color: #000;font-size: 18px;font-weight: 500;text-decoration: none;background: transparent;border: 0;}
.proposal-page .imguploadbox ul li .cropdelete .cropimg{float:left;}
.proposal-page .imguploadbox ul li .cropdelete .deleteimg{float:right;}
.proposal-page .imguploadbox ul li .teamnamebox{display: block;width: 87%;position: relative;height: 28px;margin-top: 5px; float: left;}
.proposal-page .imgaftercrop.imguploadbox ul li .imgbox{width:calc(100% - 30px);float:left;}
.proposal-page .imgaftercrop ul#cropped_coverimage li .imgbox{position: relative;display: block;margin: 0 20px;overflow: hidden;width: 60%; -webkit-transform: skew(14deg);transform: skew( 14deg);}
.proposal-page .imgaftercrop ul#cropped_coverimage li .imgbox .skewbox{position: relative; display: block; overflow: hidden; margin-left: -14px;width: 122%;}
.proposal-page .imgaftercrop ul#cropped_coverimage li .imgbox .skewbox img{transform: skew(-14deg);width: 100%;  margin-left: 0px;}
.proposal-page .imgaftercrop.imguploadbox ul li .selectcheck{width:30px;float:right;text-align:right; position: absolute;right: 0;top:0;bottom:0;margin:auto;height:30px;}
.proposal-page .imgaftercrop.imguploadbox ul li .selectcheck input{width:20px;height:20px;}
.proposal-page  .lmaboutusbox{display: block;margin: 40px auto 0;max-width: 75%;}
.proposal-page  .lmaboutusbox textarea.form-control{height:250px;font-size:18px;}
.onb-innerarea .panel-header p {
    font-weight: 500;
    text-align: center;
    font-size: 20px;
    margin: 0px;
}
.onb-innerarea .ratetitile {
    display: block;
    text-align: center;
}
.onb-innerarea .ratetitile p {
    display: block;
    margin: 0px;
    font-size: 24px;
}
.onb-innerarea .lmratingpage {
    display: block;
    position: relative;
    width: 100%;
    clear: both;
    margin: 40px 0;
}
.onb-innerarea .lmratingpage .ratingrow {
    display: block;
    width: 100%;
    position: relative;
    height: 50px;
    max-width: 400px;
    margin: 0 auto 10px;
}
.onb-innerarea .lmratingpage .ratingrow input[type=checkbox] {
    float: left;
    height: 30px;
    width: 30px;
    box-shadow: none;
    border: 0;
    margin-right: 20px;
    margin-top: 11px;
}
.onb-innerarea .lmratingpage .ratingrow .ratingimg {
    float: left;
    width: 130px;
}
.onb-innerarea .lmratingpage .ratingrow .ratingimg img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 50px;
}
.onb-innerarea .lmratingpage .socialrating {
    float: left;
    width: 140px;
    overflow: hidden;
    margin-top: 13px;
    color: #f6c313;
}
.onb-innerarea .lmratingpage .socialrating .rstar {float: left;width: 25px;}
.onb-innerarea .scroll-wrapper {overflow: hidden !important;padding: 0 !important;position: relative;height: 100%;max-height: none;width: 100%;}
.onb-innerarea .scrollbar-janos > .scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px;
    height: auto;
    margin-bottom: 0px;
    margin-right: 0px;
}
.onb-innerarea .scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
.onb-innerarea .lmreviewbox {
    display: block;
    width: 100%;
    position: relative;
    clear: both;
    margin-bottom: 20px;
}
.onb-innerarea .lmreviewbox h4 {
    font-size: 24px;
    display: block;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
}
.onb-innerarea .lmreviewbox .form-group {
    float: left;
    width: 25%;
}
.onb-innerarea .lmreviewbox .form-group label {
    font-size: 16px;
    float: left;
    height: 30px;
    margin: 0;
    line-height: 30px;
    width: 60px;
    text-align: right;
    padding-right: 5px;
    font-weight: normal;
    text-align: left;
}
.onb-innerarea .lmreviewbox .form-group select {
    width: calc(100% - 60px);
    height: 30px;
}
.onb-innerarea .lmreviewbox .form-group input {
    width: calc(100% - 60px);
    height: 30px;
}
.onb-innerarea .lmreviewbox .ratingdescription {
    display: block;
    clear: both;
    position: relative;
    width: 100%;
}
.onb-innerarea .lmreviewbox .ratingdescription label {
    font-size: 18px;
    font-weight: normal;
}
.onb-innerarea .lmreviewbox .ratingdescription textarea.form-control {
    height: 135px;
    font-size: 18px;
}
.onb-innerarea .lmreviewbox .form-group.linkgroup {
    width: 100%;
    border-top: 1px #ccc solid;
    padding-top: 10px;
}
.onb-innerarea .lmreviewbox .form-group label {
    font-size: 18px;
    float: left;
    height: 30px;
    margin: 0;
    line-height: 30px;
    width: 60px;
    text-align: right;
    padding-right: 5px;
    font-weight: normal;
    text-align: left;
}
.onb-innerarea .lmreviewbox .form-group.linkgroup label {
    font-weight: 700;
    text-align: left;
}
.onb-innerarea .addreviewbox {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.onb-innerarea .lmprocesspage {
    display: block;
    width: 100%;
    position: relative;
    clear: both;
}
.proposal-page .lmprocesspage{display: block;width: 100%;position: relative;clear: both;}
.proposal-page .lmprocesspage ul{margin: 0;padding: 0;list-style: none;}
.proposal-page .lmprocesspage ul li{width: 33%;padding:5px 35px;float: left;text-align: center;position:relative;}
.proposal-page .lmprocesspage ul li .pstepimg{display: block;width: 100%;position: relative;border: 1px #1b76cd solid; overflow: hidden; border-radius: 10px; min-height: 123px;}
.proposal-page .lmprocesspage ul li .pstepimg img{width:100%;} 
.proposal-page .lmprocesspage ul li .puploadbtn{display: block;margin: 10px 0 5px;}
.proposal-page .lmprocesspage ul li .puploadbtn .btn{ background-color: #e5e5e5;border-color: #9d9d9d;  border-radius: 20px}
.proposal-page .lmprocesspage ul li .puploadbtn .btn:hover{color: #fff;background-color: #449d44; border-color: #398439;}
.proposal-page .lmprocesspage ul li .prostep{display: block; text-align: center; margin-bottom: 5px;}
.proposal-page .lmprocesspage ul li .prostep input{font-size: 20px;font-weight: bold; height: auto; border: 0; width: 100%;text-align: center; outline: none;}
.proposal-page .lmprocesspage ul li .pstepdescription{display: block;  width: 100%;position: relative;}
.proposal-page .lmprocesspage ul li .pstepdescription textarea{height: 80px;font-size: 18px;text-align: center;}
.proposal-page .lmprocesspage ul li .numimg {z-index: 3;position: absolute;height: 125px;width: 85px;top: -15px;}
.proposal-page .lmprocesspage ul li .numimg img{height:100%;}
.proposal-page .lmprocesspage ul li:nth-child(1) .numimg {left: -24px;}
.proposal-page .lmprocesspage ul li:nth-child(2) .numimg, 
.proposal-page .lmprocesspage ul li:nth-child(3) .numimg {left: -20px;}
.proposal-page .lmprocesspage .stepotherbox{display: block;clear: both;position: relative; width: 100%;}
.proposal-page .lmprocesspage .stepotherbox ol li{margin-bottom:5px;}
.proposal-page .lmprocesspage .stepotherbox ol li textarea{font-size: 16px;height: 80px;}
.proposal-page form#client_teamform{height:100%;}
.proposal-page form#client_teamform .imguploadbox ul li .imgbox {border: 1px #ccc solid; padding: 1px;}
/*giftpage*/
.giftbgdiv1,.giftbgdiv2,.giftbgdiv3,.giftbgdiv4{position:absolute;}
.giftbgdiv1,.giftbgdiv3{width:100%;height:31px;}
.giftbgdiv2,.giftbgdiv4{height:100%;width:31px;}
.giftbgdiv1{top:0;background:url(../img/gifttopbg.jpg) top left no-repeat;z-index:1;}
.giftbgdiv2{right:0;background:url(../img/giftrightbg.jpg) top right no-repeat;z-index:2;}
.giftbgdiv3{bottom:0;background:url(../img/giftbottombg.png) bottom right no-repeat;z-index:3;right:1px;}
.giftbgdiv4{left:-1px;background:url(../img/giftleftbg.jpg) bottom left no-repeat;bottom:1px;}
.giftbgdiv4:after{content:"";left:0;bottom:-1px; position: absolute;z-index: 9;width: 31px;height: 55px;background:url(../img/giftleftbg2.jpg) bottom left no-repeat;}

.giftshadow{overflow:hidden;display: block;clear: both;position: relative;   width: 100%;margin: 10px auto;height:auto;max-width:700px;}
.alexgiftcertificate{color:#404041;display:block;position:relative;box-sizing: border-box;padding:28px;margin:auto;width:100%; height:auto; background-size: contain;}
.giftmodaldiv .carousel-inner{height:370px;}
.alexgiftcertificate .giftboxbdr{display:block;width:100%;padding:5px;}
.alexgiftcertificate .giftcol{display:table;width:100%; position:relative;clear:both;margin:auto;}
.alexgiftcertificate .giftcol .col-sm-7{padding-left:0px;}
.alexgiftcertificate .logodiv{width:70%;float:left;padding-top:5px;}
.alexgiftcertificate .logodiv .firstlogo{float:left;width:30%;margin:0px auto 0;text-align:left;}
.alexgiftcertificate .logodiv .firstlogo h4{font-family:"MinionItalic";font-size: 50px; margin: 0;color: #2b2f9c;letter-spacing:1px;}
.alexgiftcertificate .logodiv .sendlogo{float:left;    width: calc(100% - 100px);}
.alexgiftcertificate .logodiv .firstlogo img{width: auto;margin: auto;display: block;max-width: 100%; max-height: 80px;}
.alexgiftcertificate .logodiv .gftext{width: 70%;float: left;}
.alexgiftcertificate .logodiv .gftext img{max-width: 135px;margin: auto;display: block;}
.alexgiftcertificate .redeemdiv{width:30%;float:left;padding-top:0px;}
.alexgiftcertificate .redeemdiv .certino{display: block;width: 100%;position: relative;height:24px;font-size:12px;}
.alexgiftcertificate .redeemdiv .certino:after{content: "";position: absolute;bottom: 2px;left: 0;border-bottom: 1px #404041 solid;height: 1px;width: 100%;z-index: 0;}
.alexgiftcertificate .redeemdiv .certino span{background:#fff;position:relative;height: 20px; z-index: 1;font-size:16px;}
.alexgiftcertificate .redeemdiv p{color:#404041;margin:0px;padding:0px;text-align:center; font-size: 16px;font-style: italic;}
.alexgiftcertificate .redeemdiv .redeemamnt{ display: block;width: 100%;position: relative;border: 1px #404041 solid; text-align: center;font-size:20px;font-weight:bold;height: 40px;padding:6px; overflow: hidden;}
.alexgiftcertificate .redeemdiv .redeemamnt pre{display:inline-block;}
.alexgiftcertificate .redeemdiv .redeemamnt span{display:inline-block;font-size: 14px;vertical-align: top;margin-top: 1px;text-decoration: underline;}
.alexgiftcertificate .presentedby p{color:#404041;position: relative;display: block;width: 100%;margin: 5px 0;height: 32px;overflow: hidden; font-size: 18px; line-height: 32px;}
.alexgiftcertificate .presentedby p:after{content: "";position: absolute;bottom: 7px;left: 0;border-bottom: 1px #404041 solid;height: 1px;width: 100%;z-index: 0;}
.alexgiftcertificate .presentedby p span{font-size:20px;font-family:"MinionItalic";background:#fff;position:relative;height: 35px; z-index: 1;color:#000;}
.alexgiftcertificate .presentedby p span.giftdate{    font-family: initial;background:transparent;font-size: 16px;}
.alexgiftcertificate .presentedby p i{text-transform: capitalize;}
.alexgiftcertificate .giftnote{ width: 75%;float: left;padding-top:10px;}
.alexgiftcertificate .giftnote p{color:#404041;font-size: 12px; margin: 0; line-height:normal;width:100%;float: left; padding-right: 22px; text-align: justify;}
.alexgiftcertificate .giftnote p span{font-weight:bold;}
.alexgiftcertificate .giftnotelogo{width:100px;float:left;}
.alexgiftcertificate .giftnotelogo img{width: auto;max-width:100%;float: right;margin-top:10px;}
.alexgiftcertificate .giftcall{width:25%;float:left; text-align:center;}
.alexgiftcertificate .giftcall h4{margin:0px;font-weight:bold;padding:10px 0 4px 0;}
.alexgiftcertificate .giftcall p{color:#404041;font-size: 12px;margin:0;height:auto;line-height:14px;}
.alexgiftcertificate .giftcall p span{font-weight:bold;}
.alexgiftcertificate .giftcall img{width:110px;}
.alexgiftcertificate .giftcall a{font-size:12px;vertical-align:top;line-height:normal;}
.proposal-page .certificateform{display:table;width:100%; max-width:700px;position:relative;    padding:20px 0px 0; margin: auto;}
.proposal-page .certificateform h3{margin:0px;padding-bottom:50px;text-align:center;}
.proposal-page .certificateform .exptimegrp{width:36%;margin-right:4%;float:left;}
.proposal-page .certificateform .form-group{height: 40px;position:relative;width:100%;}
.proposal-page .certificateform .form-group i{font-size: 14px; position: absolute; left: 120px;top: 11px;}
.proposal-page .certificateform .form-group.exptime label{line-height: 20px;height:40px;}
.proposal-page .certificateform .form-group label{width:105px;float:left;font-weight: normal;line-height:40px; font-size: 18px;margin: 0;}
.proposal-page .certificateform .form-group select,
.proposal-page .certificateform .form-group input[type="text"]{width:calc(100% - 105px); float: left;height:40px;}
.proposal-page .certificateform .sign-group .form-group input[type="radio"] {float:left;width:18px;height:18px;margin-top: 10px;margin-right: 10px;}
.proposal-page .certificateform .sign-group{width:60%; position:relative;float:left;}
.proposal-page .certificateform .sign-group .form-group{height: auto; border-bottom: 0px; min-height: 40px; padding-bottom: 0;}
.proposal-page .certificateform .sign-group .form-group label{width:130px;}
.proposal-page .certificateform .sign-group .form-group input[type="text"]{width:calc(100% - 175px);height:40px;}
.proposal-page .certificateform .sign-group .form-group p{font-size: 18px;text-align: center;width: calc(100% - 130px);margin-left: 130px;}
.proposal-page .certificateform .sign-group .form-group .formupload{width: calc(100% - 175px);margin-left: 130px;}
.proposal-page .formupload {
    position: relative;
    display: block;
    border: 1px #ccc solid;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    max-width: 350px;
}
.proposal-page .file-upload-wrapper {
    position: relative;
    width: 100%;
    height: 50px;
}
.proposal-page .file-upload-wrapper:before {
    content: "Upload";
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 50px;
    background: #696b6a;
    color: #fff;
    font-weight: 700;
    z-index: 25;
    font-size: 16px;
    line-height: 50px;
    padding: 0 15px;
    pointer-events: none;
    border-radius: 0 5px 5px 0;
}
.proposal-page .file-upload-wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 50px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
}
.proposal-page .file-upload-wrapper:after {
    content: attr(data-text);
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 10px 15px;
    display: block;
    width: calc(100% - 40px);
    pointer-events: none;
    z-index: 20;
    height: 50px;
    line-height: 30px;
    color: #999;
    border-radius: 5px 10px 10px 5px;
    font-weight: 300;
}
.proposal-page .onbaordingright .lmcontent .thankvideopage {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
}
.proposal-page .onbaordingright .lmcontent .thankvideopage .logouploaddiv {
    height: auto;
}
.thankvideopage h3 {
    margin: 0;
    text-align: center;
    padding-bottom: 10px;
}
.logouploaddiv .logobox {
    width: 100%;
    max-width: 480px;
    height: 215px;
    background: #fff;
    border: 2px #1c416e dashed;
}
.proposal-page .thankvideopage .logouploaddiv .logobox {
    height: 150px;
    margin: auto;
}
.proposal-page .input-file-container {
    position: relative;
    width: 225px;
    margin: 80px auto 10px;
}
.proposal-page .onbaordingright .lmcontent .thankvideopage .logouploaddiv .input-file-container {
    margin-top: 50px;
}
.proposal-page .input-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 225px;
    opacity: 0;
    padding: 14px 0;
    cursor: pointer;
}
.proposal-page .input-file-trigger {
    display: block;
    padding: 10px 45px;
    background: #b7b7b7;
    color: #000;
    font-size: 20px;
    transition: all .4s;
    cursor: pointer;
}
.proposal-page  .enterurl {
    max-width: 480px;
    margin: 30px auto 0;
}
.proposal-page  .enterurl h4 {
    margin: 0;
    padding-bottom: 20px;
    text-align: center;
    font-size: 24px;
    font-style: italic;
}
.proposal-page  .enterurl h4 span {
    display: block;
}
.proposal-page .thankvideopage .input-group-addon:last-child {
    padding: 0px;
}
.proposal-page .input-group-addon:last-child {
    border-left: 0;
}
.proposal-page .thankvideopage .logouploaddiv .input-file-container {
    margin-top: 50px;
}
.proposal-page .thankvideopage .input-group-addon  input.save_video_url {
    background: transparent;
    border: 0;
    padding: 6px 15px;
}

/*endgiftpage*/
.proposal-page .previewbox {
    padding: 0 15px;
    display: block;
}
.proposal-page .onbaordingright .lmtitle, .proposal-main-sec .previewbox .lmtitle {
    background: #fff;
    color: #000;
    font-weight: bold;
}  
.proposal-page .previewbox .preimgbox {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 30px 0;
    zoom: 0.45;
}
.proposal-page .previewbox .previewright{
    display:none;
}
.proposal-page .previewbox .previewright.active_preview{display:block !important;}
.proposal-page .previewbox .proposalpage {
    min-height: 970px;
    background: #fff;
    width: 800px;
    margin: 0 auto 20px;
    position: relative;
    display: block;
    padding: 20px;
    box-shadow: 0 0 6px #5a5a5a;
}
.proposal-page .previewbox .proposalpage table td {
    padding: 0;
    margin: 0px;
    border-spacing: 0px;
    vertical-align: top;
    word-break: break-all;
}
.proposal-page .previewbox .fulltable {
    width: 100%;
    padding: 0;
    margin: 0px;
    border-spacing: 0px;
}

.previewbox td.galleytd {
    padding-top: 5px !important;
    padding-right: 5px !important;
}

.proposalpage .previewbox .preimgbox img {
    border: none;
}

.previewbox .galleytd img {
    width: 100%;
    display: block;
}


.proposal-page .previewbox .width70 {
    width: 70%;
    padding: 0px;
    vertical-align: top;
}
.proposal-page .previewbox .logo {
    width: 46%;
    float: left;
    padding: 20px 0px;
}
.proposal-page .previewbox .logo img {
    width: auto;
    max-width: 230px;
    border: none;
    height: auto;
    max-height: 90px;
}
.proposal-page .previewbox .topaddress {
    width: 50%;
    float: left;
    text-align: right;
    margin-right: 4%;
    margin-top: 20px;
    margin-bottom: 15px;
}
.proposal-page .previewbox .topaddress p {
    margin: 0px;
    word-break: break-all;
}
.proposal-page .previewbox .topaddress a {
    color: #000;
    text-decoration: none;
    margin: 15px 0 0;
    display: block;
}
.proposal-page .previewbox .bluetitle {
    background: #0280c8;
    height: 60px;
    font-size: 30px;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
}
.proposal-page .previewbox .p1 {
    margin: 0;
    padding: 15px 25px 0 25px;
    font-size: 18px;
}
.proposal-page .previewbox .p2 {
    margin: 0;
    padding: 0px 25px 0 25px;
    font-size: 18px;
}
.proposal-page .previewbox .p3 {
    margin: 0;
    padding: 5px 25px 0 25px;
    text-align: right;
    font-size: 18px;
}
.proposal-page .previewbox .wteam {
    text-align: right;
    font-size: 30px;
    color: #000;
    padding-right: 25px;
}
.proposalpage .previewbox .preimgbox img {
    border: none;
}
.proposal-page .previewbox .width30 {
    width: 30%;
    padding: 0px;
    vertical-align: top;
}
.proposal-page .previewbox .addressbox {
    font-size: 18px;
    color: #f1f1f1;
    background: #014180;
    height: 300px;
    text-align: center;
    padding: 30px 0;
}
.proposal-page .previewbox .addressbox .ref {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin: 10px 0 30px;
}
.proposal-page .previewbox p.adrname {
    font-weight: bold;
    color: #fff;
    margin-top: 20px;
}
.proposal-page .previewbox .addressbox p {
    margin: 0px;
    font-size: 18px;
    color: #f1f1f1;
}
.proposal-page .previewbox .addressbox .email {
    font-size: 16px;
}
.proposal-page .previewbox .abouttable {
    background: #e6f2f9;
}
.proposal-page .previewbox .abouttitle {
    background: #0280c8;
    color: #fff;
    font-size: 24px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    text-transform: uppercase;
}
.proposal-page .previewbox .abouttable p {
    padding: 0 20px;
    font-size: 18px;
    color: #656565;
    word-break: break-all;
}
.proposal-page .previewbox .socialtd {
    width: 25%;
    padding-right: 10px !important;
}
.proposal-page .previewbox .socialbox {
    margin: 20px 0px;
    display: block;
    padding: 10px;
    border: 1px #ccc solid;
}
.proposal-page .previewbox .sociallogo {
    display: block;
}
.proposal-page .previewbox .sociallogo img {
    width: 80px;
    display: block;
    margin: auto;
    height: 40px;
    object-fit: contain;
}
.proposal-page .previewbox .ratingtext {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.proposal-page .previewbox .socialrating {
    display: block;
    height: 20px;
    overflow: hidden;
    text-align: center;
    color: #f6c313;
}
.proposal-page .previewbox .rstar {
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #f6c313;
}
.proposal-page .previewbox .viewlargeimg {
    display: block;
    text-align: center;
}
.proposal-page .cleardata {
    margin-top: 5px;
}
.proposal-page .previewbox .coverpagediv {
    background: #fff;
    width: 840px;
    margin: 0 auto 20px;
    position: relative;
    display: block;
    box-shadow: 0 0 6px #5a5a5a;
}
.proposal-page .previewbox .coverpage {
    background: #336db6;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.proposal-page .previewbox .coverwbg {
    background: #fff;
    position: relative;
    width: 558px;
    margin: auto;
    display: block;
    overflow: hidden;
    -webkit-transform: skew(14deg);
    transform: skew(14deg);
    box-shadow: 0 0 75px #000;
}
.proposal-page .previewbox .coverlogo {
    height: 170px;
    padding: 30px 30px 20px;
}
.proposal-page .previewbox .coverlogo, .proposaltext, .coverimg, .coverdetail, .weburl {
    -webkit-transform: skew( -14deg);
    transform: skew( -14deg);
    position: relative;
    display: block;
    width: auto;
}
.proposal-page .previewbox .coverlogo img {
    width: auto;
    max-width: 250px;
    height: auto;
    max-height: 100%;
}
.proposal-page .previewbox .proposaltext {
    height: 57px;
    text-align: center;
}
.proposal-page .previewbox .proposaltext h3 {
    font-size: 40px;
    margin: 0px;
    font-weight: bold;
    text-transform: uppercase;
}
.proposal-page .previewbox .coverimgouter {
    position: relative;
    display: block;
    overflow: hidden;
    border: 20px #fff solid;
}
.proposal-page .previewbox .coverimg {
    height: 535px;
    margin-left: -100px;
}
.proposal-page .previewbox .coverdetail {
    height: 260px;
    text-align: center;
    display: block;
    margin: 30px;
}
.previewbox .coverdetail p {
    margin: 0;
    font-size: 34px;
}
.proposal-page .previewbox .coverdetail h3 {
    margin: 0;
    font-size: 46px;
    font-weight: bold;
    padding-top: 20px;
}
.proposal-page .previewbox .weburl {
    text-align: center;
    display: block;
    height: 50px;
}
.proposal-page .previewbox .weburl a {
    display: inline-block;
    color: #000;
    text-decoration: none;
}
.proposal-page .previewbox .pdfpage {
    min-height: 500px;
    border-left: 20px #0280c8 solid;
    padding-top: 40px;
    background: #fff;
    width: 820px;
    margin: 0 auto 20px;
    position: relative;
    display: block;
    box-shadow: 0 0 6px #5a5a5a;
}
.proposal-page .previewbox .pdftitle {
    background: #0280c8;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    width: 180px;
    padding-left: 10px;
    height: 80px;
    line-height: 80px;
    position: absolute;
    margin-top: -41px;
    z-index: 99;
}
.proposal-page .previewbox .pdfinner {
    min-height: 800px;
    border: 3px #0280c8 solid;
    position: relative;
    display: block;
    margin-right: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 50px 20px 20px 20px;
}
.proposal-page .previewbox .revtable {
    border: 1px #9c9c9c    solid;
    border-bottom-right-radius: 15px;
    margin: 0px 0 15px;
    height: auto;
    padding: 0px;
    border-top-right-radius: 15px;
    box-shadow: 3px 4px 8px #676767;
}
.proposal-page .previewbox .pdfpage table td .revtable td {
    padding: 2px 15px;
}
.proposal-page .previewbox .reviewtitle {
    text-align: center;
    font-weight: 500;
    padding-top: 10px;
}
.proposal-page .previewbox .reviewdate {
    text-align: center;
}
.proposal-page .previewbox .reviewrating {
    height: 20px;
    display: block;
    text-align: center;
}
.proposal-page .previewbox .reviewtext {
    color: #404040;
    word-break: break-all;
}
.proposal-page .previewbox .reviewtext p {
    text-align: right;
    margin-top: 5px;
    padding-right: 15px;
}
.proposal-page .previewbox .pdffooter {
    display: block;
    position: relative;
    border-left: 0px #0280c8 solid;
    padding-bottom: 10px;
    padding-top: 10px;
}
.proposal-page .previewbox .pdffooter table {
    padding-right: 40px;
}
.proposal-page .previewbox .pdffooter td:first-child {
    text-align: right;
}
.proposal-page .previewbox .pdffooter a {
    margin: 0px;
    font-size: 15px;
    text-decoration: none;
    color: #000;
}
.proposal-page .previewbox .pdffooter p {
    margin: 0px;
    font-size: 15px;
    word-break: break-all;
    padding-right: 15px;
}
.proposal-page .previewbox .fwidth30 {
    width: 30%;
}
.proposal-page .previewbox .footerlogo {
    display: block;
    overflow: hidden;
    margin: auto;
    text-align: center;
}
.proposal-page .previewbox .fwidth35 {
    width: 35%;
}
.proposal-page .gallerytdiv {
    max-width: 755px;
    overflow: hidden;
}
.proposal-page .gallerytdiv table td img {
    width: 100%;
}
.proposal-page .footable {
    width: 100%;
}
.proposal-page .gallerytdiv table td.portrait img {
    margin-top: 2px;
}
.proposal-page .gallerytable2, .proposal-pagec .gallerytable3, .proposal-page .gallerytable4 {
    display: none;
}
.proposal-page .previewbox .nextsteptable {
    padding: 20px 30px;
}
.proposal-page .previewbox table.nextsteptable td:first-child {
    width: 30px;
    padding-right: 10px;
}
.proposal-page .previewbox table.nextsteptable td {
    padding-bottom: 20px;
    font-size: 18px;
    color: #424242;
}
.proposal-page .previewbox .steptitle {
    font-size: 26px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 40px;
}
.proposal-page .previewbox table.nextsteptable td.width33 {
    padding-bottom: 100px;
    padding-right: 10px;
}
.proposal-page .previewbox .width33 h3 {
    margin: 0px;
    font-size: 24px;
    padding-bottom: 10px;
}
.proposal-page .previewbox .width33 p {
    margin: 0px;
    padding: 0 20px;
    font-size: 18px;
}
.proposal-page .previewbox .width33 img {
    width: 100%;
}
.proposal-page .previewbox .teamtitle {
    padding: 20px 40px;
    font-size: 24px;
    text-align: center;
    display: block;
    color: #5a5a5a;
}
.proposal-page .previewbox .teamtable {
    width: 80%;
    margin: auto;
    padding: 20px 40px;
}
.proposal-page .previewbox .width33 {
    width: 33%;
    text-align: center;
}
.proposal-page .previewbox .gifttitle {
    text-align: center;
    font-size: 22px;
    color: #464646;
    padding: 20px 30px;
}
.proposal-page .previewbox .thanktitle {
    text-align: center;
    display: block;
}
.proposal-page .previewbox .thanktitle h3 {
    font-size: 30px;
    margin: 0;
}
.proposal-page .previewbox .thanktitle p {
    margin: 0;
    padding-bottom: 30px;
    font-size: 24px;
}
.proposal-page .previewbox .thankvideo {
    display: block;
    width: 570px;
    margin: auto;
    border: 5px #fff solid;
    box-shadow: 0 0 4px #777;
}


/*popup-css*/
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.fade.in {
    opacity: 1;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000;
    z-index: 1;
}
#proposal_previewmodal .modal-dialog {
    max-width: 880px;
    width: 100%;
}
#proposal_previewmodal .modal-dialog {
    max-width: 880px;
    width: 100%;
    position: relative;
    z-index: 1;
    background: #fff;
}
.modal .modal-header .close {
    font-size: 40px;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 6px;
}
#proposal_previewmodal .modal-dialog .modal-header .close {
    margin-top: -8px;
    font-size: 40px;
    opacity: 1;
}
#proposal_previewmodal .modal-body {
    overflow: auto;
    max-height:80vh;
}
.proposal-page .colorpikbox ul li #colorSelector {
    position: relative;
}
.proposal-page .colorpikbox ul li #colorSelector .select-color{    position: absolute;top: 0;left: 0;}
.onb-contentbox .panel-footer .right.submit_proposal {width: 150px;}
/*popop-end*/
@media (max-width:1600px){
    .proposal-page .onb-contentbox .panel-footer{max-width:100%;}
    .lmprocesspage ul li .pstepdescription textarea {height: 80px;font-size: 14px;text-align: center;}
    .lmprocesspage .stepotherbox ol li textarea {font-size: 14px;height: 70px;}
    
    .alexgiftcertificate .redeemdiv .certino {height: 16px;font-size: 10px;}
    .alexgiftcertificate .redeemdiv .certino span {height: 18px;font-size: 12px;}
    .alexgiftcertificate .redeemdiv p{font-size:12px;}
    .alexgiftcertificate .redeemdiv .redeemamnt{height:30px;padding:2px;}
    .alexgiftcertificate .logodiv .gftext img {max-width: 115px;}
    .alexgiftcertificate .presentedby p span {height:30px;font-size: 16px;}
    .alexgiftcertificate .presentedby p {height: 30px;font-size: 14px;line-height: 30px;}
    .alexgiftcertificate .giftnote p{font-size:11px;}
    .alexgiftcertificate .giftcall h4{font-size:12px;}
    .alexgiftcertificate .giftcall p {font-size: 8px;line-height: 10px;}
    .proposal-page .previewbox .preimgbox{zoom:0.3}
    .proposal-page .selectlayoutg ul li {padding: 5px 15px;}
    .panel-body {padding: 15px 0px;}
   
}
@media (max-width:1440px){
	.proposal-page .onbaordingright .lmfooter a { width: 30%; padding: 4px 0; height: 32px; font-size: 16px;}
	.proposal-page .lmratingpage{margin: 20px 0;}
	.scrollvertical ul li {width: 110px;margin: 10px 3px 0;}
	.scrollvertical ul li .imgbdr{height:75px;}
	.scrollvertical.teamimg ul li {width: 150px;}
    .scrollvertical.teamimg ul li .imgbdr { height: 102px;}
	.lmcontent .industrybox ul li label {font-size: 14px;}
	.imguploadbox ul li{max-width:160px;}
	.proposal-page .lmaboutusbox{max-width:90%;}
	.proposal-page .lmprocesspage ul li .puploadbtn {margin: 5px 0 5px;}
	.proposal-page .lmprocesspage ul li .prostep input {font-size: 18px;}
	.proposal-page .lmprocesspage ul li .pstepdescription textarea {height: 70px;  font-size: 12px; padding: 3px;}
	.proposal-page .lmprocesspage .stepotherbox ol li textarea {font-size: 12px;height: 45px;padding: 3px;}
	.lmprocesspage ul li .puploadbtn .btn { padding: 2px;width: 100%;}
	.lmlogobox .logotableft{max-width:70%;}
	.proposalpage .onbaordingright .lmfooter a.middle {margin-left: 5%;}

    .proposal-page .onbaordingright .lmcontent.giftcertipage{padding-top:0px;}
    .giftshadow{margin-top:0px;}
    .alexgiftcertificate .giftboxbdr{padding:0 5px;}
    .alexgiftcertificate .redeemdiv .certino {margin-top:-4px;}
    .alexgiftcertificate .redeemdiv .certino span {height: 18px;font-size: 12px;}
    .alexgiftcertificate .redeemdiv p{font-size:12px;}
    .alexgiftcertificate .redeemdiv .redeemamnt{height: 22px;padding: 0px;font-size: 16px;}
    .alexgiftcertificate .giftnote{padding-top:0px;}
    .alexgiftcertificate .giftnote p{font-size:9px;}
    .alexgiftcertificate .giftcall{height:72px;}
    .alexgiftcertificate .giftcall h4{padding-top:0px;}
    .alexgiftcertificate .giftcall p {font-size: 7px;line-height: 8px;}
    .alexgiftcertificate .giftcall a{font-size:10px;}
    .alexgiftcertificate .logodiv .firstlogo img{max-height:60px;}
    .proposal-page .certificateform{padding-top:0px;}
    .proposal-page .certificateform .form-group.exptime label {line-height: 17px; height: 34px; font-size: 16px;width: 90px;}
    .proposal-page .certificateform .form-group {height: 34px;}
    .proposal-page .certificateform .form-group select, .proposalpage .certificateform .form-group input[type="text"] {width: calc(100% - 90px); height: 34px;}
    .proposal-page .certificateform .form-group label {width: 90px;line-height: 34px; font-size: 16px;}
    .proposal-page .certificateform .sign-group .form-group{min-height:34px;margin-bottom:5px;}
    .proposal-page .certificateform .sign-group .form-group input[type="text"]{height:34px;}
    .proposal-page .certificateform .sign-group .form-group p {font-size: 16px;margin-bottom: 0;}
    .proposal-page .certificateform .sign-group .form-group .formupload .file-upload-wrapper{height:34px;}
    .proposal-page .certificateform .sign-group .file-upload-wrapper input{height:34px;}
    .proposal-page .certificateform .sign-group .file-upload-wrapper:before{height:34px;font-size: 16px;line-height: 34px; padding: 0 7px;}
    .proposal-page .certificateform .sign-group .file-upload-wrapper:after {content: attr(data-text);font-size: 14px;padding: 10px 8px;height: 34px;line-height: 18px;}
    .proposal-page .selectlayoutg ul li {padding: 5px 10px;}
    .proposal-page .selectlayoutg ul li input {width: 16px;height: 16px;}
    .proposal-page .certificateform .form-group i{left:100px;}
    
    .proposal-page .certificateform .sign-group .form-group label { width: 110px;}
    .proposal-page .certificateform .sign-group .form-group input[type="radio"] {width:16px;height:16px;}
    .welcomevideo .vidoeconfig,.thankyouvideo .vidoeconfig{height:110px;}
    .welcomevideo h3, .thankyouvideo h3{padding-bottom:5px;}
    
}

/*end*/



/****************************
Configurator 28/03/2023 start
****************************/

.configurator_bfh{
    display: none;
}

.active{
    display: block;
}

.configurator-panel{
    height: 100%;
    position: relative;
    display: block;
    width: calc(100% - 40px);
    border: 0px;
    margin: 0px 20px;
    border-radius: 10px;
    overflow: hidden;
}

.configurator-panel-header{
    height: auto;
    margin-top: 0px;
    padding: 0px;
    background: transparent;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.questiondiv {
    width: 400px;
    height: 60px;
    overflow: hidden;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    top: 20px;
}

.top_disable_line{
    display: flex;
    justify-content: center;
    font-style: italic;
    border-bottom: 1px solid #1970ad;
    margin-bottom: 10px;
}

.disable_div{
    width: 24px;
    height: 24px;
    border: 2px #1970ad solid;
    border-radius: 2px;
    z-index: 9999;
    line-height: 18px;
}

.top_disable_line div{
    margin: 5px;
}

.questionimg {
    height: 60px;
    width: 60px;
    border-radius: 40px;
    float: left;
    overflow: hidden;
}

.questionimg img {
    width: 100%;
    position: relative;
}

.questionimg img:after{
    position: absolute;
}

.maya_camera-icon{
    position: absolute;
    width: 25px;
    height: 25px;
    top: 35px;
    z-index: 1;
    cursor: pointer;
}

.questionbox {
    width: 300px;
    float: left;
    margin-left: 18px;
    border: 1px #61abd5 solid;
    height: 55px;
    margin-top: 1px;
    border-radius: 50px;
    box-shadow: 1px 3px 8px #a19e9e;
    background: #fff;
    position: relative;
}

.questionbox .centertxt {
    display: table;
    width: 100%;
    text-align: center;
    height: 100%;
}

.questionbox .centertxt p {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    color: #545454;
}

.questionbox .centertxt span.firstshow {
    display: block;
}

.question-callout input[type=text]{
    width: 100%;
    padding: 1px;
    margin: 0px;
    box-sizing: border-box;
    border: none;
    text-align: center;
    font-size: 14px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
}

.questionbox:after {
    content: "";
    background: url(../img/cldarrow.png);
    position: absolute;
    left: -36px;
    width: 40px;
    z-index: 999;
    height: 30px;
    top: 24px;
    transform: rotate(0deg);
}

.configurator-panel-body{
    height: calc(100% - 200px);
    width: 100%;
    position: relative;
    overflow: visible;
}

.configurator-panel-footer{
    height: auto;
    padding: 0 80px;
    background: transparent;
    border: none;
    margin-top: 20px;
}

.configurator-panel-footer a{
    color: #000;
    width: 120px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    line-height: 26px;
    text-decoration: none;
}

.configurator-panel-footer a.right{
    float: right;
    background: #a1ff00;
    color: #000;
    border-color: #a1ff00;
    line-height: 30px;
}

.configurator-panel-footer a.left{
    float: left;
    background: teal;
    border: 2px #ccc solid;
}


.configurator_service_question{
    margin: auto 100px;
    top: 110px;
    bottom: 0px;
    width: 80%;
    overflow: auto;
}

.configurator_service_question h4 input[type=text]{
    width: 100%;
    padding: 12px 20px;
    margin: 0px 0;
    box-sizing: border-box;
    border: none;
    text-align: center;
    font-size: 22px;
    word-wrap: break-word;
}

.configurator_service_question h4 input[type=text]:focus{
    border: 1px solid skyblue;
}

.configurator_options input[type=text]{
    width: 70%;
    max-width: 100%;
    padding: 1px;
    margin: 10px 20px;
    box-sizing: border-box;
    border: none;
    text-align: center;
    font-size: 14px;
    word-wrap: break-word;
}

.configurator_options{
    display: block;
    height: 30vh;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: auto;
}

.configurator_options ul{
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: table;
    width: 100%;
    text-align: center;
}

.configurator_options ul li{
    width: 48%;
    display: inline-block;
    margin-right: 2%;
    position: relative;
    margin-bottom: 80px;
    cursor: pointer;
    border:none;
    border-radius: 0px;
    padding: 0px;
    background: #fff;   
}

.configurator_options ul li label{
    overflow: hidden;
    display: table;
    width: calc(100% - 100px);
    margin: 0px;
    position: relative;
    float: right;
}


.configurator_options .houseimg{
    display: block;
    width: 110px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0%;
}

.configurator_options .houseimg img {
    width: 50px;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    display: block;
    margin: auto;
    float: inherit;
    height: 50px;
    top: 7px;
}

.configurator_options .houseimg .thumb{
    display: block;
    width: 24px;
    height: 24px;
    border: 2px #a5a5a5 solid;
    position: absolute;
    left: 10px;
    top: 15px;
    border-radius: 2px;
    z-index: 9999;
    line-height: 18px;
}

.configurator_imgicon{
    height: 80px;
    float: left;
    width: 80px;
    text-align: center;
    margin-left: 30px;
    position: relative;
}

.configurator_imgicon img{
    width: auto;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    display: block;
    margin: auto;
}

/*.configurator_footer_btn{*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*}*/

/*.backbtn{*/
/*    float: left;*/
/*    background: #3192c9;*/
/*    color: #fff;*/
/*    border-radius: 15px;*/
/*    border: none;*/
/*    height: 34px;*/
/*    padding: 5px 30px !important;*/
/*    margin: 0px 20px;*/
/*}*/

/*.nextbtn{*/
/*    float: right;*/
/*    background: #3192c9;*/
/*    color: #fff;*/
/*    border-radius: 15px;*/
/*    border: none;*/
/*    height: 34px;*/
/*    padding: 5px 30px !important;*/
/*    margin: 0px 20px;*/
/*}*/

/*.glyphicon-arrow-left , .glyphicon-arrow-right{*/
/*    color: #fff;*/
/*}*/


.hoverprice{
    padding-top: 5px;
    visibility: visible;
    border: 4px #3192c9 solid;
    border-radius: 5px;
    width: calc(100% - 15px);
    height: 100%;
    position: absolute;
    bottom: -75px;
    transition: all 0.5s ease;
    margin: auto;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 0;
    font-size: 12px;
}


.hoverprice .blocktable {
    display: flex;
    width: 100%;
    height: 20%;
    padding: 0 5px;
    flex-wrap: wrap;
    align-items: center;
}

.hoverprice .blocktable div {
    display: inherit;
    height: 100%;
    vertical-align: middle;
    width: 50%;
}

.hoverprice p {
    margin: 0px;
    text-align: center;
}

.hoverprice input[type=text]{
    width: 70%;
    max-width: 100%;
    padding: 0px;
    margin: 0px 0px;
    box-sizing: border-box;
    border: none;
    text-align: center;
    font-size: 12px;
}
.configurator_options ul li .price-wrapper {
    border: 2px #ccc solid;
    height: 80px;
    border-radius: 10px;
    padding: 8px;
    background: #fff;
    z-index: 1;
    position: relative;
}
.configurator_options .houseimg .camera-icon {
    position: absolute;
    right: -5px;
    top: 0px;
    width: 25px;
    height: 25px;
    z-index: 1;
    background: #fff;
}
.configurator_options .houseimg .camera-icon img {
    width: 20px !important;
    height: 20px;
    float: inherit !important;
    top: 8px;
    left: 0px;
}
.common-images {
    width: 70px;
    position: absolute;
    height: 70px;
    left: 40px;
    top: 4px;
    border: 3px solid #ccc;
    border-radius: 50%;
}
/*31-3-2023*/
  .onb-businessinfo .industry_response span {
    padding: 4px 10px;
    margin: 0px 16px 15px 0 !important;
    position: relative;
    display: inline-block;
    background: #286090;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
}      
.onb-businessinfo .industry_response span a {
    color: #fff;
    text-decoration: none;
    padding-left: 8px;
}
.onb-businessinfo .industry_response span a:hover{
    color:#fff;
}
new-desing
.configurator-main-wrapper .top-wrap {
    margin-bottom: 15px;     
    position: relative;
}
.configurator-main-wrapper .questiondiv {
    width: 100%;
    height: auto;
    overflow: hidden;
    justify-content: center;
    display: flex;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative;
}
.configurator-main-wrapper .questiondiv  .centertxt {
    width: 90%;
    margin: 0 auto;
}
.configurator-main-wrapper .questiondiv .questionimg {
    height: 60px;
    width: 60px;
    border-radius: 40px;
    float: left;
    overflow: hidden;
    margin-right: 20px;
}
.configurator-main-wrapper .top-right {
    position: absolute;
    right: 0px;
    top: 32px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.configurator-main-wrapper .top-right p {
    display: inline-block;
    margin: 6px 0 0;
    padding-left: 5px;
}
.configurator-main-wrapper .top-right .clickdisable {
    width: 100%;
    padding: 1px;
    margin: 0px;
    box-sizing: border-box;
    border: none;
    text-align: center;
    font-size: 14px;
}
.configurator-main-wrapper .hoverprice .blocktable label {
    width: 15px !important;
    height: 2px;
    background: #000;
    margin-top: 20px;
}
.configurator-main-wrapper .hoverprice .blocktable input[type="text"] {
    margin: 5px 20px;
}
.confi-btn-wrap .backbtn{
    visibility: hidden;
}
.confi-btn-wrap .nextbtn {
    float: right;
    background: #3192c9;
    color: #fff;
    border-radius: 15px;
    border: none;
    height: 34px;
    padding: 5px 30px 5px 17px !important;
    margin: 0px 20px;
    position: relative;
}
.confi-btn-wrap .nextbtn .glyphicon-arrow-right {
    color: #fff;
    position: absolute;
    right: 10px;
    top: 8px;
}
.confi-btn-wrap .nextbtn span.sr-only {
    visibility: visible;
    color: #fff;
    overflow: visible;
    position: inherit;
    margin-right: 15px;
}
#onb-settings #send_emailform .btn-primary.submit_sendemail {
    position: absolute;
    bottom: -38px;
    left: 6%;
    z-index: 1;
}
@media (max-width: 1199px){
    .questiondiv {
        width: 490px;
        height: 70px;
        top: 30px;
    }
    
    .questionimg {
        height: 40px;
        width: 40px;
        border-radius: 30px;
    }
    
    .questionbox {
        width: 250px;
        height: 40px;
    }
    
    .questionbox .centertxt p {
        font-size: 12px;
    }
    
    .questionbox:after {
        top: 24px;
        transform: rotate(2deg);
    }
}

@media (max-width: 1600px){
    .questiondiv {
        top: 20px;
    }
}




/***END*****/