body {direction: rtl;font-family: 'Assistant', sans-serif;font-size:18px;}

body p a, body li a {text-decoration:underline}
* {font-family: 'Assistant', sans-serif;}
h1 {margin-bottom: 20px;font-size: 2em;color: #fff;font-weight: 400;line-height: 1.2em;text-shadow: 0px 0px 10px #111111, 0px 5px 10px #111111, 0px -5px 10px #111111;}

h6 {font-size: 18px;}

.step1 .btn-primary, .step1 .select2-container .select2-selection, .btn.btn-primary {-webkit-transition: all 0.35s ease 0s;-moz-transition: all 0.35s ease 0s;-ms-transition: all 0.35s ease 0s;-o-transition: all 0.35s ease 0s;transition: all 0.35s ease 0s;}

.carousel {margin-bottom: 4rem;}
.carousel-item {height: 67vh;}
.carousel-item:after {background: #000000\18;background: rgba(0,0,0,0.18);content: "";width: 100%;height: 100%;position: absolute;z-index: -1;}
.carousel-item > img {position: absolute;top: 0;left: 0;min-width: 100%;height: 100%;z-index: -1;}
.carousel-caption {top: 0px;width: 60%;right: 20%;}
.logo {position: fixed;top: 0;width: 60%;padding: 10px;background: #fff;left: 20%;z-index: 999;box-shadow: 0px 0px 13px -4px #999;border-radius: 0 0 10px 10px;}
.logo a {z-index: 999;position: relative;}

.step1 {width: 100%;display: flex;}
.step1 .select2-container:first-of-type .select2-selection {border-radius: 0 10px 10px 0;}
.step1 .secont-col .select2-container .select2-selection {border-radius: 0;}
.step1 .select2-container.select2-container--open:first-of-type .select2-selection {border-radius: 0 10px 0 0;}
.step1 select.select2, #textKodDira {float: right;width: 25%;height:60px;background: #fff;font-size: 18px;color:#757575;-moz-appearance: none;-webkit-appearance:button;appearance:button;padding: 18px 10px;border: 1px solid #ced4da;}
.step1 select.select2:first-of-type {border-radius: 0 10px 10px 0;}
.step1 select.select2::-ms-expand {display: none;}

.step1 .select2-selection__placeholder:before {content: "*";display: block;font-size: 18px;color: #ff0000;position: absolute;right: 3px;top: 3px;}

.select2-selection__arrow {display:none;}
.select2-selection--single {background: #ffffff;}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {color: #000000;padding: 10px 20px 10px 10px;text-align: right;font-size: 18px;}
.select2-container .select2-selection {border-radius: 0;height: 60px !important;}
.btn.btn-primary {background-color: #0F218D;border-color: #0F218D;}
.btn.btn-primary:not(:disabled):hover, .btn.btn-primary:active, .btn.btn-primary:focus {opacity: 0.9;}

#textKodDira {text-align: center;font-size: 20px;letter-spacing: 8px;border-radius: 0 10px 10px 0;}
.codebox #btn_of_codebox1 {float: right;height: 60px;border-radius: 10px 0 0 10px;width: 20%;font-size: 18px;}
.codebox_hide_btn_box {display: inline-block;margin-top: 23px;}

.step1 .btn-primary {height: 60px;font-size: 18px;width: 100%;border-radius: 10px 0 0 10px;background-color: #0F218D;border-color: #0F218D;}
.step1 .btn-primary:not(:disabled):hover, .step1 .btn-primary:active, .step1 .btn-primary:focus {opacity: 0.9;}
.step2 .btns {text-align: left;}
.step2 .btns .btn {margin: 0px 5px;font-size: 22px;}
.step2 .btns .btn:first-of-type {float: right;background: #e3e4e6;}
.step2 .btns .btn:last-of-type {}
.select2-container {float: right;}

#total_price {font-size: 36px;color: #0F218D;line-height: 60px;}
#btns_by_code {font-size: 22px;}
.textkoddiraerr {display: none;width: auto;float: right;text-align: right;background: #fff;margin-top: 15px;padding: 5px 10px;}

a.btn.btn-light.float-right {padding: 15px 15px;font-size: 18px;border-radius: 10px;background-color: #0F218D;border-color: #0F218D;color: #fff;}


.step1 {display:block;}
.loading, .step2, .step3 {display:none;width: 60%;margin: auto;top: 170px;position: absolute;right: calc(20%);margin-bottom: 100px;background: #fff;color: #000000;padding: 20px 0;box-shadow: 0px 0px 8px 0px #333;z-index: 19;}
.step2 h2, .step3 h2 {font-weight: normal;font-size: 1.8rem;width: 91.666667%;margin: 0 auto 20px;border-bottom: 1px solid #e1e1e1;padding-bottom: 10px;box-shadow: 0px 5px 12px -10px #999;text-align: center;}
h5 label, h6 label {margin-bottom: 0;}
label span.must {color: red;}

.was-validated .form-control:valid, .form-control.is-valid,
.was-validated .form-control:invalid, .form-control.is-invalid {background-position: center left calc(0.375em + 0.1875rem);padding-left: calc(1.5em + 0.75rem);padding-right: 0.75rem;}

#txtFloor {margin: auto;}

/*.custom-control.overflow-checkbox .overflow-control-input {display: none;}*/
.custom-control {padding:0;padding-right: 20px;}
.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator:after {-webkit-transform: rotateZ(45deg) scale(1);transform: rotateZ(45deg) scale(1);top: -6px;left: 5px;}
.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator:before {opacity: 1;}
.custom-control.overflow-checkbox .overflow-control-indicator {border-radius: 3px;display: inline-block;position: absolute;top: 7px;right: 0;width: 16px;height: 16px;border: 2px solid #aaa;background:#fff;}
.custom-control.overflow-checkbox .overflow-control-indicator:after {content: '';display: block;position: absolute;width: 16px;height: 16px;transition: .3s;-webkit-transform: rotateZ(90deg) scale(0);transform: rotateZ(90deg) scale(0);width: 10px;border-bottom: 4px solid #aaa;border-right: 4px solid #aaa;border-radius: 3px;top: -2px;left: 2px;}
.custom-control.overflow-checkbox .overflow-control-indicator:before {content: '';display: block;position: absolute;width: 16px;height: 16px;transition: .3s;width: 10px;border-right: 7px solid #fff;border-radius: 3px;-webkit-transform: rotateZ(45deg) scale(1);transform: rotateZ(45deg) scale(1);top: -4px;left: 5px;opacity: 0;}
.custom-control {-ms-flex-align: flex-start;align-items: flex-start;-ms-flex-pack: flex-start;justify-content: flex-start;float: right;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.gray-text {color: #777777;}
.terms1 {width: 91.666667%;margin: 30px auto;}
#home_details {padding: 0 15px;}

.was-validated .form-control:valid {border-color: #ced4da;background-image: initial;}
.was-validated .form-control[required]:valid {border-color: #28a745;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {border-color: #ced4da;box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.was-validated .form-control[required]:valid:focus {border-color: #28a745;box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);}

.inputstyle input {float: right;margin: 8px 0 0 10px;width: 16px;
    height: 15px;}

.alertinput {font-size:14px;color:#ff0000;margin:0 0 5px 0;text-align:right;font-weight:600}
small.alertinput {display: inline-block;width: 100%;padding: 0 10px;}
small.alertinput:empty {display: none;}

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

.slideto {background:#fff;padding:10px;border:2px solid #2da0b9;position:fixed;left:10px;top:10px;z-index:9999;width:1px;height:1px;clip: rect(0,0,0,0);}
.slideto:focus {width:auto;height:auto;clip:auto;}
.accessibility {cursor:pointer;float:right;margin:10px 10px;line-height:21px;display:inline-block;width:25px;height:25px;border:none;text-align:center;background:#fff url(../images/accessibilitysprite.png) -4px -42px no-repeat !important;}
.search input[type="submit"] {background: #fff url(../images/search.png) 10px 8px no-repeat !important;}
.invertsite .accessibility {background-color:#fff !important}
.invertsite p, .invertsite div, .invertsite li, .invertsite span, .invertsite button, .invertsite input, .invertsite header, .invertsite label,
.invertsite body, .invertsite a, .invertsite h1, .invertsite h2, .invertsite h3, .invertsite h4, .invertsite h5, .invertsite select, 
.invertsite .contactform textarea {background-color:#000000 !important;color:#ffffff !important;}
.invertsite input, .invertsite button, .invertsite select, .invertsite .contactform textarea, .invertsite .contactform input[type="submit"],
.invertsite .contactsideplace textarea, .invertsite a.btn.btn-light.float-right, .invertsite .step1 .btn-primary {border:1px solid #fff;}
.invertsite .contactsideplace textarea {    width: 66%;}
.invertsite ::-webkit-input-placeholder {color: #fff;}
.invertsite ::-moz-placeholder {color: #fff;}
.invertsite :-ms-input-placeholder {color: #fff;}
.invertsite :-moz-placeholder {color: #fff;}

a:focus, button:focus, input[type="submit"]:focus, input:focus, select:focus, .slider a:focus img, textarea:focus, .step1 .btn-primary:focus, .btn-group .btn:focus,
a.btn.btn-light.float-right:focus, .select2-container--bootstrap4.select2-container--focus .select2-selection, .custom-control:focus, .custom-control:hover,
#btn_of_step2_2:focus, #btn_of_step2:focus, .form-control:focus, #btn_of_step2_3:focus, .btn.btn-secondary:focus, .btn.btn-secondary.focus { -moz-box-shadow: 0px 0px 5px rgba(255, 255, 255);-webkit-box-shadow: 0px 0px 5px rgba(255, 255, 255);box-shadow: 0px 0px 5px rgb(255, 255, 255);outline: 2px dashed black;}

.page {padding: 0 15px;max-width:800px;margin:30px auto;}

.select2-search--dropdown > label {width: 100%;}

#total_price span ~ span {margin-right: 70px;}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }
}

@media (min-width: 62em) {
    
}

@media screen and (max-width: 768px) {
    h1 {font-size: 1.6em;}
    .step1 {margin-top: 20px;}
    .carousel-item {height: 90vh;}
    .logo a {width: calc(100% - 50px);float: right;}
    .step1 select.select2 {float:none;width:100%;}
    .select2-container {float:none;width:100% !important;}
    .step1 .select2-container:first-of-type .select2-selection {border-radius: 10px 10px 0 0;}
    .step1 .secont-col .select2-container .select2-selection {border-radius: 0;}
    .step1 .select2-container.select2-container--open:first-of-type .select2-selection {border-radius: 10px 10px 0 0;}
    .step1 .btn-primary {width: 100%;border-radius: 0 0 10px 10px;}
    .step1 select.select2:first-of-type {border-radius: 10px 10px 0 0;}
    .loading, .step2, .step3 {width: 90%;right: calc(5%);top: 150px;}
    .step2 h2, .step3 h2 {font-size: 1.3rem;width: 85%;}
    input#txtFloor {width: 100% !important;}
    iframe {max-width: 90%;}
    .carousel-caption {width: 90%;right: calc(5%);left: 5%;}
    .logo {top: 0;width: 100%;left: 0;}
    .logo img {max-width: 94%;}
    .codebox #btn_of_codebox1, #textKodDira {width: 50%;}
}