select {
    font-size: 16px;
}

select option {
    padding: 2px;
}

form.settings .image {
    height: 100px;
}

.content-header h2 {
}

.main-content.activation {
    background: url("../images/page.png") repeat scroll 0 0 #F9F9F9;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    margin: 40px auto 20px;
    padding: 0 0 75px;
    position: relative;
    width: 750px
}

.content-section {
    border-top: 1px solid #CCCCCC;
    display: block;
    margin: 0 80px;
    padding: 20px 0 60px;
}

form .main {
    margin: 0 auto;
    padding: 0 0 50px;
    width: 370px;
}

form.details .footer, form.activation .footer {
    border-top: 1px solid #CCCCCC;
    padding: 20px 0;
    direction: ltr;
    position: relative;
    margin-top: 10px;
}

form.activation .footer .submit, form.details .footer .submit {
    width: 100px;
    float: left;
}

form .footer .location {
    color: #999999;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    padding: 0 0 0 33px;
    position: absolute;
    right: 48px;
}

form.activation .fade-label label.text span {
    font-size: 16px;
}

.addr-city, .biz-name {
    width: 350px;
}

.addr-street {
    width: 232px;
    margin-left: 4px;
}

.addr-number {
    width: 108px;
}

#new-user .text-field.addr-street {
    margin-left: 4px;
}

#new-user .text-field {
    margin: 20px 0 0 15px;
}

#new-user .text-field label {
    height: 40px;
    padding: 2px 0px;
}

#new-user .text-field input {
    height: 40px;
}

#new-user .text-field.resp-label {
    position: relative;
    margin: 0;
}

#new-user .text-field.resp-label input {
    border: none;
    border-bottom: 1px solid #CCC;
    font-size: 18px;
    height: 45px;
    margin-bottom: 20px;
    text-indent: 0px;
    padding: 10px 5px 0;
}

#new-user .text-field.resp-label input.text-error-true {
}

#new-user .text-field.resp-label .required-alert,
#new-user .text-field.resp-label .invalid-alert {
    bottom: 0;
}

#new-user .comment {
    font-size: 14px;
    display: block;
    margin-top: 11px;
    color: #5BCE88;
}

#new-user .text-field.addr {
    margin-top: 2px;
}

#new-user .phone {
    width: 350px;
}

form.details .fields {
    padding: 20px 0;
}

form.details .fields .section {
    border-bottom: 1px solid #CCCCCC;
    padding: 0 0 20px 0;
}

form.details label {
    color: #52585D;
}

form.details .text-field, form.settings .text-field, .business-type-field {
    margin: 0 0 15px;
    width: 400px;
}

form.details textarea {
    padding: 10px;
    text-indent: 0px;
    width: 589px;
    font-size: 14px;
}

.image-block {
    padding: 0 0 20px;
}

.image-block img {
    background: none repeat scroll 0 0 #e4d9d9;
    min-width: 150px;
    margin-left: 10px;
    min-height: 50px;
    margin: 0px 0;
}

.image-block.logo-upload .upload {
    margin-right: 20px;
}

.image-block.logo-upload {
    padding: 50px 0;
}

.image-block.logo-upload button {
    width: 280px;
    padding: 15px 0;
    display: block;
    margin-bottom: 15px;
}

.image-block.logo-upload button.addlogo {
    width: 300px;
    margin: 20px auto;
    background: #FFFFFF;
    color: #167ffc;
    font-size: 25px;
    border: 1px dashed;
    padding: 40px 0;
}

.signup form.details .connect {
    padding: 0 0 0 0;
}

form.details .connect {
    padding: 10px 0 40px;
}

.button.facebook span {
    font-family: trebuchet MS;
    font-size: 15px;
    font-weight: normal;
    margin-right: 2px;
}

.button.facebook * {
    display: inline-block;
    vertical-align: baseline;
}

.button.facebook {
    background: none repeat scroll 0 0 #4F7AB7;
    color: white;
    margin-top: 2px;
    padding: 10px 53px;
    text-shadow: none;
}

.settings .connect .explain {
    margin-bottom: 20px;
    font-size: 15px;
}

.settings .connect {
    width: auto;
    margin-bottom: 50px;
}

.button.facebook:hover, .button.facebook:active {
    background-color: #3C5A98;
}

.button.facebook .text {
    margin: 10px 11px;
    vertical-align: text-bottom;
}

.icon.facebook {
    background-position: -43px -190px;
    height: 31px;
    width: 35px;
}

.settings .upload .loader {
    position: absolute;
    right: 85px;
    top: 52px;
}

.settings .campaigns {
}

.settings .campaigns .title a.explain {
    font-size: 24px;
    padding: 0;
    vertical-align: top;
    top: -3px;
    margin-right: 10px;
    color: #52b266;
}

.settings .campaigns .intset {
}

.settings .campaigns .intset > div {
    vertical-align: middle;
    margin-bottom: 20px;
}

.settings .campaigns .intset > div > .fa {
    color: #4e8fc7;
    font-size: 23px;
    font-weight: bold;
    width: 100%;
    padding: 0 32px;
    display: block;
    top: 0;
    cursor: pointer;
}

.settings .campaigns .intset > div > input {
    height: 35px;
    font-size: 17px;
    padding: 18px 0 17px;
    background: #FFF;
    text-align: center;
    border: #cccccc solid 1px;
    color: #666666;
}

.settings .campaigns .title {
    border-bottom: 1px solid #EFEFEF;
    font-size: inherit;
}

.settings .tab-pane .campaigns .container {
    height: 490px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #F5F5F5;
    margin: 20px 0;
    padding: 40px 17px 0;
}

.settings .campaigns ul li {
    display: inline-block;
    margin: 15px 15px;
    cursor: pointer;
    position: relative;
    height: 150px;
    width: 215px;
    vertical-align: top;
    float: right;
    overflow: hidden;
    border-radius: 7px;
}

.settings .campaigns ul li:nth-child(3n) {
    margin-left: 0;
}

.settings .campaigns ul li:hover > .overlay button {
    margin: 7px -6px 0 0;
    padding: 13px 40px;
}

.settings .campaigns ul li:hover > .overlay {
    background: rgba(8, 8, 8, 0.2);
    opacity: 1;
}

.settings .campaigns ul li > .overlay,
.settings .campaigns ul li > .picked {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.50);
    position: absolute;
    color: #FFFFFF;
    opacity: 0;
    top: 0;
    border-radius: 3px;
    padding: 50px;
}

.settings .campaigns ul li > .picked.show {
    opacity: 1;
}

.settings .campaigns ul li > .overlay > span {
}

.settings .campaigns ul li > img {
    width: 100%;
    height: a;
}

.settings .campaigns .empty {
}

.settings .campaigns .empty span.fa {
    top: 0;
    padding: 0;
    font-size: 50px;
    color: #999999;
    text-shadow: 1px 1px 0px #FFFFFF;
}

.settings .campaigns .empty .title {
    border: none;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 21px;
}

.settings .campaigns .empty .explain {
    font-size: 16px;
    width: 560px;
    margin: auto;
    text-align: justify;
    margin-bottom: 30px;
}

.settings .campaigns .empty button {
}

.activation .percent {
    position: absolute;
    width: 300px;
    height: 14px;
    z-index: 1;
    text-align: center;
    font-size: 0.8em;
    color: white;
}

.activation .progress-bar {
    width: 350px;
    height: 14px;
    border-radius: 10px;
    border: 1px solid #CCC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6666cc), to(#4b4b95));
}

.activation .uploaded {
    padding: 0;
    height: 14px;
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc00), to(#4b9500));
}

.signup .re-activation {
    padding: 140px;
    text-align: center;
    margin-left: -500px;
    position: absolute;
    top: 0;
}

.signup .re-activation .text {
    text-align: center;
    line-height: 25px;
    margin-bottom: 30px;
}

.signup .re-activation .text span {
    color: #4e8fc7;
    font-weight: bold;
    font-size: 18px;
    margin: 0 3px;
}

