@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');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..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:#2f2937; font-size:30px; text-transform:uppercase;font-weight: 600;}
._servicesOrderForm h1 {text-transform:none;text-align:center; margin: 0 0 5px;border-bottom: 1px solid #c7c2ce;padding: 0 0 18px;}
.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%;
    }
}
*/

#_servicesModal .modal-dialog {max-width: 900px; width: 96%;margin: 10px auto;}
.modal-header .close {z-index: 1;}
.modal-header.showClose .close {display: none}

.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: 40px 0;justify-content: space-between;column-gap: 1%;}
.serviceOrder .sel {padding:35px 20px 40px; border-radius: 20px;/*box-shadow: 0 0 20px rgba(69,68,75,.13);*/background: #0d40ad;color: #fff;transition: 0.3s ease-in;margin: 0 0 0;width: 24.25%; position:relative;/*border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:-1px; display:flex; align-items: center*/font-family: "Montserrat", sans-serif;cursor: pointer;}
/*.serviceOrder .sel:first-child {margin:0;}*/
.serviceOrder .sel * {font-family: "Montserrat", sans-serif;}
.serviceOrder .sel:hover { background: #0a4cd7; }

.serviceOrder .recom:before { 
	content: 'Recommended'; display: block; font-size: 14px; line-height: 30px; color: #fff; position: absolute; top: -29px; left: 20px; right: 20px; border-radius: 20px; background: #0c9386; text-align: center;
	z-index: 1; border: 2px solid #fff; }

.serviceOrder .sel .price {font-weight: 600; font-size: 30px; display:block; margin: 0 0 25px;position: relative;text-align: center;padding: 35px 0 22px;}
.serviceOrder .sel .price:before {content:'Your cost:'; position:absolute;top:0;font-size: 16px;font-weight:400;left:0;right:0;}
.serviceOrder .sel .price:after {content:'One Time';position:absolute;bottom:0;font-size: 16px;font-weight:400;left:0;right:0;color:#a2bbee;}

.serviceOrder .sel .desc {display:block;/*color:#4c6c84;*/font-weight:bold;font-size: 25px;transition: 0.3s ease-in;margin: 0 0 20px;position: relative;}
/*.serviceOrder .sel.selected .desc {color:#fff;}*/

.serviceOrder .sel .cost {display:block;color:#555;font-size: 20px;transition: 0.3s ease-in;margin: 0 0 70px;position: relative;line-height: 1.4;}
.serviceOrder .sel .cost b {font-style: normal;color:#000;transition: 0.3s ease-in;}
.serviceOrder .sel.selected .cost, .serviceOrder .sel.selected .cost b {color:#fff;}

.serviceOrder ._exposeContainer {/*overflow: hidden;*/}
.serviceOrder ._exposeContainer button {
    outline:none; border:none; background:#fff; color:#0d40ad; padding:0; height: 40px;width:100%;  margin:0px 0;transition: 0.3s ease-in; cursor:pointer;font: 400 15px 'Montserrat';border-radius: 20px;position: relative;clear: both;}
/*.serviceOrder ._exposeContainer.selected button {background:#002d8d;color: #fff;}*/

.guar {display: flex; /*flex-wrap: wrap;*/justify-content: space-between;column-gap: 10px;border-top:1px solid #3f6fd5;border-bottom:1px solid #3f6fd5;padding: 10px 0;}
.guar.cpm {border-top:none;margin: 0 0 30px;}
.guar div:first-child {font-weight: 600; font-size: 18px;}
.guar div:last-child {color:#a2bbee;font-size: 15px;flex-basis: 92px;}


/*.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;}

/*.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, .serviceOrder .howItWorks * { font-family: "Montserrat", sans-serif; }

.serviceOrder .howItWorks a {text-decoration: underline; color: #0d40ad; cursor: pointer;}
.serviceOrder .howItWorks a.howItWorksBtn, .serviceOrder .howItWorks a.howItWorksBtn:hover, .serviceOrder .howItWorks a.howItWorksBtn:visited {font-size:15px;}

.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: #0d40ad;    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: 15px;color: #2f2937;font-family: "Montserrat", sans-serif;}
.serviceOrder .paidWarning * {font-family: "Montserrat", sans-serif;}
.serviceOrder .howItWorksBtn {font-size: 80%;}

._servicesSubmitOrder button.emoji-button{/*margin: 0 -20px -35px 0;*/margin: 0;color: #7b7681;font: 14px "Montserrat";opacity: 1; transform: none;border: none;background: transparent;padding: 6px 10px;}

._servicesSubmitOrder .emojiarea {width: 100%; font-size: 15px; 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[type="text"], ._servicesSubmitOrderForm label input[type="email"], ._servicesSubmitOrderForm label input[type="tel"], ._servicesSubmitOrderForm label select {background: #fff;padding:0 20px; border:1px solid #0d40ad; font:16px "Montserrat";height: 49px;border-radius: 16px;color: #2f2937;transition: all .2s ease;}
._servicesSubmitOrderForm label input[type="text"]:focus, ._servicesSubmitOrderForm label input[type="email"]:focus, ._servicesSubmitOrderForm label input[type="tel"]:focus, ._servicesSubmitOrderForm label select:focus {box-shadow: 0 0 0 1px #0d40ad inset;}

._servicesSubmitOrderForm .withoutImages > label.checkbox-label {display: inline-block;width: 100%;/*text-align: center;*/margin: 20px 0 25px;}
._servicesSubmitOrderForm .withoutImages > label.checkbox-label a, ._servicesSubmitOrderForm .withoutImages > label.checkbox-label a:hover, ._servicesSubmitOrderForm .withoutImages > label.checkbox-label a:visited {color:#0d40ad;display: inline-block;}
._servicesSubmitOrderForm .withoutImages > label {
    font-weight: normal;
    width: 48.8%;
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
    align-items: stretch;
}

._servicesSubmitOrderForm label.checkbox-ssi {width: 100%; font-size: 15px;margin: 10px 0 0;color: #2f2937;}

._servicesSubmitOrderForm textarea {
    padding:10px 20px; border:1px solid #cad1d7; font-size:16px; resize: none;  height: 100%; width: 100%;
}
._servicesSubmitOrderForm .withoutImages > label span {
    font-size: 15px; color: #2f2937; margin: 0 0 7px;
}
._servicesSubmitOrderForm ._imageHtml {position: relative; overflow: hidden;font-size: 0;border-radius: 16px;padding-top: 51%;background-size: cover; background-position: 50%;}
._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 .withoutImages {display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: flex-start;}
._servicesSubmitOrderForm ._imageUrlView {object-fit: contain;width: 100%;position: absolute;left: 0;top: 0;height: 100%;backdrop-filter: blur(20px);}
._servicesSubmitOrderForm .images {/*width: 49.6%;font-size: 14px;*/position: relative;width: 100%;margin: 10px 0 15px;}

._servicesSubmitOrderForm .images ._showMoreCtl {
position:absolute;top:20px; right: 20px;color: #fff; cursor: pointer;border-radius: 8px;height:40px;width:40px;text-align:center;font-size: 26px;line-height: 40px;background:rgba(0,0,0,.6);transition: all .2s ease;}
._servicesSubmitOrderForm .images ._showMoreCtl:hover { background: #000; }

._servicesSubmitOrderForm .inner-label {width: 49.6%;font-size: 14px;}
._servicesSubmitOrderForm ._imagesBox {
display:flex; flex-wrap: wrap; row-gap: 15px;column-gap: 2%;/*margin: 0 0 15px;*/max-height: 600px;overflow-y: auto;/*scrollbar-width: thin;scrollbar-color: #0d40ad #f1f1f1;*//*justify-content: space-between;*/}

._servicesSubmitOrderForm ._imagesBox::-webkit-scrollbar { width: 10px; }
._servicesSubmitOrderForm ._imagesBox::-webkit-scrollbar-track { border-radius: 8px; background-color: #f1f1f1; border: none; }
._servicesSubmitOrderForm ._imagesBox::-webkit-scrollbar-thumb { border-radius: 8px; border: none; background-clip: content-box; background-color: #0d40ad; }

._servicesSubmitOrderForm ._imagesBlock.showBlock {max-height: /*84px*/0;overflow: hidden;margin: 0;}

._servicesSubmitOrderForm ._imagesBlock {width:100%;display: none;}
.showImagePicker ._servicesSubmitOrderForm ._imagesBlock {display: block;}
._servicesSubmitOrderForm ._imagesBlock h1 { font: 600 30px/1.2 "Montserrat"; text-align:center;color:#2f2937;margin: 0 0 40px;padding:0 30px 18px; border-bottom: 1px solid #ccc;position: relative;text-transform: none;}
._servicesSubmitOrderForm ._imagesBlock h1 .fa {position: absolute; left: 0; top: 0;cursor: pointer;font-size: 40px;line-height: 1;padding: 0 5px;}

._servicesSubmitOrderForm ._chooseImage {width: 23%; height: 0; padding: 13% 0 0; position: relative;border: 4px solid transparent; border-radius: 16px; cursor: pointer;overflow: hidden;}
._servicesSubmitOrderForm ._chooseImage img {height: 100%;width: 100%;object-fit: cover;position: absolute; left: 0; top: 0;}
._servicesSubmitOrderForm ._chooseImage:hover {border-color: #ccc;}
._servicesSubmitOrderForm ._chooseImage.selected {border-color: #ccc;}

._servicesSubmitOrderForm ._imageUpload {width: 23%;padding: 13% 0 0;border-radius: 16px; background: #0d40ad; color: #fff;text-align:center;position: relative;}
._servicesSubmitOrderForm ._imageUpload label {font-size: 13px; font-weight:400;position: absolute; left: 0; right: 0; top: 0; bottom: 0;cursor: pointer;}
._servicesSubmitOrderForm ._imageUpload label span {position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%);padding:30px 0 0;}
._servicesSubmitOrderForm ._imageUpload label span:before {content:"\f093";position: absolute; left: 50%; top: 0; transform: translateX(-50%); font:22px 'FontAwesome';}
._servicesSubmitOrderForm ._imageUpload .fa-spinner { display: none; position: absolute; left: calc(50% - 25px); top: calc(50% - 20px); }
._servicesSubmitOrderForm ._imageUpload.loading .fa-spinner { display: block; }
._servicesSubmitOrderForm ._imageUpload.loading label span { display: none; }

._servicesSubmitOrderForm .withoutImages > button {outline: none; border: 0; background: #0d40ad; color: #fff; padding: 0 60px; margin: 0 0 20px; font: 400 15px "Montserrat";height: 40px;
  border-radius: 20px;transition: all .2s ease;}

._servicesSubmitOrderForm .withoutImages > button.disabled {background: #dcdcdc; color: #757575; }

._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;box-shadow: none;padding: 10px 20px;font: 400 16px "Montserrat";
    min-height: 135px;border-radius: 16px;border: 1px solid #0d40ad;color: #2f2937;resize: vertical;transition: all .2s ease;
}
._servicesSubmitOrder .emoji-editor:focus {box-shadow: 0 0 0 1px #0d40ad inset;}
._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: 15px; /*opacity: 0.7;*/margin-top: 5px; margin-bottom: 27px;text-align: center;color: #2f2937;padding: 0 30px 24px;border-bottom: 1px solid #c7c2ce;}
.showImagePicker._servicesSubmitOrder .orderTopMessage {display: none;}

.addrBox { color: #2f2937;width: 100%;}
.addrBox>p { margin: 0 0 18px; }
.addrBox>p label {font-size: 15px;  margin: 0 0 7px;display: block;font-weight: 400;}
.addrBox>p b { font-weight: 600;font-size: 16px;}
.addrBox>p span {color:#0d40ad;cursor: pointer;text-decoration:underline;font-size: 15px;}

.addrOutBox {display: none;}
.addrInnBox {display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: flex-start;}
.addrInnBox label {font-size: 15px;  margin: 0 0 18px;display: block;font-weight: 400;width: 48.8%;}
.addrInnBox label span {display: block;margin: 0 0 7px;}

._imgSellerIncentivesBtn {position: absolute; bottom: 20px; right: 20px; z-index: 1; padding: 0 25px;background: #0d40ad;color: #fff;border-radius: 20px;display: none;}
.sellerIncentives-txt {font-size: 14px;line-height: 40px;}

.showImagePicker .withoutImages {display: none;}

@media (max-width: 460px){
	._servicesSubmitOrder .orderTopMessage{ text-align: left;}
    ._servicesSubmitOrderForm .withoutImages > button {
        padding: 0 40px;
    }
    ._servicesSubmitOrderForm .withoutImages > label, .addrInnBox 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;}

	.guar div:first-child { font-size: 16px; }
	.guar div:last-child {font-size: 13px;flex-basis: 82px;}

	#_servicesSubmitOrder { padding: 0 3% 20px; }
}

@media (max-width: 800px){
    .serviceOrder .sel { padding: 20px 15px; }
	.serviceOrder .recom:before { left: 15px; right: 15px; }

	.guar { flex-wrap: wrap; row-gap: 5px; }
	.guar div:first-child { width: 100%; }
    /*.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;}*/

	._servicesSubmitOrder .orderTopMessage { padding: 0 30px 24px 0; }

	._servicesSubmitOrderForm ._chooseImage, ._servicesSubmitOrderForm ._imageUpload {width: 31%; padding: 15% 0 0; }
}

@media (max-width: 700px){
    .serviceOrder h1 {font-size:20px;}
    .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: 0px;row-gap: 40px;column-gap: 0;}
    .serviceOrder .sel {width: 49%;/*margin: 1% 0;*/padding: 2.8vw;/*box-shadow: 0 0 10px rgba(69,68,75,.13);*/}
    /*.serviceOrder .sel:nth-child(2n-1) {margin: 1% 0;}*/
    .serviceOrder .sel .price {font-size: 24px;float: left; margin: 0 8% 0 0;}
    /*.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;}

	.modal-header .close { top: 26px; right: 20px; }

	.guar {flex-wrap: nowrap;}
	.guar div:first-child { width: auto; font-size: 15px;}
	.guar.cpm {margin: 0 0 25px;}

	._servicesSubmitOrderForm ._imagesBlock h1 {font-size:20px;}
	._servicesSubmitOrderForm ._imagesBlock h1 .fa {font-size:26px;}
}

@media (max-width: 640px){
	.serviceOrder .sel .price {float: none; margin: 0 0 15px;padding: 30px 0 22px;}
	.guar div:last-child {flex-basis: 162px;}

	._servicesSubmitOrderForm label input[type="text"], ._servicesSubmitOrderForm label input[type="email"], ._servicesSubmitOrderForm label input[type="tel"], ._servicesSubmitOrderForm label select {padding: 0 12px;}
	
	._servicesSubmitOrderForm ._imagesBox { row-gap: 10px; }
	._servicesSubmitOrder .emoji-editor {padding: 10px 12px;}
	._servicesSubmitOrderForm .images ._showMoreCtl {top: 10px;right: 10px;}
	._imgSellerIncentivesBtn {bottom: 10px; right: 10px;}
	._servicesSubmitOrderForm ._chooseImage, ._servicesSubmitOrderForm ._imageUpload {width: 47%; padding: 24% 0 0; }
}

@media (max-width: 570px){
	.serviceOrder .sel { padding: 4vw; }
	.guar div:last-child {flex-basis: 82px;}
}

@media (max-width: 400px){
._exposesPriceList {column-gap: 0;row-gap: 10px;}
    .serviceOrder .sel {width: 100%;padding: 6vw;}
    .serviceOrder .sel .desc {margin: 0 0 10px;}
    .serviceOrder .sel .price {float: left; margin: 0 0 0 10px;padding: 26px 0 22px;}
	.serviceOrder .sel .price:before, .serviceOrder .sel .price:after {font-size: 14px;}
	.serviceOrder .sel .price::after {bottom: auto;top:60px;}
	.serviceOrder .sel .cost{margin: 0;}
    /*.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%;}

    .credit .big,.credit .small {width:100%; margin:0;}
    .credit .cards img {margin-right:5px; width:35px;}

.serviceOrder .recom {margin: 32px 0 0;}
.guar {padding: 8px 0;}
	.guar.cpm {margin: 0 0 20px;}

	.g_mob {display: flex; justify-content: space-between;}
	.g_mob>div {flex-basis: 150px;}

	._servicesSubmitOrderForm ._imageUrlView {/*aspect-ratio: 190/112;*/}
	
	._servicesSubmitOrderForm ._imagesBlock h1 {font-size:17px;margin: 0 0 25px;}
	._servicesSubmitOrderForm ._imagesBlock h1 .fa {font-size:22px;}
}

@media (max-width: 360px){
	.serviceOrder .sel .desc, .serviceOrder .sel .cost {font-size: 20px;}
	.serviceOrder .sel .price {font-size: 20px;}
	.serviceOrder .sel .price:before, .serviceOrder .sel .price:after {font-size: 13px;}
}

@media (max-width: 320px){
	.g_mob>div {flex-basis: min-content;}
	.serviceOrder .sel .price {margin:0;}
}

@media screen and (max-width: 480px) {
  #_servicesModal .modal-header { padding: 0 15px; }
}

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

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