#price-calculator {
/* border:1px solid #ece9e5;*/
 margin:30px 0;
 border-radius:4px;
 background:#fff;
/* box-shadow:1px 1px 8px rgba(0,0,0,.1)*/
}
#price-calculator .inner h2 {
	padding-left: 0;
}
@media (max-width:991px) {
 #price-calculator {
  border-radius:0
 }
}
#price-calculator hr {
 border-color:#ece9e5;
 margin:0
}
#price-calculator .left-side {
 border-right:1px solid #ece9e5
}
#price-calculator .inner {
 padding:30px 30px 0 30px
}
@media (max-width:991px) {
 #price-calculator .inner {
  padding:20px 20px 0 20px
 }
}
#price-calculator label {
 margin-bottom:20px
}
#price-calculator label:hover {
 cursor:pointer
}
#price-calculator .label {
 font-weight:700;
 margin-bottom:1rem
}
#price-calculator .label.label--light {
 color:#1f80e8;
}
#price-calculator .section {
 margin-bottom:30px
}
#price-calculator p.info {
 font-size:.9em;
 margin-top:-1em
}
@media (max-width:991px) {
 #price-calculator h2 {
  margin-bottom:0
  padding-left: 0;
 }
}
#price-calculator #totalPriceMobileWrap {
 display:none;
 height:70px
}
#price-calculator #totalPriceMobileWrap #totalPriceMobile {
 font-size:20px;
 background:#fff;
 margin-bottom:30px;
 padding:20px 0
}
#price-calculator #totalPriceMobileWrap #totalPriceMobile .asterisk,
#price-calculator #totalPriceMobileWrap #totalPriceMobile .price {
 font-weight:700;
 display:inline-block
}
#price-calculator #totalPriceMobileWrap.sticky-active #totalPriceMobile {
/*  position:fixed; */
 top:0;
 left:0;
 width:100%;
 background:#fff;
 box-shadow:1px 1px 8px rgba(0,0,0,.1);
 padding:20px 21px;
 z-index:100
}
@media (max-width:991px) {
 #price-calculator #totalPriceMobileWrap {
  display:block
 }
}
#price-calculator .rangeInputWrap input {
 width:100%
}
a.btn.btn--orange.btn--upload {
	color: #fff;	
	background:#fc5216;
}