.signup .re-activation button.action {
    padding: 0 10px;
    width: initial;
    margin-left: 21px;
    float: right;
}

.signup .re-activation button.cancel {
    color: #888888;
    padding: 0 15px;
}

.page.settings {
    margin-bottom: 50px;
    padding: 50px 65px 80px;
    position: relative;
}

.page.settings > div > .title {
}

.page.settings .dotted-title {
    border-bottom: 2px dotted #C9C9C9;
    color: #666666;
    font-size: 22px;
    font-weight: normal;
    line-height: 45px;
    margin-bottom: 40px;
    text-align: right;
    text-shadow: 0 1px 0 #999999;
}

.page.settings .title .fa {
    color: gray;
    display: inline-block;
    font-size: 27px;
    padding: 0 9px;
    vertical-align: super;
}

.page.settings textarea, .page.settings input.text, .page.settings label, .page.settings select, form.details textarea, form.details input.text, form.details label, form.details select {
}

.page.settings textarea, .page.settings input.text {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-color: #CCCCCC;
    font-size: 17px;
}

a.change-pwd {
    height: 35px;
    padding: 0 16px;
    vertical-align: bottom;
}

.page.settings textarea {
    display: block;
    height: 110px;
    padding: 5px;
    width: 600px;
}

.page.settings .select {
    display: block;
    width: 301px;
}

.page.settings select {
    width: 370px;
}

.page.settings h4.tip {
    color: #969696;
    font-size: 12px;
    font-weight: normal;
}

.file-choose-fake {
    height: 35px;
    right: -2px;
}

.page.settings .actions a {
    font-weight: normal;
    margin-right: 10px;
    vertical-align: baseline;
    height: 50px;
    display: inline-block;
    padding: 16px;
}

.page.settings .phone .text-field {
}

.page.settings img.demo {
    height: 280px;
    border: 1px solid #DDDDDD;
}

.page.settings .details {
}

.page.settings .details button.action {
    top: -45px;
    left: -35px;
    width: 100%;
}

.page.settings .details .edit-area {
    width: 250px;
}

.page.settings .details .edit-area input {
    border: 1px solid #d2d2d2;
    height: 40px;
}

.page.settings .details .editor {
    width: 475px;
    margin-right: 70px;
}

.page.settings .details .editor .text-field {
    margin: 0;
    position: relative;
    width: 100%;
    vertical-align: top;
    margin-bottom: 5px;
}

.page.settings .details .editor label {
}

.page.settings .details .editor input {
    border: 1px solid #d2d2d2;
    width: 100%;
    height: 32px;
    font-size: 17px;
}

.page.settings .details .preview {
    width: 20%
}

.page.settings .slider.bpgexmp ul {
    padding: 15px;
    text-align: right;
    margin-right: 45px;
    margin-top: 35px;
}

.page.settings .slider.bpgexmp .scPicker {
    text-align: right;
    padding: 20px 30px;
    position: absolute;
    right: 655px;
    width: 635px;
}

.page.settings .slider.bpgexmp button.pick {
    background: white;
    border: 1px solid #4e8fc7;
    color: #4e8fc7;
    margin-right: 15px;
    margin-top: 8px;
    padding: 5px 10px;
    margin-bottom: 5px;
    min-width: 155px;
    font-size: 14px;
    width: 180px;
}

.page.settings .slider.bpgexmp button.pick.picked {
    background: #4e8fc7;
    color: white;
}

.page.settings .slider.bpgexmp ul li {
    position: relative;
    display: inline-block;
    width: 230px;
    height: 430px;
    margin-left: 40px;
}

.page.settings .slider.bpgexmp ul li .demo {
    top: -175px;
    right: -88px;
    transform: scale(.55);
}

.page.settings .demo {
    height: 750px;
    overflow-y: hidden;
    overflow-x: hidden;
    width: 375px;
    transform: scale(.25);
    border: 6px solid #99A;
    border-radius: 40px;
    position: absolute;
    box-shadow: 0px 3px 0 #bbb, 0px 4px 0 #bbb, 0px 5px 0 #bbb, 0px 5px 0 #bbb, 0px 10px 15px #bbb;
    transition: all 0.5s ease;
    position: absolute;
    top: -250px;
}

.page.settings .demo.view2 {
    transform: scale(0.65) rotateX(0deg) rotateY(50deg) rotateZ(0deg);
    box-shadow: 5px 1px 0 #bbb, 9px 2px 0 #bbb, 12px 3px 0 #bbb, 25px 4px 0 #bbb, 0 7px 20px #999;
    /*   left: -410px;
       top: -11px;*/
}

.page.settings .demo.view3 {
    transform: scale(0.65) rotateX(50deg) rotateY(0deg) rotateZ(-50deg);
    box-shadow: -3px 3px 0 #BBB, -6px 6px 0 #BBB, -9px 9px 0 #BBB, -12px 12px 0 #BBB, -14px 10px 20px #666;
}

.page.settings .slider.bpgexmp ul li i {
    right: 10px;
    cursor: pointer;
    z-index: 1;
    text-shadow: 1px 1px 0px white;
}

.page.settings .slider.bpgexmp ul li .demo iframe {
    overflow: hidden;
    background: black;
    width: 400px;
}

.page.settings .slider.bpgexmp ul li a,
.page.settings .slider.bpgexmp ul li button {
    position: absolute;
    bottom: 35px;
    right: 4%;
    width: 90%;;
}

.page.settings .slider.bpgexmp ul li a > button {
    width: 100%;
    right: 0%;
}

.page.settings .slider.bpgexmp ul li .menu {
    border-radius: 25px;
}

.page.settings .slider.bpgexmp .sc-name {
    display: block;
    margin-right: 28px;
    padding: 8px;
    background: #d4d4d4;
    width: 84%;
}

.seo .text-field {
    width: 620px;
}

.dot-line {
    border-bottom: 1px dotted #C9C9C9;
    margin: 30px 0 10px;
}

.pop-up.change-pwd {
    width: 380px;
    margin-right: -175px;
    border: 10px solid #FFFFFF;
}

.pop-up.change-pwd .title {
    width: 100%;
    background: #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 2px;
}

.pop-up.change-pwd form {
    padding: 30px 40px 30px;
    width: 100%;
    height: 100%;
}

.change-pwd {
    position: relative;
    padding: 20px 80px;
}

.change-pwd img {
    position: absolute;
    left: 80px;
    top: 110px;
}

.change-pwd .header {
    width: 500px;
}

.change-pwd form button {
    font-size: 16px;
    margin: 10px 0;
}

.change-pwd .message-box {
    margin-top: 10px;
    width: 321px;
    background: none;
    color: #ff3366;
    padding: 0px 0;
    font-size: 15px;
    font-weight: normal;
}

.welcome {
    text-align: center;
    margin-top: -12px;
}

.welcome img {
    height: 200px;
}

#new-user input:-moz-placeholder {
    font-weight: normal;
}

#new-user input:-ms-input-placeholder {
    font-weight: normal;
}

.small-label {
    color: #333333;
    font-size: 14px;
    position: absolute;
    top: -16px;
}

.signup {
    font-family: Open Sans Hebrew;
}

.signup .step-nav-container {
    bottom: 0;
    position: absolute;
    width: 400px;
}

.signup .step-nav {
    background-image: url("https://b105ff616ffabf542041-4bd9cbd7c940079c5eb5fd18e93586b2.ssl.cf2.rackcdn.com/back-next-green-bold.png");
    height: 85px;
    width: 92px;
    position: absolute;
}

.signup .step-nav:hover {
}

.signup .step-nav.next {
    left: 14px;
}

.signup .step-nav.next:hover {
    background-position: 0px 89px;
}

.signup .step-nav.back {
    background-position: -104px 1px;
    background-repeat: no-repeat;
    height: 71px;
    right: -23px;
    width: 107px;
}

