/*////////////////////////////////////////////////////////////////// [ RESTYLE TAG ]*/ * { margin: 0px; padding: 0px; box-sizing: border-box; } body, html { height: 100%; font-family: Raleway,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; } /*---------------------------------------------*/ a { font-family: Helvetica; font-size: 14px; line-height: 1.7; color: #666666; margin: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; } a:focus { outline: none !important; } a:hover { text-decoration: none; } /*---------------------------------------------*/ h1,h2,h3,h4,h5,h6 { margin: 0px; } p { font-family: Helvetica; font-size: 14px; line-height: 1.7; color: #666666; margin: 0px; } ul, li { margin: 0px; list-style-type: none; } /*---------------------------------------------*/ input { outline: none; border: none; } input[type="number"] { -moz-appearance: textfield; appearance: none; -webkit-appearance: none; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } textarea { outline: none; border: none; } textarea:focus, input:focus { border-color: transparent !important; } input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } input:focus::-moz-placeholder { color:transparent; } input:focus:-ms-input-placeholder { color:transparent; } textarea:focus::-webkit-input-placeholder { color:transparent; } textarea:focus:-moz-placeholder { color:transparent; } textarea:focus::-moz-placeholder { color:transparent; } textarea:focus:-ms-input-placeholder { color:transparent; } input::-webkit-input-placeholder { color: #adadad;} input:-moz-placeholder { color: #adadad;} input::-moz-placeholder { color: #adadad;} input:-ms-input-placeholder { color: #adadad;} textarea::-webkit-input-placeholder { color: #adadad;} textarea:-moz-placeholder { color: #adadad;} textarea::-moz-placeholder { color: #adadad;} textarea:-ms-input-placeholder { color: #adadad;} /*---------------------------------------------*/ button { outline: none !important; border: none; background: transparent; } button:hover { cursor: pointer; } iframe { border: none !important; } /*---------------------------------------------*/ .container { max-width: 1200px; } /*////////////////////////////////////////////////////////////////// [ Utility ]*/ .bg0 {background-color: #fff;} .bg1 {background-color: #f7f7f7;} /*////////////////////////////////////////////////////////////////// [ Contact ]*/ .container-contact100 { width: 100%; min-height: 100vh; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 15px; background: #fd420014; overflow: scroll; } .wrap-contact100 { width: 800px; background: #fff; border-radius: 10px; overflow: hidden; padding: 62px 55px 90px 55px; } .wrap-email-aready{ width: 1000px; background: #fff; border-radius: 10px; overflow: hidden; padding: 62px 55px 90px 55px; text-align: center; } .email-aready{ font-size: 30px; font-weight: 400; color: #393939; line-height: 1.5; } /*------------------------------------------------------------------ [ ]*/ .contact100-form { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; } .contact100-form-title { display: block; width: 100%; font-size: 39px; color: #333333; line-height: 1.2; text-align: center; padding-bottom: 59px; font-weight: 900; } /*------------------------------------------------------------------ [ ]*/ .wrap-input100 { width: 100%; position: relative; border: 1px solid #e6e6e6; border-radius: 13px; padding: 10px 30px 9px 22px; margin-bottom: 20px; } .rs1-wrap-input100 { width: calc((100% - 30px) / 2); } .label-input100 { font-size: 16px; font-weight: 400; color: #393939; line-height: 1.5; text-transform: capitalize; } .long-text { text-transform: unset; } .input100 { display: block; width: 100%; background: transparent; font-size: 18px; color: #555555; line-height: 1.2; padding-right: 15px; } /*---------------------------------------------*/ input.input100 { height: 40px; } textarea.input100 { min-height: 120px; padding-top: 9px; padding-bottom: 13px; } .input100:focus + .focus-input100::before { width: 100%; } .has-val.input100 + .focus-input100::before { width: 100%; } /*------------------------------------------------------------------ [ Button ]*/ .container-contact100-form-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; padding-top: 20px; width: 100%; } .contact100-form-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; padding: 0 30px; width: 100%; height: 50px; background-color: #333333; border-radius: 25px; font-size: 16px; color: #fff; line-height: 1.2; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .contact100-form-btn i { -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .contact100-form-btn:hover { background-color: #00ad5f; } .contact100-form-btn:hover i { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } /*------------------------------------------------------------------ [ Responsive ]*/ @media (max-width: 768px) { .rs1-wrap-input100 { width: 100%; } } @media (max-width: 576px) { .wrap-contact100 { padding: 62px 15px 90px 15px; } .wrap-input100 { padding: 10px 10px 9px 10px; } } /*------------------------------------------------------------------ [ Alert validate ]*/ .validate-input { position: relative; } .alert-validate::before { content: attr(data-validate); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; position: absolute; width: 90%; min-height: 40px; background-color: #f7f7f7; top: 35px; left: 0px; padding: 0 45px 0 22px; pointer-events: none; font-size: 18px; color: #fa4251; line-height: 1.2; } .alert-validate-cooperator:before { content: attr(data-validate); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; position: absolute; width: 80%; min-height: 40px; top: 60px; left: 80px; padding: 0 10px 0 10px; pointer-events: none; color: #fa4251; line-height: 1.2; font-size: 0.9em; } .btn-hide-validate { font-size: 18px; color: #fa4251; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; position: absolute; width: 40px; height: 40px; top: 35px; right: 12px; } .rs1-alert-validate.alert-validate::before { background-color: #fff; } .true-validate::after { content: "\f26b"; font-family: Helvetica; font-size: 18px; color: #00ad5f; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; position: absolute; width: 40px; height: 40px; top: 35px; right: 10px; } /*---------------------------------------------*/ @media (max-width: 576px) { .alert-validate::before { padding: 0 10px 0 10px; } .true-validate::after, .btn-hide-validate { right: 0px; width: 30px; } } /*================================================================== [ Restyle Select2 ]*/ .select2-container { display: block; max-width: 100% !important; width: auto !important; } .select2-container .select2-selection--single { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; background-color: transparent; border: none; height: 40px; outline: none; position: relative; } /*------------------------------------------------------------------ [ in select ]*/ .select2-container .select2-selection--single .select2-selection__rendered { font-size: 18px; color: #555555; line-height: 1.2; padding-left: 0px ; background-color: transparent; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; top: 50%; transform: translateY(-50%); right: 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: flex-end; } .select2-selection__arrow b { display: none; } .select2-selection__arrow::before { content: '\f312'; font-family: Helvetica; font-size: 18px; color: #555555; } /*------------------------------------------------------------------ [ Dropdown option ]*/ .select2-container--open .select2-dropdown { z-index: 1251; width: calc(100% + 2px); border: 0px solid transparent; border-radius: 10px; overflow: hidden; background-color: white; left: -24px; box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2); } @media (max-width: 576px) { .select2-container--open .select2-dropdown { left: -12px; } } .select2-dropdown--above {top: -38px;} .select2-dropdown--below {top: 10px;} .select2-container .select2-results__option[aria-selected] { padding-top: 10px; padding-bottom: 10px; padding-left: 24px; } @media (max-width: 576px) { .select2-container .select2-results__option[aria-selected] { padding-left: 12px; } } .select2-container .select2-results__option[aria-selected="true"] { background: #00ad5f; color: white; } .select2-container .select2-results__option--highlighted[aria-selected] { background: #00ad5f; color: white; } .select2-results__options { font-size: 14px; color: #555555; line-height: 1.2; } .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: none; font-family: Helvetica; font-size: 15px; color: #333333; line-height: 1.2; } .wrap-input100 .dropDownSelect2 .select2-container--open { width: 100% !important; } .wrap-input100 .dropDownSelect2 .select2-dropdown { width: calc(100% + 2px) !important; } /*================================================================== [ Restyle Radio ]*/ .wrap-contact100-form-radio { width: 100%; padding: 15px 25px 0 25px; } .contact100-form-radio { padding-bottom: 5px; } .input-radio100 { display: none; } .label-radio100 { display: block; position: relative; padding-left: 28px; cursor: pointer; font-size: 18px; color: #555555; line-height: 1.2; } .label-radio100::before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #cdcdcd; background: #fff; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .label-radio100::after { content: ""; display: block; position: absolute; width: 20px; height: 20px; border-radius: 50%; border: 6px solid transparent; background: #00ad5f; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none; } .input-radio100:checked + .label-radio100::after { display: block; } /*================================================================== [ rs NoUI ]*/ .wrap-contact100-form-range { width: 100%; padding: 20px 25px 57px 25px; } .contact100-form-range-value { font-size: 18px; color: #555555; line-height: 1.2; padding-top: 10px; padding-bottom: 30px; } .contact100-form-range-value input { display: none; } #filter-bar { height: 20px; border: 1px solid #e6e6e6; border-radius: 9px; background-color: #f7f7f7; } #filter-bar .noUi-connect { border: 1px solid #e6e6e6; border-radius: 9px; background-color: #00ad5f; box-shadow: none; } #filter-bar .noUi-handle { width: 40px; height: 36px; border: 1px solid #cccccc; border-radius: 9px; background: #f5f5f5; cursor: pointer; box-shadow: none; outline: none; top: -8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; } #filter-bar .noUi-handle.noUi-handle-lower { left: -1px; } #filter-bar .noUi-handle.noUi-handle-upper { left: -39px; } #filter-bar .noUi-handle:before { content: ""; display: block; position: unset; height: 12px; width: 9px; background-color: transparent; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; } #filter-bar .noUi-handle:after { display: none; } @media (max-width: 576px) { .wrap-contact100-form-range { padding: 20px 0px 57px 0px; } .wrap-contact100-form-radio { padding: 15px 0px 0 0px; } } .first-text-block{ margin-bottom: 10px; } .final-text-block{ margin-bottom: 40px; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .list-unstyled { padding-left: 0; list-style: none; } .collapse { display: none; } .collapse.in { display: block; } table { border-collapse: collapse; border-spacing: 0; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .timepicker .separator { background: none; } span.fa.fa-calendar.o_datepicker_button { font-size: 20px; } .input_radio{ line-height: 25px; } .star_style{ color: #ff4200; } .link_style{ font-size: 16px; } .content-hidden{ display: none; } .button-return{ width : unset !important; margin : auto; }