@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&display=swap');

.serviceOrder,.serviceOrder input,.serviceOrder select,.serviceOrder textarea {font-family: 'PT Sans', sans-serif;}
*,*:before,*:after {box-sizing: border-box;}

.serviceOrder h1 {color:#435868; font-size:24px; text-transform:uppercase;}
._servicesOrderForm h1 {text-transform:none;text-align:center; margin: 0 0 5px;}
.serviceOrder h2 {}
.serviceOrder p {line-height:170%;}
._servicesOrderForm p {margin: 0 0 10px; text-align: center; }

.serviceOrder b {color:#435868;}

/*
.head {background:#435868; height:70px; padding:10px 0 0 450px;}
body {
    background-image:url('//static.acceleragent.com/html/styles/salesforce/spw1/left-corner.png'),url('//static.acceleragent.com/html/styles/salesforce/spw1/right-corner.png');
    background-repeat:no-repeat,no-repeat;
    background-position:0% 0%,700px 100%;
    background-size:auto,contain;
}
@media (min-width: 1800px){
    body {
        background-position:0% 0%,100% 100%;
    }
}
*/

.serviceOrder button {
    outline:none; border:0; background:#435868; color:#fff; padding:15px 80px;  margin:20px 0;
}
.serviceOrder button[disabled] {background:#ddd; }
.serviceOrder button label {margin-bottom: 0px;}

.serviceOrder input[type="text"]{
    outline:none; border:1px solid #435868; padding:5px 15px;
}

.serviceOrder .content {max-width: 500px;  margin: 0 0 0 220px;}
.serviceOrder ._servicesOrderForm .content {max-width: 860px !important;  margin: 0 auto !important;}

.serviceOrder .block {margin-top:20px;}
.serviceOrder .block .check {position:absolute; margin-left: -35px; width: 20px; height: 20px;}

.serviceOrder .purchased-views {background: #e29f20; color: #fff; padding: 15px; margin: 20px 0;}

.serviceOrder ._exposureContainer.hide_sel {max-height: 30px;}
.serviceOrder ._exposureContainer{max-height: none; overflow: hidden;   transition: 0.3s ease-in;}
.serviceOrder ._exposeContainer.all {display: none}
.serviceOrder ._exposeContainer._high.all {display: block;}
.serviceOrder ._exposeContainer._average.all {display: block;}
.serviceOrder ._exposeContainer._low.all {display: block;}

._exposesPriceList { display: flex; flex-wrap: wrap;margin: 20px;}
.serviceOrder .sel {padding:45px 20px 30px; border-radius: 10px;box-shadow: 0 0 20px rgba(69,68,75,.13);transition: 0.3s ease-in;margin: 0 0 0 2%;width: 23.5%; position:relative;/*border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:-1px; display:flex; align-items: center*/}
.serviceOrder .sel:first-child {margin:0;}
.serviceOrder .sel.selected {background:#4c6c84;color:#fff;}
.serviceOrder .sel .price {font-size: 28px; display:block; font-weight:bold; margin: 0 0 5px;position: relative;}
.serviceOrder .sel .desc {display:block; color:#989898;font-weight:bold;font-size: 14px;transition: 0.3s ease-in;margin: 0 0 90px;position: relative;}
.serviceOrder .sel.selected .desc {color:#fff;}
.serviceOrder ._exposeContainer {overflow: hidden;}
.serviceOrder ._exposeContainer button {
    outline:none; border:1px solid #4c6c84; background:#fff; color:#4c6c84; padding:10px; width:100%;  margin:0px 0;text-transform:uppercase;transition: 0.3s ease-in; cursor:pointer;font:bold 12px 'PT Sans';border-radius: 6px;letter-spacing:1.5px;position: relative;}
.serviceOrder ._exposeContainer.selected button {border-color:#fff;}
.serviceOrder ._exposeContainer button:hover, .serviceOrder ._exposeContainer.selected button:hover {background:#2c4c64; color:#fff;border-color:#2c4c64;}
.serviceOrder .sel:before { content: ""; display: block; position:absolute;right: 0;background-image:url('/common/img/boxes.png'); background-repeat:no-repeat;}

.serviceOrder .sel:first-child:before {bottom:63px;width:71px;height:84px;background-position:0 0;}
.serviceOrder .sel.selected:first-child:before {background-position:0 -84px;}
.serviceOrder .sel:nth-child(2):before {bottom:65px;width:98px;height:90px;background-position: -84px 0;}
.serviceOrder .sel.selected:nth-child(2):before {background-position:-84px -90px;}
.serviceOrder .sel:nth-child(3):before {bottom:57px;width:90px;height:114px;background-position: -209px 0;}
.serviceOrder .sel.selected:nth-child(3):before {background-position:-209px -114px;}
.serviceOrder .sel:last-child:before {bottom:50px;width:96px;height:120px;background-position: -351px 0;}
.serviceOrder .sel.selected:last-child:before {background-position:-351px -120px;}

.serviceOrder .note {font-size:80%; line-height:100%; display:block;}
._descLength.tooLong {color: #f00;}
._hashWarning {font-size: 90%; color: #a00; font-weight: 600; line-height: 1.3;}

/*.serviceOrder .howItWorks button {outline:none; border:1px solid #4c6c84; background:#fff; color:#4c6c84; padding:10px; width:auto;  margin:0px 0;text-transform:uppercase;transition: 0.3s ease-in; cursor:pointer;font:bold 12px 'PT Sans';border-radius: 6px;letter-spacing:1.5px;position: relative;}*/
/*.serviceOrder .howItWorks button:hover {background:#2c4c64; color:#fff;border-color:#2c4c64;}*/

.serviceOrder .howItWorks a {text-decoration: underline; color: #4c6c84; cursor: pointer;}
.serviceOrder .howItWorks p {text-align: left; line-height: 1.4;}
.serviceOrder .howItWorks h5 {font-size: 140%; margin-top: 2em; margin-left:2em;}
.serviceOrder .howItWorks .more {padding: 1em;}
.serviceOrder .howItWorks .num {padding: 5px; margin-left: -2em; background: #4c6c84;    color: #fff;    border-radius: 100%;    display: inline-block;    width: 1.5em;    height: 1.5em;    line-height: 1.1;    text-align: center;}
.serviceOrder .howItWorks li {display: list-item; list-style: disc; margin: 1em 0 1em 2em;}
.serviceOrder .howItWorks li::marker {color: #4c6c84;}

.serviceOrder .dropdown {display:none;}
.serviceOrder .dropdown:before {content:'в–ј'; font-size:20px; line-height:50px; position:absolute; right:10px; color:#435868; cursor:pointer;}
.serviceOrder .expanded .dropdown:before {content:'в–І';}

.serviceOrder .domain-free input[type="text"] {border-color:#090;}
.serviceOrder .domain-free:after {content:'Domain name is available'; color:#090; display:block; font-size:80%; position:absolute;}

.serviceOrder .domain-used input[type="text"] {border-color:#900;}
.serviceOrder .domain-used:after {content:'Domain name is not available'; color:#900; display:block; font-size:80%; position:absolute;}

.serviceOrder .domain-checking:after {content:'Checking domain name...'; color:#999; display:block; font-size:80%; position:absolute;}

.serviceOrder .credit {background:#00000040; position:fixed; top:0; left:0; width:100%; height:100%;  display: flex;    flex-direction: column;    justify-content: center; }
.serviceOrder .credit .inner {background:#edf1f3; box-shadow:0 5px 20px #00000050; max-width:640px;  width:100%; padding:50px 100px; margin: auto; overflow: auto;}
.serviceOrder .credit h2 {color:#444; font-size:16px;}
.serviceOrder .credit .big {display:inline-block; width:65%; margin-right:2%;}
.serviceOrder .credit .small {display:inline-block; width:30%;}
.serviceOrder .credit input {width:100%; padding:10px 20px; border:1px solid #cad1d7; font-size:17px;}
.serviceOrder .credit .cards img {vertical-align: middle; margin-right:22px; width:60px;}
.serviceOrder .credit .cards label {white-space:nowrap;}
.serviceOrder .credit .cards input{display:inline-block; width:auto;}
.serviceOrder .credit .close {float:right; color:#435868; cursor:pointer;  font-size: 140%; margin-top: -40px; margin-right: -80px;  padding: 10px;}
.serviceOrder .credit .close:hover {color:#000;}

.serviceOrder .carusel {white-space:nowrap; width:100%; overflow:hidden;}
.serviceOrder .carusel>div {display:inline-block; white-space:normal; width:100%; transition:0.5s ease-in; vertical-align: top;}
.serviceOrder .carusel.two>div:first-child {margin-left:-100%;}
.serviceOrder .carusel .carusel-link {background:#ddd; width:15px; height:15px; margin:0 3px; display:inline-block; border-radius:50%; transition:0.3s ease-in; cursor:pointer;}
.serviceOrder .carusel .carusel-link:hover {background:#666;}
.serviceOrder .carusel .carusel-link:first-child {background:#435868;}
.serviceOrder .carusel.two .carusel-link {background:#435868;}
.serviceOrder .carusel.two .carusel-link:first-child {background:#ddd;}

.serviceOrder .loading {font-size:90%; background:#8498a7;}
.serviceOrder .loading .fa {font-size:120%; vertical-align:middle; margin-right:5px;}

.serviceOrder .error {background-color: #900; font-size: 120%; color: #fff; margin-top: 20px; line-height: 200%; text-align: center;}

.serviceOrder ._additionalViewsCtl {float: right;color: #435868;font-size: 13px;text-decoration: underline;cursor: pointer; margin-top: 10px;}

.serviceOrder ._submitNextCtl {margin-left: auto; display: block;}
.serviceOrder .paidWarning {margin: 10px 0; font-size: 80%;}
.serviceOrder .howItWorksBtn {font-size: 80%;}

._servicesSubmitOrder button.emoji-button{margin: 0 -20px -35px 0;}

._servicesSubmitOrder .emojiarea {width: 100%; font-size: 14px; line-height: 200%;}
._servicesSubmitOrder .emojiarea .note {opacity: 0.6; font-size: 12px; display: block;  margin-top: -8px; line-height: 120%;}
._servicesSubmitOrder .emoji-editor {height: calc(100% - 50px);}

._servicesSubmitOrderForm label input,
._servicesSubmitOrderForm label select {padding:10px 20px; border:1px solid #cad1d7; font-size:16px;}
._servicesSubmitOrderForm > label.checkbox-label {display: inline-block;width: 100%;text-align: center;}
._servicesSubmitOrderForm > label {
    font-weight: normal;
    width: 49.6%;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
    align-items: stretch;
}
._servicesSubmitOrderForm textarea {
    padding:10px 20px; border:1px solid #cad1d7; font-size:16px; resize: none;  height: 100%; width: 100%;
}
._servicesSubmitOrderForm > label span {
    font-size: 14px;
}
._servicesSubmitOrderForm ._imageHtml {position: relative; overflow: hidden}
._servicesSubmitOrderForm .ih {display:none; position:absolute; top:0; left:0; transition:0.3s opacity ease-in; z-index:1}
._servicesSubmitOrderForm .ih-inner {background: #16b103;color: #fff;text-align: center;width: 300px;padding: 70px 50px 20px 50px;transform: rotate(-45deg); margin-left: -115px; margin-top: -20px; }
._servicesSubmitOrderForm .ih-h1 {font-family:'Anton','Impact',sans-serif; font-size:20px; font-weight:300; text-transform: uppercase; pointer-events:none;}
._servicesSubmitOrderForm .tt .ih {display: block}
._servicesSubmitOrderForm .tt_NEW .ih-inner,._servicesSubmitOrderForm .tt_JS .ih-inner {background:#f00;}
._servicesSubmitOrderForm .tt_SI .ih-inner {background:#03b1ab;}
/*._servicesSubmitOrderForm .tt_NEW .oh-h1:before {content: 'Just Listed';}*/
/*._servicesSubmitOrderForm .tt_JS .oh-h1:before {content: 'Just Sold';}*/
/*._servicesSubmitOrderForm .tt_OH .oh-h1:before {content: 'Open House';}*/
/*._servicesSubmitOrderForm .tt_PR .oh-h1:before {content: 'Price Reduced';}*/
/*._servicesSubmitOrderForm .tt_RENT .oh-h1:before {content: 'For Rent';}*/

._servicesSubmitOrderForm  input._adsDescription {display: block!important; pointer-events: none;position: absolute;opacity: 0;}
._servicesSubmitOrderForm {display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: flex-start;}
._servicesSubmitOrderForm ._imageUrlView {margin-bottom: 5px; aspect-ratio: 190/97; object-fit: cover; border-radius: 4px; width: 100%;}
._servicesSubmitOrderForm .images {width: 49.6%;font-size: 14px;}
._servicesSubmitOrderForm .inner-label {width: 49.6%;font-size: 14px;}
._servicesSubmitOrderForm ._imagesBlock {display:flex; flex-wrap: wrap; gap:1px;}
._servicesSubmitOrderForm ._imagesBlock.showBlock {max-height: 84px;overflow: hidden;}
._servicesSubmitOrderForm ._chooseImage {width: 58px; height: 40px; border: 2px solid transparent; border-radius: 2px; cursor: pointer;}
._servicesSubmitOrderForm ._chooseImage img {height: 100%;width: 100%;object-fit: cover;}
._servicesSubmitOrderForm ._chooseImage:hover {border-color: #979b9e;}
._servicesSubmitOrderForm ._chooseImage.selected {border-color: #1d5c93}
._servicesSubmitOrderForm > button {outline: none; border: 0; background: #435868; color: #fff; padding: 15px 80px; margin: 0 0 20px; font-weight: bold;}
._servicesSubmitOrderForm .row-block {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    width:100%;
}
._servicesSubmitOrderForm .row-block label {
    font-weight: normal;
    width: 49.6%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 0px;
}
._servicesSubmitOrderForm .row-block .inner-label label {
    width: 100%;
}

._servicesSubmitOrderForm label input {
    width: 100%;
}

._servicesSubmitOrder .emoji-editor {
    height: auto;
    min-height: 130px;
}
._servicesSubmitOrder .row-block .inner-label label.checkbox {
    padding:0;
    margin:0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    width: fit-content;
}
._servicesSubmitOrder label.checkbox span {cursor: pointer;}
._servicesSubmitOrder .checkbox input {visibility:hidden;position:absolute}
._servicesSubmitOrder .checkbox label {padding-left:0}
._servicesSubmitOrder .checkbox input+span {position:relative;margin-right:5px;display:inline-block;float:left;width:20px;height:20px}
._servicesSubmitOrder .checkbox input+span:after {content:'';position:absolute;width:18px;height:18px;background:#fff;border:1px solid #bbb;border-radius:3px;top:2px}
._servicesSubmitOrder .checkbox input:checked+span:before {content:'\2714';position:absolute;top:7px;left:3px;color:#2470b3;font-size:13px;line-height:9px;z-index:1}
._servicesSubmitOrder .checkbox input:hover+span:after {border-color:#999;box-shadow:0 0 0 3px rgba(218, 218, 218, 0.5)}
._servicesSubmitOrder .checkbox.fillbox input:checked+span:before {content:'';width:10px;height:10px;top:6px;left:4px;background:#2470b3;border-radius:2px;z-index:1}

._servicesSubmitOrder .checkbox.disabled {color:#bbb}
._servicesSubmitOrder .checkbox.disabled input+span:after {background:transparent;border-color:#ddd}
._servicesSubmitOrder .checkbox.disabled input:hover+span:after {border-color:#ddd!important;box-shadow:none!important}

._servicesSubmitOrder .orderTopMessage {font-size: 90%; opacity: 0.7;}

@media (min-width: 480px){ ._servicesSubmitOrder .orderTopMessage{margin-top: -20px; margin-bottom: 30px; text-align: center;}}

@media (max-width: 460px){
    ._servicesSubmitOrderForm > button {
        padding: 10px 40px;
    }
    ._servicesSubmitOrderForm > label {
        width: 100%;
    }
    ._servicesSubmitOrder .emojiarea {
        width: 100%;
    }
    ._servicesSubmitOrder .inner-label .emojiarea {
        width: 100%;
    }
    ._servicesSubmitOrder .inner-label {
        width: 100%;
    }
    ._servicesSubmitOrderForm .images {
        width: 100%;
    }

    .servicesSubmitOrderForm .imageUrlView {
        width: 100%;
    }
    .emoji-picker {
        left: 0!important;
    }
}

@media (max-width: 1000px){
    .serviceOrder .head {padding-left:10px;}
    .serviceOrder .content, .serviceOrder ._servicesOrderForm .content {margin:50px auto !important;}
    .serviceOrder button {margin-left:auto; margin-right:auto; display:block; padding-left:50px; padding-right:50px;}
}

@media (max-width: 800px){
    .serviceOrder .sel { padding: 20px 10px; }
    .serviceOrder .sel:first-child:before {bottom:53px;}
    .serviceOrder .sel:nth-child(2):before {bottom:55px;}
    .serviceOrder .sel:nth-child(3):before {bottom:47px;}
    .serviceOrder .sel:last-child:before {bottom:40px;}
}

@media (max-width: 700px){
    .serviceOrder h1 {font-size:16px;}
    .serviceOrder p {line-height:140%;}
    .serviceOrder .content, .serviceOrder ._servicesOrderForm .content {margin:20px 10px !important; max-width:100% !important;}
    .serviceOrder .block {/*margin-top:30px;*/}
    .serviceOrder .block .check {position:static; margin-left:0px; width:14px; height:14px;}

    ._exposesPriceList {margin: 10px;}
    .serviceOrder .sel {width: 48%;margin: 1% 0 1% 2%;padding: 10px;box-shadow: 0 0 10px rgba(69,68,75,.13);}
    .serviceOrder .sel:nth-child(2n-1) {margin: 1% 0;}
    .serviceOrder .sel .price {font-size: 25px;}
    .serviceOrder .sel .desc {margin: 0 0 50px;}
    .serviceOrder .sel:first-child:before {bottom:43px;}
    .serviceOrder .sel:nth-child(2):before {bottom:45px;}
    .serviceOrder .sel:nth-child(3):before {bottom:37px;}
    .serviceOrder .sel:last-child:before {bottom:30px;}
    /*
    .serviceOrder .sel {display:none}
    .serviceOrder .sel.selected {display:flex;}
    .serviceOrder .expanded .sel {display:flex;}
    .serviceOrder .dropdown {display:block;}
    */

    .serviceOrder .credit .inner {padding:20px;}
    .serviceOrder .credit .cards img {margin-right:5px; width:50px;}
    .serviceOrder .credit .close {margin:0; padding:5px;}
}

@media (max-width: 520px){
    .serviceOrder .sel, .serviceOrder .sel:nth-child(2n-1) {width: 100%;margin: 6px 0;}
    .serviceOrder .sel .desc {margin: 0;font-size: 13px;}
    .serviceOrder .sel .price {font-size: 20px;}
    .serviceOrder .sel:before {transform: scale(.8);transform-origin: right bottom;}
    .serviceOrder .sel:nth-child(3):before {bottom: 20px;}
    .serviceOrder .sel:last-child:before {bottom: 15px;}
    .serviceOrder ._exposeContainer button {position: absolute; top: 15px; right: 15px; width: 100px;}
    .serviceOrder ._servicesCheckEmail {margin-top: -30px; margin-bottom: -20px;}
    .serviceOrder .paidWarning {margin: 0; font-size: 60%;}
    .serviceOrder .howItWorksBtn {font-size: 70%;}
    .serviceOrder .howItWorks {font-size:85%;}
}

@media (max-width: 400px){
    .credit .big,.credit .small {width:100%; margin:0;}
    .credit .cards img {margin-right:5px; width:35px;}
}

/*----- Hacks!-----*/
.serviceOrder .credit .close {display: none;}

.serviceOrder input,.serviceOrder select,.serviceOrder textarea {box-shadow: none!important;}

._imgSellerIncentivesBtn {position: absolute; top: 10px; right: 10px; padding: 8px 15px 6px 15px;background: #ffffff94;border: 1px solid #000;display: none;}
.sellerIncentives-txt {text-transform: uppercase;font-family: "Gothic A1", sans-serif;font-size: 12px; font-weight: 300;}