.signup .step-nav.back:hover {
    background-position: -104px -99px;
}

.main-content.signup {
}

.signup .content-section {
    background: #FFFFFF;
    border: none;
    margin: 40px auto;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
}

.signup .content-section > div {
    height: 100%;
}

.signup .content-header h3 {
    padding: 23px 0;
}

.signup .content-header {
    height: 50px;
    padding: 0 0;
}

.signup .content-header > * {
    display: inline-block;
}

.signup .content-header .logo {
    height: 70px;
    float: left;
    margin-top: 16px;
}

.signup .header {
    margin-top: 0px;
    text-align: center;
}

.signup form {
    margin: 0 auto 0 -190px;
    width: 380px;
    visibility: hidden;
    transform: translateX(-450px);
    position: absolute;
    left: 50%;
    margin-left: -190px;
    top: 40px;
}

form.sub-categories {
    width: 100%;
    left: 0;
    margin: 0;
    margin-left: 0;
    position: relative;
    text-align: center;
}

.signup form.account {
    left: 150%;
    text-align: center;
}

.signup form.in {
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
    min-height: 570px;
}

.signup form .location {
    margin-bottom: 20px;
}

.signup form .location svg {
}

.signup form.leave {
    transform: translateX(400px);
    opacity: 0;
}

.signup form.logo {
    left: 150%;
    margin-left: -235px;
    width: 410px;
}

.signup form .main {
    padding: 0;
    width: 500px;
    margin-top: 50px;
}

.signup form h4 {
    font-size: 17px;
    padding: 0 13px;
    text-align: right;
}

.signup button.action {
    margin: 24px auto;
    padding: 14px 11px 14px;
    width: 350px;
    text-align: center;
    height: 50px;
    vertical-align: 1px;
    position: relative;
}

.signup .location img {
    height: 121px;
    margin-bottom: 24px;
    opacity: 0.85;
}

.signup .facebook {
    min-height: 200px;
}