a.btn.btn--orange.btn--upload:hover {
	background: #dc3c03;
}
#price-calculator h2 {
  font-size: 1.8rem;
  margin-bottom: .5em;
  font-weight: 800;
}
    #price-calculator a:active, #price-calculator a:focus, #price-calculator a:hover {
	text-decoration: none;
	color: #fc5216;
}
#price-calculator .rangeInputWrap .color-helper-left {
 color:#1f80e8
}
#price-calculator .rangeInputWrap .color-helper-right {
 color:#ece9e5
}
#price-calculator .checkboxWrap,
#price-calculator .radioWrap,
#price-calculator input[type=number] {
 border:1px solid #ece9e5;
 border-radius:4px;
 line-height:26px;
 margin-bottom:1em
}
#price-calculator input[type=number] {
 padding:10px
}
#price-calculator .checkboxWrap input,
#price-calculator .radioWrap input {
 display:none
}
#price-calculator .checkboxWrap label,
#price-calculator .radioWrap label {
 width:100%;
 height:auto;
 padding:10px 15px 10px 45px;
 margin:0;
 position:relative
}
#price-calculator .checkboxWrap label:before,
#price-calculator .radioWrap label:before {
 font-family:FontAwesome;
 content:'\f111';
 margin-right:10px;
 display:inline-block;
 color:#d1d9de;
 position:absolute;
 left:15px;
 top:10px
}
#price-calculator .checkboxWrap label:hover:before,
#price-calculator .radioWrap label:hover:before {
 color:#1f80e8;
 content:'\f058'
}
#price-calculator .checkboxWrap.checked,
#price-calculator .radioWrap.checked {
 background:#1f80e8;
 border-color:#1f80e8;
 color:#fff
}
#price-calculator .checkboxWrap.checked label:before,
#price-calculator .radioWrap.checked label:before {
 color:#fff;
 content:'\f058'
}
#price-calculator .checkboxWrap label:before {
 content:'\f0c8'
}
#price-calculator .checkboxWrap.checked label:before,
#price-calculator .checkboxWrap:hover label:before {
 content:'\f14a'
}
#price-calculator .checkboxWrap.readonly label {
 opacity:.5
}
#price-calculator .checkboxWrap.readonly label:hover {
 cursor:not-allowed
}
#price-calculator .checkboxWrap.clarity,
#price-calculator .checkboxWrap.proofreading,
#price-calculator .checkboxWrap.structure {
 text-align:left
}
@media (min-width:576px) {
 #price-calculator .checkboxWrap.clarity,
 #price-calculator .checkboxWrap.proofreading,
 #price-calculator .checkboxWrap.structure {
  position:relative;
  height:200px;
  background-repeat:no-repeat;
  background-position:center 60px
 }
 #price-calculator .checkboxWrap.clarity label,
 #price-calculator .checkboxWrap.proofreading label,
 #price-calculator .checkboxWrap.structure label {
  text-align:center;
  height:100%
 }
 #price-calculator .checkboxWrap.clarity .bottom-label,
 #price-calculator .checkboxWrap.clarity .top-label,
 #price-calculator .checkboxWrap.proofreading .bottom-label,
 #price-calculator .checkboxWrap.proofreading .top-label,
 #price-calculator .checkboxWrap.structure .bottom-label,
 #price-calculator .checkboxWrap.structure .top-label {
  position:absolute;
  left:0;
  width:100%;
  padding-left:15px;
  padding-right:15px;
  text-align:center
 }
 #price-calculator .checkboxWrap.clarity .top-label,
 #price-calculator .checkboxWrap.proofreading .top-label,
 #price-calculator .checkboxWrap.structure .top-label {
  top:10px
 }
 #price-calculator .checkboxWrap.clarity .bottom-label,
 #price-calculator .checkboxWrap.proofreading .bottom-label,
 #price-calculator .checkboxWrap.structure .bottom-label {
  bottom:10px
 }
 #price-calculator .checkboxWrap.clarity.structure,
 #price-calculator .checkboxWrap.proofreading.structure,
 #price-calculator .checkboxWrap.structure.structure {
  background-image:url(../../twentytwentyone/img/structure-icon-gray.png)
 }
 #price-calculator .checkboxWrap.clarity.structure.checked,
 #price-calculator .checkboxWrap.proofreading.structure.checked,
 #price-calculator .checkboxWrap.structure.structure.checked {
  background-image:url(../../twentytwentyone/img/structure-icon-white.png)
 }
 #price-calculator .checkboxWrap.clarity.clarity,
 #price-calculator .checkboxWrap.proofreading.clarity,
 #price-calculator .checkboxWrap.structure.clarity {
  background-image:url(../../twentytwentyone/img/clarity-icon-gray.png)
 }
 #price-calculator .checkboxWrap.clarity.clarity.checked,
 #price-calculator .checkboxWrap.proofreading.clarity.checked,
 #price-calculator .checkboxWrap.structure.clarity.checked {
  background-image:url(../../twentytwentyone/img/clarity-icon-white.png)
 }
 #price-calculator .checkboxWrap.clarity.proofreading,
 #price-calculator .checkboxWrap.proofreading.proofreading,
 #price-calculator .checkboxWrap.structure.proofreading {
  background-position:center 55px;
  background-image:url(../../twentytwentyone/img/proofreading-icon-white-semi-transparent.png)
 }
}
@media (max-width:767px) {
 #price-calculator .checkboxWrap.clarity,
 #price-calculator .checkboxWrap.proofreading,
 #price-calculator .checkboxWrap.structure {
  margin-top:1em
 }
}
#price-calculator .section-additional-services {
 text-align:center
}
#price-calculator .section-additional-services .label {
 text-align:left
}
#price-calculator .right-side { 
 text-align:center;
    position: relative;
}
#price-calculator .right-side .inner.top {
 padding-bottom:30px;
 border-bottom:1px solid #ece9e5;
 background:#fff
}
#price-calculator .right-side .inner.top .label {
 display:block
}
#price-calculator .right-side .inner.top .currencyContainer {
 float:right
}
#price-calculator .right-side .inner.top .currencyContainer #changeCurrencyButton {
 font-weight:700;
 font-size:20px
}
#price-calculator .right-side .inner.top .currencyContainer #changeCurrencyButton:after {
 font-family:FontAwesome;
 display:inline-block;
 content:'\f078';
 margin-left:10px;
 font-size:16px;
 position:relative;
 top:-3px
}
#price-calculator .right-side .inner.top .currencyContainer:after {
 clear:both
}
#price-calculator .right-side .inner.top .currencyContainer .dropdown__menu {
 right:0;
 left:unset
}
#price-calculator .right-side .inner.top #totalPrice {
 margin:30px 0 0
}
#price-calculator .right-side .inner.top #totalPrice .price {
 font-weight:700;
 display:inline-block
}
#price-calculator .right-side .inner.top #totalPrice .price .number {
 font-size:60px;
 display:inline-block
}
#price-calculator .right-side .inner.top #totalPrice .asterisk,
#price-calculator .right-side .inner.top #totalPrice .symbol {
 font-size:20px;
 display:inline-block;
 position:relative;
 top:-30px
}
#price-calculator .right-side .inner.top #totalPrice .symbol {
 margin:0 5px
}
@media (max-width:991px) {
 #price-calculator .right-side .inner.top #totalPrice {
  display:none
 }
}
#price-calculator .right-side .inner.top #shareCalculatorModal .modal-content {
 width:100%;
 padding:24px
}
#price-calculator .right-side .inner.top #shareCalculatorModal .modal-header {
 border-bottom:none
}
#price-calculator .right-side .inner.top #shareCalculatorModal .modal-dialog-centered {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 min-height:calc(100% - (.5rem * 2))
}
@media (max-width:991px) {
 #price-calculator .right-side .inner.top #shareCalculatorModal .modal-dialog-centered {
  min-height:calc(100% - (1.75rem * 2))
 }
}
#price-calculator .right-side .inner.top #shareCalculatorModal .modal-body .btn {
 background-color:#1f80e8;
 color:#fff;
 font-weight:400;
 min-width:150px;
 text-align:center
}
#price-calculator .right-side .inner.top #shareCalculatorModal .modal-body .btn i {
 color:#6bc46b;
 display:inline-block;
 margin-right:5px
}
#price-calculator .right-side .inner.top #shareCalculatorModal .modal-body .alert-success {
 background-color:#1f80e8;
 color:#fff;
 font-size:1rem;
 display:none
}
#price-calculator .right-side .inner.top #shareCalculatorModal .modal-body p {
 color:#57798e
}
#price-calculator .right-side .inner.top #shareCalculatorModal textarea {
 font-size:.8rem;
 width:100%!important;
 border-width:0;
 border-style:solid;
 border-color:#bfc6da;
 background-color:#e8f2fc!important;
 margin-top:0!important
}
#price-calculator .right-side .inner.top #shareCalculatorModal .modal-body,
#price-calculator .right-side .inner.top #shareCalculatorModal .modal-header {
 padding:0
}
#price-calculator .right-side .inner.top #shareCalculatorModal button.close.circle {
 background-color:#f2f2f2;
 color:#839dac;
 margin-top:-5px
}
#price-calculator .right-side .inner.top #shareCalculatorModal button.close.circle:hover {
 color:#fff;
 background-color:#fc5216
}
#price-calculator .right-side .inner.top .shareCalculator .btn {
 color:#1f80e8;
 font-size:1rem;
 font-weight:700
}
#price-calculator .right-side .inner.top #deliveryDate {
 margin-bottom:40px
}
#price-calculator .right-side .inner.top #deliveryDate .date {
 font-weight:700
}
@media (max-width:991px) {
 #price-calculator .right-side .inner.top #deliveryDate {
  margin-bottom:1em
 }
}
#price-calculator .right-side .inner.top #uploadThesis .btn {
 margin-bottom:20px
}
#price-calculator .right-side .inner.payment-methods {
 padding:30px 0;
 background:#fff;
 border-bottom:1px solid #ece9e5
}
#price-calculator .right-side .inner.payment-methods p.vat {
 color:#57798e;
 margin:0
}
#price-calculator .right-side .inner.payment-methods ul.paymentLogos {
 list-style:none;
 padding:0;
 margin:0 0 0 0
}
#price-calculator .right-side .inner.payment-methods ul.paymentLogos li {
 padding:0;
 margin:0 5px 0 0;
 display:inline-block
}
@media (max-width:991px) {
 #price-calculator .right-side {
  border-top:1px solid #ece9e5
 }
}
#price-calculator .messageWrap #warningWords,
#price-calculator .messageWrap .infomessage {
 font-size:.9em;
 z-index:100;
 position:absolute;
 bottom:0;
 left:0;
 margin:-1px -1px 0 -1px;
 padding:20px 20px 10px 20px;
 text-align:left;
 background:#fddeca;
 border:1px solid #ffc39c
}
#price-calculator .messageWrap .infomessage {
 background:#f2f2f2;
 border:1px solid #ece9e5
}
@media (max-width:991px) {
 #price-calculator .messageWrap {
  display:none
 }
}
@media screen and (max-height:768px) {
 #price-calculator {
  padding-top:15px
 }
 #price-calculator h2 {
  font-size:2rem;
  margin-bottom:.5em
 }
 #price-calculator .inner {
  padding-top:15px
 }
 #price-calculator p.label {
  margin-bottom:.25em
 }
 #price-calculator .checkboxWrap,
 #price-calculator .radioWrap {
  line-height:18px
 }
 #price-calculator .section {
  margin-bottom:15px
 }
 #price-calculator .section--words {
  margin-bottom:0
 }
}