.signup .step-details {
    background: none repeat scroll 0 0 #FCFBE5;
    border-bottom: 1px solid #E0D479;
    border-radius: 5px 5px 0 0;
    color: #B68343;
    font-size: 13px;
    left: 0;
    line-height: 1.65em;
    padding: 15px 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.signup .slide-container {
    height: auto;
    overflow: hidden;
    min-height: 600px;
}

.signup form.verify {
    margin: 100px auto;
    padding: 0 150px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.signup form.verify .fa {
    color: LightSteelBlue;
    font-size: 32px;
    font-weight: bold;
}

.signup button.action .fa {
    vertical-align: top;
    top: 0;
    padding: 0 10px;
}

.signup .steps li {
    display: inline-block;
    font-size: 14px;
    margin-right: 219px;
    text-align: center;
    width: auto;
}

.signup .steps li.first {
    margin: 0pt;
    margin-right: 30px;
}

.signup .steps li > span {
    line-height: 30px;
}

.signup .steps li > .step-ball.done-true {
    opacity: 0.8;
}

.signup .steps li > .step-ball {
    border: 5px solid #5BCE88;
    border-radius: 50%;
    color: #5BCE88;
    display: inline-block;
    font-family: arial;
    font-size: 28px;
    font-weight: bold;
    height: 56px;
    opacity: 0.25;
    padding: 7px;
    text-align: center;
    width: 56px;
}

.signup .steps {
    position: relative;
    width: 400px;
    margin: 40px auto 10px;
}

.signup .steps.steps > img {
    position: absolute;
    right: 140px;
    top: 25px;
    height: 17px;
}

.signup .footer {
    height: 106px;
    position: relative;
    border-top: 1px solid #CCC;
    padding: 15px 0;
}

.signup .footer .privacy {
    font-size: 14px;
    margin: 0px auto;
    padding: 0px 0pt;
    width: 500px;
    background: #FFFFFF;
}

.signup .footer .privacy a {
    display: inline;
}

.signup .footer .privacy > .text {
    display: inline-block;
    margin-top: -4px;
    width: 436px;
    text-align: justify;
}

.signup .footer .privacy .fa {
    color: #969696;
    display: inline-block;
    float: right;
    font-size: 30px;
    margin-left: 10px;
    padding: 0pt;
    top: -5px;
}

.signup .footer .rights {
    top: 15px;
    color: #969696;
    font-size: 12px;
    left: 0;
    position: absolute;
}

.signup .tooltip {
    padding: 4px;
    margin: 0 1px;
}

.signup .tooltip-inner {
    padding: 20px;
    width: 364px;
    max-width: 525px;
    font-size: 14px;
    background: #666;
}

.signup .title {
}

.signup .explain-if {
    color: #999999;
    font-size: 15px;
    width: 368PX;
    text-align: justify;
    line-height: 19px;
}

.signup .required-alert, .signup .invalid-alert {
    left: 0;
}

.signup form .main.age {
    padding: 0px 0;
}

.signup .age .frame {
    border-radius: 3px;
    padding: 10px;
    width: 92%;
}

.signup .age .frame.highlight {
    border: 1px solid rgba(255, 51, 102, 0.3);
}

.signup .age input {
    display: inline-block;
    width: 20px;
    height: 22px;
    vertical-align: -5px;
    margin-left: 5px;
    margin-bottom: 20px;
}

.page.business input[type=checkbox] {
    height: 20px;
    width: 20px;
    vertical-align: -5px;
    margin: 0 8px;
}

.page.business ul.nav {
    padding: 0 0 0 0;
}

.page.business ul {
    padding: 0px 0px 40px;
}

.page.business ul.sons {
    padding: 15px 0px 5px;
}

.page.business ul li {
    margin-bottom: 8px;
}

.page.business ol {
    padding: 30px 80px;
    text-align: center;
}

.page.business ol.pickcat li {
    display: inline-block;
    width: 175px;
    height: 165px;
    background: #FFFFFF;
    border: 1px solid #CCC;
    padding: 25px 15px;
    text-align: center;
    vertical-align: top;
    margin: 15px;
    cursor: pointer;
    background: #efefef;
}

.page.business ol.pickcat li:hover {
}

.page.business ol.pickcat li > i {
    display: block;
    font-size: 42px;
    margin-bottom: 20px;
}

.page.business ol.pickcat li > span {
    font-size: 15px;
}

.page.business .preview {
    margin: 0 0 60px;
}

.page.business button a {
    color: #ffffff;
}

.page.business .preview button {
    padding: 15px 25px;
    height: auto;
    margin: 0 10px;
    width: 240px;
}

.page.business .tab-content {
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    height: auto;
    padding: 30px 40px;
    min-height: 750px;
}

.page.business .tab-content > .tab-pane {
}

.page.business .notification {
    display: block;
    background: white;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 3px 3px -1px #EEEEEe;
    top: 100px;
    right: 20px;
    padding: 40px 30px 50px;
}

.page.business .notification .text {
    text-align: justify;
    line-height: 21px;
    margin-bottom: 20px;
}

.page.business .notification button {
    height: 40px;
    padding: 0 27px;
}

.page.business .container {
    text-align: center;
}

.page.business .slider .container {
    min-height: 850px;
}

.page.business .container form {
    text-align: right;
    width: 560px;
}

.page.business .welcome-tab {
    padding: 30px 0px;
    height: a;
    width: 100%;
}

.page.business .welcome-tab .image-container {
    position: relative;
    width: 720px;
}

.page.business .welcome-tab iframe {
    width: 366px;
    background: black;
}

.page.business .welcome-tab .image-container .tt-frame {
    position: relative;
    transition: top 0.5s linear;
    top: 20px;
}

.page.business .welcome-tab .image-container .tt-frame.show-true {
    top: 0px;
}

.page.business .welcome-tab .image-container .tt-frame a {
    position: absolute;
    color: #FFFFFF;
    background: #FF3366;
    border-radius: 50%;
    box-shadow: 1px 1px 6px -2px #000;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 40px;
    width: 40px;
    padding: 9px 15px;
    font-weight: bold;
    font-size: 19px;
}

.page.business .welcome-tab .image-container .tt-frame a.logo {
    right: 400px;
    top: 30px;
}

.page.business .welcome-tab .image-container .tt-frame a.address {
    right: 210px;
    top: 100px;
    display: none;
}

.page.business .welcome-tab .image-container .tt-frame a.description {
    top: 250px;
    right: 620px;
    min-height: 40px;
}

.page.business .welcome-tab .image-container .tt-frame a.details {
    top: 160px;
    right: 530px;
}

.page.business .welcome-tab .image-container .tt-frame a.activity-hours {
    top: 340px;
    right: 460px;
}

.page.business .welcome-tab .image-container .tt-frame a.invite-link {
    right: 60px;
    top: 240px;
}

.page.business .welcome-tab .message {
    width: 425px;
    padding: 0;
    text-align: right;
    line-height: 21px;
    vertical-align: top;
}

.page.business .welcome-tab .message span {
    background: #52b266;
    color: #FFFFFF;
    float: right;
    padding: 5px 18px;
    border-radius: 3px;
    margin-left: 20px;
}

.page.business .welcome-tab img {
    height: 740px;
    border: 1px solid #CCC;
    box-shadow: 0px 0px 6px 0px #999;
}

.page.business .nav-tabs > li > a, .page.settings .nav-tabs > li > a {
    background: #DDDDDD;
    border: 1px solid #DDDDDD;
}

.page.business .nav-tabs > li > a:hover {
    background: #efefef;
    border: 1px solid #DDDDDD;
    transition: background 0.2s linear;
}

.page.business .nav-tabs > li.active > a, .page.business .nav-tabs > li.active > a:hover, .page.business .nav-tabs > li.active > a:focus {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-bottom-color: transparent;
    transition: background 0.2s linear;
}

.page.business.settings.tab-thin .nav-tabs > li {
    width: auto;
    min-width: 125px;
}

.page.business .nav-tabs > li {
    float: right;
    margin-bottom: -1px;
    margin-right: -2px;
    width: 153px;
    text-align: center;
    margin-left: 10px;
}

.page.business input.text {
    height: 40px;
}

.page.business input.text:focus {
    border: 1px solid #52b266
}

.page.business input.text, .page.business textarea {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-color: #CCCCCC;
    font-size: 17px;
}

.page.business textarea {
    text-indent: 0px;
    padding: 10px 8px;
    font-size: 15px;
    line-height: 24px;
    min-width: 600px;
    min-height: 168px;
}

.page.business textarea.thin {
    height: 70px;
}

.page.business form .title {
    font-size: 19px;
    border-bottom: none;
    height: unset;
}

.page.business label {
    font-size: 15px;
    color: #333333;
    font-size: 15px;
}

.page.business .change-pwd .text-field {
    margin-bottom: 10px;
    width: 300px;
    padding: 5px;
}

.page.business textarea:-moz-placeholder {
    color: #d6d6d6;
    font-weight: normal;
    line-height: 15px;
}

.page.business textarea::-moz-placeholder {
    color: #D6D6D6;
    font-weight: normal;
    line-height: 15px;
}

.page.business textarea:-ms-input-placeholder {
    color: #D6D6D6;
    font-weight: normal;
    line-height: 15px;
}

.page.business textarea::-webkit-input-placeholder {
    color: #D6D6D6;
    font-weight: normal;
    font-size: 15px;
}

.page.business input:-moz-placeholder {
    color: #d6d6d6;
    font-weight: normal;
}

.page.business input::-moz-placeholder {
    color: #D6D6D6;
    font-weight: normal;
}

.page.business input:-ms-input-placeholder {
    color: #D6D6D6;
    font-weight: normal;
}

.page.business input::-webkit-input-placeholder {
    color: #D6D6D6;
    font-weight: normal;
}

.page.business .text-field.linkact {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 60px;
    height: 35px;
    position: relative;
}

.page.business .text-field.linkact > .label {
    right: 0px;
    top: -23px;
    position: absolute;
    font-size: 15px;
}

.page.business .text-field.linkact input {
    width: 450px;
    font-size: 15px;
    color: #999999;
    line-height: 22px;
    margin-right: 15px;
}

.page.business .slider.actico {
    width: 405px;
}

.page.business .slider.actico > .container {
    padding: 35px 30px 80px;
    text-align: right;
}

.page.business .slider.actico > .container ul {
    padding: 0px;
}

.page.business .slider.actico > .container ul li.b {
    display: inline-block;
}

.page.business .slider.actico > .container i {
    display: inline-block;
    margin-right: 22px;
    font-size: 35px;
    margin-bottom: 35px;
    cursor: pointer;
    width: 45px;
    text-align: center;
}

.page.business .text-field.linkact input.name {
    border: none;
    border-bottom: 1px solid #CCCCCC;
    padding: 0px;
    height: 25px;
    width: 225px;
    margin-bottom: 11px;
    color: black;
}

.moreact {
    width: 780px;
}

.moreact .error-message {
}

.moreact ul li {
}

.moreact ul li .icn {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    padding: 15px;
    position: relative;
    background: #919191;
    color: white;
    font-size: 24px;
    margin-left: 11px;
}

.moreact ul li input.link {
    height: 43px;
    font-size: 18px;
    text-align: left;
    direction: ltr;
    width: 480px;
    display: block;
    padding: 13px;
}

.moreact ul li input.name {
    width: auto;
    margin-top: 8px;
    font-weight: bold;
    font-size: 16px;
}

.moreact ul li .disp {
    padding: 5px 16px;
    margin-top: 48px;
}

.moreact .collapser {
    font-style: italic;
    margin-bottom: 10px;
    display: block;
}

.moreact .explain {
    width: 100%;
    padding: 11px 16px;
    background: #f2f2f2;
    line-height: 32px;
}

.moreact .explain > div > div:first-child {
    direction: ltr;
    background: none;
    padding: 0px 21px;
    width: 245px;
    margin-bottom: 20px;
    direction: rtl;
}

.moreact .explain > div > div {
    background: #d4d4d4;
    padding: 0px 11px;
    direction: ltr;
}

.page.business .seo label {
}

.page.business .seo input, .page.business .seo textarea {
    border: 1px solid #2e447357;
    background: #fafcff;
    padding: 10px 10px 10px 30px;
}

.page.business .textacont{
    border: 1px solid #2e447357;
    border-radius: 3px;
    position: relative;
}

.page.business .textacont > textarea{
    border: none;
}

.page.business .textacont > .btn{

    position: absolute;

    bottom: 7px;

    right: 7px;
}

.page.business .seo input {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}

.page.business .seo textarea {
    width: 100%;
    margin-bottom: 10px;
    resize: none;
}

.page.business .seo textarea.error, .page.business .seo input.error {
    border: 1px solid #ff3366;
}

.page.business .seo textarea:focus, .page.business .seo input:focus {
    border: 1px solid #ff3366;
}

.page.business .seo span.help {
    position: unset;
    opacity: .6;
    width: 640px;
    display: inline-block;
    letter-spacing: 1px;
}

.page.business .seo span.chars {
    border-radius: 3px;
    padding: 7px 20px;
    background: #cad0dd;
    float: left;
}

.text-field.linkact .fa {
    float: right;
    background: #999999;
    color: #FFFFFF;
    width: 45px;
    height: 45px;
    display: inline-block;
    top: 5px;
    font-size: 25px;
    padding: 10px 8px;
    top: -2px;
    text-align: center;
    background: #4e8fc7;
}

.settings form {
    padding: 0px 0;
}

.settings-container {
    width: 750px;
    margin-top: 50px;
}

.mblfrm .settings-container {
    margin-top: 10px;
    width: 90%;
    margin: auto;
}

.settings-container .item:first-child {
    margin-top: 40px;
}

.settings-container .item {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
}

.settings-container .item input[type=checkbox] {
    margin: 0
}

.settings-container .item > div {
    display: inline-block
}

.settings-container .item .type {
    width: 140px;
    color: #000000;
    margin-bottom: 20px;
    vertical-align: top;
}

.settings-container .item .value {
}

.settings-container .usgae {
    background: #F1F1F1;
    width: 810px;
    margin-right: -50px;
    padding: 20px 60px 40px;
    margin-bottom: 40px;
}

.settings-container a.fb {
    background: #3b5998c2;
    color: #FFFFFF;
    width: 500px;
    height: 77px;
    display: block;
    border-radius: 10px;
}

.settings-container a.fb:hover {
    background: #3b5998;
}

.settings-container a.fb span.fa {
    color: #FFFFFF;
    font-size: 30px;
    margin: 0;
    vertical-align: unset;
}

.settings-container a.fb > div {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 70%;
    font-size: 19px;
}

.settings-container a.fb > div:first-child {
    border-left: 1px solid #3b5998;
    height: 100%;
    padding: 24px;
    width: 20%;
}

.mobile.main-menu.mblfrm .menu-slider {
    width: 512px;
    overflow: hidden;
    min-height: 200px;
    height: 1839px;
    z-index: 0;
    border-radius: 0 0px 36px 36px;
    -webkit-border-radius: 0 0px 36px 36px;
    -moz-border-radius: 0 0px 36px 36px;
    margin-top: 0;
}

.account-summary {
    width: 470px;
    padding: 0 0 30px;
}

.account-summary > .header {
    margin-bottom: 20px;
    color: #333333;
    border-bottom: 1px solid #dedede;
    padding: 8px 0;
    width: 690px;
}

.account-summary .info .fa {
    float: right;
    top: 0;
    right: -7px;
    margin-left: 5px;
    color: rgba(31, 37, 50, 0.61);
}

.p-bar {
    width: 300px;
}

.account-summary .info .progress {
    box-shadow: none;
    height: 11px;
    border-radius: 10px;
    border-color: #ffffff;
}

.account-summary .info .progress .progress-bar {
}

.account-summary .info .ovrg {
    font-size: 15px;
    color: rgb(158, 153, 152);
    margin-right: 10px;
}

.account-summary .info .header {
    margin-bottom: 7px;
}

.account-summary .info {
    position: relative;
}

.account-summary .info .note {
    width: 300px;
    background: #52b266;
    padding: 5px 15px 4px;
    border-radius: 3px;
    color: #FFF;
    margin-bottom: 10px;
}

.account-summary .info span.fa {
    right: -4px;
}

.page.settings label {
    font-size: 15px;
    margin-bottom: 3px;
    display: block;
}

.page.settings .footer {
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    color: #aaa;
}

.page.settings .footer a {
    color: #AAAAAA;
}

#changePwdName .fade-label label.text span {
    color: #aaaaaa;
}

#changePwdName button {
    width: 100px;
}

.settings .area {
    background: #eceef0;
    position: relative;
    width: 100%;
    min-height: 200px;
    height: auto;
    margin-bottom: 30px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: right;
    padding: 25px 30px 25px;
    position: relative;
}

.settings .area a.exlink {
    margin-top: 10px;
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.settings.business .area h1,
.settings.business .area h2 {
    font-weight: bold;
    color: #1f2532;
}

.settings .area h1 {
    font-size: 21px
}

.settings .area h2 {
    font-size: 19px
}

.settings .area .desc {
    display: inline-block;
    width: 510px;
    font-size: 15px;
    margin-top: 10px;
}

.settings .area button.action {
    background: #FFFFFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #1f253242;
    height: 45px;
    color: #1f2532b5;
    padding: 10px 20px;
    margin-top: 20px;
    display: b;
}

.settings .area button.action.download {
    background: #167FFC;
    color: #FFFFFF;
}

.settings .area button:hover {
}

.settings .area .innerol {
    background: none repeat scroll 0 0 #0000007d;
    height: 100%;
    left: 0;
    width: 100%;
    position: inherit;
    color: #FFFFFF;
    padding: 80px 28px;
    font-size: 21px;
    opacity: 0.7;
    font-weight: bold;
    cursor: pointer;
}

.settings .area .symbol {
    position: absolute;
    left: 50px;
    top: 50%;
    margin-top: -60px;
    transform: scale(.75);
}

.area.sharelink .field {
    width: fit-content;
    margin-bottom: 15px;
    position: relative;
}

.area.sharelink .field.wa .container {
    background: #f9f9f9;
    border: 1px solid #d0d1d3;
    padding-bottom: 40px;
}

.area.sharelink .field.wa textarea {
    border: none;
    background: transparent;
}

.area.sharelink .field.wa a {
    position: absolute;
    left: 10px;
    bottom: 9px;
    color: #fff;
    background: #25D366;
    padding: 4px 9px;
    border-radius: 8px;
    font-size: 15px;
}

.area.sharelink .field label {
    font-size: 14px;
    font-weight: normal;
}

.area.sharelink .field input,
.area.sharelink .field textarea {
    background: #f9f9f9;
    border: 1px solid #d0d1d3;
    font-size: 16px;
}

.area.sharelink .field textarea:hover,
.area.sharelink .field input:hover {
    background: #ededed;
}

.area.sharelink .field.wa textarea:hover,
.area.sharelink .field.wa .container:hover {
    background: #FFFFFF;
}

.area.sharelink .field input {
    width: 250px;
    height: 40px;
}

.area.sharelink .field textarea {
    width: 453px;
    height: 130px;
    min-height: unset;
    min-width: unset;
    font-size: 14px;
    resize: none;
}

.area.sharelink .field input:focus,
.area.sharelink .field .container:focus {
    background: #FFFFFF;
    border: 2px solid #729dc8;
}

.area.sharelink .qr {
    height: 283px;
}

.area.sharelink .qr img {
    width: 150px;
    height: 150px;
    padding: 10px;
    background: #FFFFFF;
}

.settings .action-area {
    width: auto;
    border: 1px solid rgba(51, 60, 78, 0.2);
    border-radius: 3px;
    padding: 15px 0px 0px;
}

.settings .action-area.url-editor {
    width: 500px;
    height: auto;
    border: none;
    height: 200px;
}

.settings .action-area .text {
    text-align: right;
    margin-bottom: 10px;
}

.settings .action-area .edit-action {
    text-align: right;
    font-size: 14px;
    margin-top: 5px;
}

.settings .action-area .url {
    text-align: left;
    position: relative;
    background: #FFF;
    padding: 10px 25px;
    border-radius: 43px;
    font-size: 15px;
    margin-bottom: 12px;
}

.settings .action-area .url i {
    font-size: 12px;
    color: #1f2532;
    vertical-align: 1px;
    margin-right: 5px;
}

.settings .action-area .urledit {
}

.settings .action-area .urledit input {
    display: inline-block;
    width: 300px;
    vertical-align: 2px;
    margin-left: 3px;
    border: none;
    height: 43px;
    padding: 8px;
    font-size: 16px;
    border-radius: 0 43px 43px 0px;
}

.settings .action-area .urledit .feedback {
    position: absolute;
    padding: 0;
    margin: 0;
}

.settings .action-area .urledit .feedback.alert {
    right: 0px;
    top: 80px;
    font-size: 14px;
}

.settings .action-area .urledit .feedback.ok {
    right: 17px;
    top: 40px;
    font-size: 19px;
}

.settings .action-area .urledit .actions {
    margin-top: 10px;
}

.settings .action-area .url button {
    height: 36px;
    padding: 10px 27px;
    margin-left: 5px;
    width: 90px;
    margin-top: 10px;
}

.settings .area .democon {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 270px;
    height: 200px;
    background: #99acbf;
    border-radius: 10px;
    overflow: hidden;
}

.settings .area .democon iframe body {
    overflow: hidden;
}

.settings .bpageact {
    border: 1px solid #167FFC;
    border-radius: 10px;
    width: 77%;
    margin-right: -40px;
    margin-top: 20px;
    height: 80px;
    padding: 22px 60px;
    box-shadow: 0px 1px 3px 0px #aaa;
    cursor: pointer;
    font-size: 19px;
    color: rgb(22, 127, 252);
}

.settings .action-area .container {
    display: none;
    text-align: right;
}

.settings .action-area .container.open {
    display: block;
    margin-top: 20px;
}

.settings .ret-sms {
    display: block;
    background: #efefef;
    padding: 30px 40px 70px;
    position: relative;
    min-height: 400px;
}

.settings .ret-sms .svglaoder {
    position: absolute;
    left: 15px;
    top: 5px;
}

.settings .ret-sms strong {
    color: #1f2532;
    font-weight: bold;
}

.settings .ret-sms .pop-up .container {
    text-align: right;
    padding: 40px 20px;
}

.settings .ret-sms .pop-up > .title {
    font-size: 19px;
    margin: 0;
    height: auto;
    padding: 13px 25px 10px 20px;
    border-bottom: 1px solid #DDDDDD;
}

.settings .ret-sms .pop-up .alert {
    margin: -14px 0 10px;
    font-size: 15px;
}

.settings .ret-sms .pop-up.change-code {
    width: 700px;
    margin-right: -350px;
    height: auto;
    padding: 7px 20px 20px;
    top: 200px;
    font-size: 18px;
}

.settings .ret-sms .pop-up.change-code .loader {
    position: absolute;
    left: 7px;
    top: 7px;
}

.settings .ret-sms .pop-up.change-code .field {
    width: 400px;
    margin-bottom: 20px;
}

.settings .ret-sms .pop-up.change-code input {
    height: 40px;
    width: 100%;
}

.settings .ret-sms textarea {
    min-width: 500px;
    width: 639px;
    display: inline-block;
    vertical-align: top;
    padding: 10px 20px;
    min-height: 130px;
    background: #Fefefe;
    border: none;
}

.settings .ret-sms form textarea {
    border: 1px solid #ccc;
    width: 570px;
    margin-top: 10px;
}

.settings .ret-sms .example {
    width: 640px;
    padding: 30px 0;
    margin-top: 30px;
}

.settings .ret-sms .example span {
    font-family: arial;
    font-style: italic;
    margin-bottom: 0px;
    display: block;
    padding: 14px 20px;
    background: #d6fbd8;
    border-radius: 4px;
}

.campaigns-container {
    margin-top: 40px;
}

.campaigns-container li {
    transform: scale(0.95);
    margin-bottom: 30px;
}

.campaigns-container li .container .exp {
    display: none;
}

.campaigns-container li .preview {
    background-repeat: no-repeat;
    background-size: 290px auto;
    cursor: pointer;
    height: 193px;
    margin: 0;
    position: relative;
    width: 290px;
    padding: 15px;
    border: 1px solid #DDDDDD;
}

.page.settings.password {
}

.page.settings.password input {
}

.page.settings.password button {
}

.pop-up.packages {
    width: 1100px;
    margin-right: -550px;
    top: 60px;
    height: 800px;
}

.pop-up.packages .container {
    padding: 20px 40px;
}

.pop-up.packages .container.confirm {
    padding: 20px 200px;
}

.pop-up.packages .container.confirm h4 {
    font-size: 19px;
}

.pop-up.packages .container.confirm button {
    width: 290px;
}

.pop-up.packages .container .info {
    text-align: center;
    width: 100%;
    margin: 5px 0 20px;
    font-size: 19px;
}

.pop-up.packages .container .info span {
}

.pop-up.packages .container .details:first-child {
    margin-left: 160px;
}

.pop-up.packages .container button.submit {
    display: block;
    margin: auto;
    padding: 20px 110px;
}

.pop-up.packages form {
    padding: 30px 0px;
}

.pop-up.packages form button {
    padding: 10px 25px;
    margin-top: 5px;
}

.pop-up.packages form .title {
    border-radius: 3px;
    padding: 5px 0;
    color: #999;
    margin-bottom: 10px;
    font-size: 19px;
    text-align: right;
    font-weight: bold;
}

.pop-up.packages form.package li {
    text-align: right;
    padding: 9px 10px 3px;
    margin-bottom: 10px;
}

.pop-up.packages form.package.email li.picked {
}

.pop-up.packages form.package li.picked {
    text-align: right;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid rgba(78, 143, 199, 1);
}

.pop-up.packages form.package li > .desc {
    width: 145px;
}

.pop-up.packages form.package li > .amount {
    width: 48px;
}

.pop-up.packages form.package li > .other {
}

.pop-up.packages form.packages {
    margin-top: -120px;
    padding: 0 20px;
    margin-bottom: 60px;
}

.pop-up.packages form.packages .header .text {
    display: inline-block;
    font-weight: bold;
    color: #1F2532;
    margin-left: 10px;
}

.pop-up.packages form.packages .header {
    margin-bottom: 40px;
}

.pop-up.packages form.package {
}

.pop-up.packages form.package .type:first-child {
    margin-left: 71px;
}

.pop-up.packages form.package .type {
    width: 280px;
}

.pop-up.packages form.package .type .title {
    color: #1f2532;
    background: #F9F9FA;
    padding: 10px 20px;
    border-radius: 3px;
}

.pop-up.packages form.package ul li:first-child {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
}

.pop-up.packages form.package ul li:first-child .item {
    font-size: 15px;
    font-weight: bold;
    color: #1f2530;
}

.pop-up.packages form.package ul li .item {
    display: inline-block;
    margin-bottom: 4px;
    width: 110px;
    margin-left: 0;
    font-size: 17px;
}

.pop-up.packages form.package .item {
}

.pop-up.packages form.package .item:first-child {
    margin-left: 0;
    width: 30px;
}

.pop-up.packages form.package input {
    width: 19px;
    height: 19px;
    vertical-align: -5px;
    margin-left: 10px;
    cursor: pointer;
}

.pop-up.packages .diagram {
    border-radius: 50%;
    border: 3px solid #4e8fc7;
    width: 100px;
    height: 100px;
    margin: auto;
    color: #4e8fc7;
    padding: 21px 0;
}

.pop-up.packages .diagram.failure,
.pop-up.packages .diagram.partial {
    color: #ff3366;
    border: 3px solid #ff3366;
}

.pop-up.packages .diagram .fa {
    font-size: 50px;
}

.page.settings.fbac .text {
    font-size: 19px;
}

.page.settings.fbac button {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radiuss: 5px;
}

.mobile.setting.pg {
    position: fixed;
    width: 100%;
    min-height: 100%;
    height: 100%;
    z-index: 11111;
    top: 0;
    overflow: scroll;
    border-radius: 0;
}

.dsktp.setting.pg {
    position: fixed;
    width: 100%;
    min-height: 100%;
    height: 100%;
    z-index: 11111;
    top: 0;
    overflow: scroll;
}

.mobile.setting.pg > div {
    padding: 40px 20px;
}

.mobile.setting.pg > div.title {
    background: #ffffff;
    box-shadow: 0 0 3px -1px #666;
    position: fixed;
    z-index: 1;
    width: 100%;
    padding: 18px 12px 15px;
    font-size: 17px;
    text-align: right;
}

.mobile.setting.pg > div.title .fa {
    vertical-align: 1px;
    margin-left: 10px;
}

.mobile.setting.pg > div.main {
    height: 110%;
    overflow: scroll;
}

.mobile.setting.pg form {
    position: relative;
    padding: 0;
}

.mobile.setting.pg form .actions a {
    position: fixed;
    left: 30px;
    top: 16px;
    z-index: 1;
}

.mobile.setting.pg form .actions a span {
    margin: 0;
}

.mobile.setting.pg .text-field {
    width: 100%;
    padding: 10px;
    margin: 1px 0;
    text-align: right;
}

.mobile.setting.pg .text-field label {
    font-size: 13px;
    color: #1f2532;
}

.mobile.setting.pg .text-field input {
    border: none;
    border-bottom: 1px solid #9999;
    text-indent: 0px;
    height: auto;
    direction: rtl;
    padding: 3px 0 3px;
    font-size: 17px;
}

form.settings.pg .text-field a,
.mobile.setting.pg .text-field a {
    width: 100%;
    display: block;
    text-align: center;
    border: 1px dashed;
    padding: 20px 0;
    border-radius: 10px;
    margin-bottom: 50px;
}

.setting.pg .auth {
    text-align: center;
    padding: 12px 6px;
    line-height: 19px;
}

.setting.pg .auth .lastFour i {
    display: inline-block;
    margin: 0 1px;
    font-size: 11px;
    vertical-align: 3px;
    opacity: 0.7;
}

.dsktp.setting.pg .auth {
    width: 1100px;
    margin: auto;
    background: #FFF;
    position: fixed;
    right: 50%;
    margin-right: -550px;
    top: 70px;
    z-index: 100000;
    height: 600px;
    box-shadow: 2px 2px 20px 0px #0000004a;
    text-align: right;
    overflow: hidden;
}

.dsktp.setting.pg .auth .dgrm {
    width: 520px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

.dsktp.setting.pg .auth .dgrm img {
    right: -90px;
    top: 0;
    height: 600px;
}

.dsktp.setting.pg .auth .login {
    padding: 40px 50px;
    position: absolute;
    left: 10px;
    width: 560px;
    top: 0;
    height: 100%;
    line-height: 30px;
}

.setting.pg .auth .login h1 {
    font-size: 23px;
    margin: 60px 0 5px;
}

.dsktp.setting.pg .auth .login .terms {
    width: 400px;
    line-height: 21px;
    margin-top: 6px;
    opacity: 0.8;
}

.dsktp.setting.pg .auth .login .ftr {
    position: absolute;
    left: 10px;
    bottom: 10px;
    direction: ltr;
    opacity: 0.8;
}

.setting.pg .auth svg {
    display: inline-block;
    margin-top: 0;
    fill: #167FFC;
    margin-left: 70px;
    opacity: 1;
    height: 146px;
    width: 130px;
    transform: scale(0.7);
    margin: auto;
}

.setting.pg .auth .activation input {
    height: 60px;
    border: none;
    font-size: 40px;
    direction: ltr;
    margin: 30px auto 40px;
    width: 191px;
    letter-spacing: 15px;
    text-align: left;
    padding: 0px 0px 0px 29px;
}

.setting.pg .auth .activation button {
    width: 100%;
    display: block;
    margin: 0px auto 10px;
}

.setting.pg .auth .activation button.disable {
    opacity: 0.6;
}

.mobile.setting.pg ul.subsc.pick {
}

.mobile.setting.pg ul.subsc.pick .internal {
    margin-top: 25px;
    padding: 0 20px 0 40px;
}

.mobile.setting.pg ul.subsc.pick .internal li {
    border: none;
    padding: 14px 0;
}

.mobile.setting.pg ul.subsc.pick > li {
    width: 100%;
    padding: 16px 10px;
    height: auto;
    max-height: 50px;
    overflow: hidden;
}

.mobile.setting.pg ul.subsc.pick > li.hopen {
    max-height: 1000px !important;
}

.mobile.setting.pg ul.subsc.pick > li.hlist {
    max-height: 70px;
}

.mobile.setting.pg ul.subsc.pick > li .list {
    margin-top: 3px;
    font-size: 14px;
    font-style: italic;
    color: #999;
}

.bpagestt {
    text-align: center;
    margin-top: 120px;
}

.bpagestt > div {
}

.bpagestt a.action {
    display: block;
    height: 100px;
    width: auto;
    text-align: center;
    margin-bottom: 26px;
    color: #666;
}

.bpagestt a.action.btn {
    border: 1px solid #4e8fc7;
    width: 70%;
    margin: auto;
    padding: 14px;
    margin-top: 10px;
}

.bpagestt a.action.btn svg {
    widows: 30px;
    fill: #4e8fc7;
}

.bpagestt a.action svg {
    width: 50px;
    display: block;
    height: auto;
    margin: auto;
    fill: #666;
    margin-bottom: 5px;
}

.bpagestt a.action span {
}

.bpagestt .shareinput {
}

.bpagestt input {
    border: none;
    width: 80%;
    font-size: 35px;
    letter-spacing: 9px;
    margin-top: 20px;
    margin-left: 10%;
}

.bpagestt input.ferror {
    color: #ff3366;
}

.mainPg {
    background: #FFF;
    padding-bottom: 350px;
}

.invoices > .empty {
    text-align: center;
}

.invoices > .empty img {
    width: 100px;
    margin: 50px;
}

.invoices > table {
    border: thin;
    border-spacing: 0px;
    text-align: right;
    width: 100%;
}

.invoices > table tr:nth-child(1) {
    font-weight: bold;
}

.invoices > table tr td {
    text-align: right;
    white-space: nowrap;
    padding: 20px 20px 15px 75px;
    display: table-cell;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    min-width: 110px;
    height: 70px;
}

.invoices .last {
    width: 100%;
    background: #0f76bbb3;
    height: 200px;
    padding: 40px 30px;
    color: #FFF;
    position: relative;
    margin-bottom: 30px;
}

.invoices .last img {
    height: 140px;
    left: 30px;
    transform: rotate(350deg);
    top: 17px;
}

.invoices .last > div {
}

.invoices .last > div a {
    color: #FFF;
    margin-top: 9px;
    display: block;
    text-align: c;
    text-decoration: underline;
}

.ggprev {
    background: #FFFFFF url(https://res.cloudinary.com/broadcust/image/upload/v1674465028/resources/GOOG_Search.png);
    height: 240px;
    margin-top: 20px;
    border-radius: 5px;
    direction: ltr;
    text-align: left;
    width: 100%;
    padding: 99px 90px 10px 29px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position-y: 6px;
    position: relative;
}

.ggprev .link {
    color: #1a0dab;
}

.ggprev .top {
}

.ggprev .top .site {
}

.ggprev .top .site .dir {
    color: #5f6368;
    font-size: 14px;
    margin-left: -7px;
}

.ggprev .top .dot {
}

.ggprev .title {
    color: #1a0dab;
    display: inline-block;
    margin-bottom: 0px;
    padding-top: 5px;
    font-weight: 400;
    line-height: 24px;
    height: 40px;
    margin-top: 4px;
}

.ggprev .sdesc {
    color: #4d5156;
    font-size: 14px;
}

.ggprev .sdesc.skl img {
    height: auto;
    box-shadow: none;
    border: none;
    position: absolute;
    top: 170px;
    opacity: 0.8;
}

@media screen and (max-width: 600px) {
    .signup h2 {
    }
    .signup h3 {
        font-size: 21px;
    }
    .signup .re-activation {
        text-align: center;
        padding: 30px 30px;
        position: absolute;
        width: 100%;
        top: 0;
    }
    .signup .done .activation button.action {
        width: 100px;
        vertical-align: 4px;
    }
    .signup .steps,
    .signup .content-header,
    .signup .location img {
        display: none;
    }
    .signup .header {
        margin: 20px auto;
        width: 318px;
    }
    .signup form {
        width: 100%;
        top: 0;
    }
    form.sub-categories {
        position: relative;
        margin-left: 0;
        left: 0;
        text-align: center;
    }
    .signup form.new {
        adding: 5px;
        left: inherit;
        left: 0;
        margin-left: 0;
        margin: 0 0 0 0;
    }
    .signup form .main {
        margin: 40px auto 0;
        width: 85%;
        padding: 0;
    }
    .signup .addr-city, .signup .biz-name {
        width: 290px
    }
    .signup #new-user .phone {
        width: 290px
    }
    .signup #new-user .text-field {
        margin: 16px 0 20px 3px;
        width: 100%;
    }
    .signup #new-user .text-field.addr {
        margin-top: 2px;
        margin-bottom: 0;
    }
    .signup .addr-street {
        width: 198px
    }
    .signup .addr-number {
        width: 84px
    }
    .signup button.action {
        margin-top: 20px;
        width: 100%;
        text-align: center;
    }
    .signup .content-section {
        background: #FFFFFF;
        border: none;
        margin: 0;
        padding: 20px 0;
    }
    .signup {
        width: 100%;
    }
    .signup .footer {
        height: auto;
        top: unset;
        width: 85%;
        padding: 0px 0px;
    }
    .signup .footer .rights {
        top: 160px;
    }
    .signup .footer .privacy {
        margin: 0;
        padding: 15px 0;
        width: 100%;
    }
    .signup .footer .privacy .fa {
        margin-left: 15px;
        padding: 0pt;
        top: -5px;
    }
    .signup .footer .privacy > .text {
        display: inline-block;
        margin-top: 0px;
        width: 85%;
        opacity: 0.7;
    }
    .signup .verified .fa.laptop {
        font-size: 70px;
        text-shadow: 1px 1px #DDD;
        color: #EEEEEE;
    }
    .signup form.account {
        display: none;
    }
    .signup .explain-if {
        width: 100%;
        font-size: 13px;
        line-height: 15px;
        padding: 0;
        margin: 30px 0;
    }
    .signup .h-preloader {
        display: none;
    }
    .signup .message .alert {
        width: 100%;
    }
    .signup form.done {
        width: 100%;
        margin-left: 0;
        margin: 0 0 0 0;
        top: 0px;
        text-align: center;
        left: 0;
    }
    .signup .message {
        font-size: 15px;
        top: 55px;
        width: 276px
    }
    .signup .account-done-message {
        padding: 0;
        font-weight: normal;
    }
    .signup .fade-label input.text {
        height: 40px;
    }
    .signup .fade-label label.text {
        height: 40px;
    }
    .signup .slide-container.ext {
        position: relative;
        height: auto;
        min-height: 485px;
        overflow: visible;
    }
    .signup .verified {
        margin-top: 20px;
        text-align: center;
    }
    .page.settings.password {
        margin-top: 50px;
    }
    .page.settings .change-pwd {
        padding: 20px 0px;
    }
    .page.settings.password input {
        right: 0;
        width: 60%;
    }
    .page.settings.password button {
    }
    .page.settings {
        width: 100%;
        padding: 10px 10px;
        margin-top: 0;
    }
    .page.business .nav-tabs {
        display: none;
    }
    .nav-tabs > li > a {
        display: none;
    }
    .page.business .nav-tabs > li.active > a, .page.business .nav-tabs > li.active > a:hover, .page.business .nav-tabs > li.active > a:focus {
        display: block;
    }
    .page.business.settings.tab-thin .nav-tabs > li {
        display: none;
    }
    .page.business .tab-content {
        padding: 10px;
        border: unset;
        width: 100%;
        margin-top: -30px;
    }
    .settings-container {
        width: 100%;
        margin-top: 0;
    }
    .settings-container .item {
        border-bottom: none;
    }
    .settings-container a.fb {
        width: 100%;
    }
    .mobile.setting.pg form {
        height: 93%;
    }
    form.details .text-field, form.settings .text-field, .business-type-field {
        width: 100%;
    }
    .page.business input.text, .page.business textarea {
        border: none;
        background: #EFEFEF;
    }
    .page.settings label {
        font-size: 13px;
    }
    .invoices > .empty {
        margin-top: 50px;
    }
    .invoices > .empty img {
    }
    .invoices > table {
    }
    .invoices > table tr:nth-child(1) {
    }
    .invoices > table tr td {
        width: 30%;
        padding: 16px 10px;
        min-width: unset;
    }
    .invoices .last {
        width: 90%;
        margin-right: 5%;
        margin-top: 20px;
    }
    .invoices .last img {
        height: 110px;
        left: 0px;
        transform: rotate(350deg);
        top: 0px;
    }
    .invoices .last > div {
        font-size: 17px;
        width: 230px;
        margin-top: -9px;
    }
    .invoices .last > div a {
    }
    .page.business .welcome-tab {
        padding: 0;
    }
    .page.settings > div > .title {
        height: 0;
        margin-bottom: 50px;
    }
    .settings .area {
        height: auto;
        padding: 20px;
    }
    .settings .area a.exlink {
    }
    .settings.business .area h1,
    .settings.business .area h2 {
    }
    .settings .area h1 {
    }
    .settings .area h2 {
    }
    .settings .area .desc {
        margin-top: 240px;
        width: 100%;
    }
    .settings .area.sharelink .desc {
        margin-top: 60px;
    }
    .area.sharelink .field {
        width: 100%;
    }
    .area.sharelink .field textarea {
        width: 100%;
        height: 120px;
        margin-bottom: 20px;
    }
    .area.sharelink .field.wa .container {
    }
    .area.sharelink .field.wa a {
    }
    .settings .area button.action {
    }
    .settings .area button.action.download {
    }
    .settings .area button:hover {
    }
    .settings .area .innerol {
        padding: 90px 50px;
    }
    .settings .area .symbol {
        transform: scale(.5);
        top: -10px;
        left: -10px;
        margin-top: unset;
    }
    .settings .area .democon {
        top: 93px;
        width: 90%;
        left: 5%;
    }
    .settings .action-area.url-editor {
        width: 100%;
        height: auto;
    }
    .settings .action-area .url {
        padding: 10px 12px;
    }
    .settings .action-area .urledit {
        text-align: left;
        margin-left: unset;
    }
    .settings .action-area .urledit input {
        width: 100%;
        margin-top: 10px;
    }
    .page.settings .actions {
        position: fixed;
        bottom: 0;
        width: 100%;
        right: 0;
        background: #FFF;
        height: 52px;
        box-shadow: 0px 2px 4px 3px #CCC;
    }
    .page.settings .actions a {
    }
    .area.sharelink .qr #qrcode {
        position: absolute;
        left: 20px;
        bottom: 0;
    }
    .seo .text-field {
        width: 100%;
    }
    .page.business .seo label {
    }
    .page.business .seo input, .page.business .seo textarea {
    }
    .page.business .seo input {
    }
    .page.business .seo textarea {
        width: 100%;
        min-width: 100%;
    }
    .page.business .seo textarea.error, .page.business .seo input.error {
    }
    .page.business .seo textarea:focus, .page.business .seo input:focus {
    }
    .page.business .seo span.help {
        width: 100%;
    }
    .page.business .seo span.chars {
    }
    .ggprev {
        background: #FFFFFF url(https://res.cloudinary.com/broadcust/image/upload/v1674468199/resources/GOOG_Search_Mobile.png);
        background-repeat: no-repeat;
        background-position-y: 14px;
        padding: 150px 17px;
        height: 310px;
        background-size: contain;
    }
    .ggprev .link {
    }
    .ggprev .top {
    }
    .ggprev .top .site {
        display: b;
    }
    .ggprev .top .site .dir {
    }
    .ggprev .top .dot {
    }
    .ggprev .title {
    }
    .ggprev .sdesc {
    }
    .ggprev .sdesc.skl img {
    }
    .setting.pg .auth {
        height: 100%
    }
    .setting.pg .auth .login {
        width: 100%;
        height: 100%;
        line-height: 30px;
        font-size: 20px;
        text-align: right;
    }
    .setting.pg .auth .login h1 {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .setting.pg .auth .login .terms {
        line-height: 23px;
        text-align: right;
    }
    .setting.pg .auth .login .ftr {
        position: fixed;
        bottom: 10px;
        left: 20px;
        direction: ltr;
    }
    .image-block.logo-upload {
        padding: 80px 0;
        text-align: center;
    }
    .image-block.logo-upload button {
        width: 100%;
    }
    .image-block.logo-upload button.addlogo {
        width: 100%;
    }
}

/* setting.css */