/* BOOTSTRAP VALIDATE */

.ba__contact-form{direction: ltr;}

.form-check-input.is-invalid~.form-check-label,

.was-validated .form-check-input:invalid~.form-check-label {color:#a51f18}

.was-validated .form-control:valid,.form-control.is-valid{border-color:#198754;padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}

.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:#198754;-webkit-box-shadow:0 0 0 .25rem rgba(25,135,84,0.25);box-shadow:0 0 0 .25rem rgba(25,135,84,0.25)}

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

.was-validated .form-select:valid,.form-select.is-valid{border-color:#198754}

.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}

.was-validated .form-select:valid:focus,.form-select.is-valid:focus{border-color:#198754;-webkit-box-shadow:0 0 0 .25rem rgba(25,135,84,0.25);box-shadow:0 0 0 .25rem rgba(25,135,84,0.25)}

.was-validated .form-control-color:valid,.form-control-color.is-valid{width:calc(3rem + calc(1.5em + 0.75rem))}

.was-validated .form-check-input:valid,.form-check-input.is-valid{border-color:#198754}

.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked{background-color:#198754}

.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus{-webkit-box-shadow:0 0 0 .25rem rgba(25,135,84,0.25);box-shadow:0 0 0 .25rem rgba(25,135,84,0.25)}

.was-validated .form-check-input:valid ~ .form-check-label,.form-check-input.is-valid ~ .form-check-label{color:#198754}

.form-check-inline .form-check-input ~ .valid-feedback{margin-left:.5em}

.was-validated .input-group .form-control:valid,.input-group .form-control.is-valid,.was-validated .input-group .form-select:valid,.input-group .form-select.is-valid{z-index:1}

.was-validated .input-group .form-control:valid:focus,.input-group .form-control.is-valid:focus,.was-validated .input-group .form-select:valid:focus,.input-group .form-select.is-valid:focus{z-index:3}

.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}

.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,0.9);border-radius:.375rem}

.was-validated :invalid ~ .invalid-feedback,.was-validated :invalid ~ .invalid-tooltip,.is-invalid ~ .invalid-feedback,.is-invalid ~ .invalid-tooltip{display:block}

.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#dc3545;padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}

.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;-webkit-box-shadow:0 0 0 .25rem rgba(220,53,69,0.25);box-shadow:0 0 0 .25rem rgba(220,53,69,0.25)}

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

.was-validated .form-select:invalid,.form-select.is-invalid{border-color:#dc3545}

.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}

.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus{border-color:#dc3545;-webkit-box-shadow:0 0 0 .25rem rgba(220,53,69,0.25);box-shadow:0 0 0 .25rem rgba(220,53,69,0.25)}

.was-validated .form-control-color:invalid,.form-control-color.is-invalid{width:calc(3rem + calc(1.5em + 0.75rem))}

.was-validated .form-check-input:invalid,.form-check-input.is-invalid{border-color:#dc3545}

.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked{background-color:#dc3545}

.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus{-webkit-box-shadow:0 0 0 .25rem rgba(220,53,69,0.25);box-shadow:0 0 0 .25rem rgba(220,53,69,0.25)}

.was-validated .form-check-input:invalid ~ .form-check-label,.form-check-input.is-invalid ~ .form-check-label{color:#dc3545}

.form-check-inline .form-check-input ~ .invalid-feedback{margin-left:.5em}

.was-validated .input-group .form-control:invalid,.input-group .form-control.is-invalid,.was-validated .input-group .form-select:invalid,.input-group .form-select.is-invalid{z-index:2}

.was-validated .input-group .form-control:invalid:focus,.input-group .form-control.is-invalid:focus,.was-validated .input-group .form-select:invalid:focus,.input-group .form-select.is-invalid:focus{z-index:3}



/* GLOBAL CSS */

.ba__contact-form .ba-control{position: relative; z-index: auto; margin-bottom: 16px;}

.ba__contact-form .ba-control > label{color: #666;margin-bottom: 5px;line-height: 27px;font-size: 16px; font-weight: normal; display: inline-block;}

.ba__contact-form .asterisk{color: #f00; display: inline-block; padding:0 .2em;}

.ba__contact-form .tip{visibility:visible;color:#fff;background:#000;width:16px;height:16px;border-radius:8px;display:inline-block;text-align:center;line-height:1.2;margin:0 5px;font-size:12px;cursor:default;position: relative;}

.ba__contact-form .tip::before{position: absolute; left: 0; bottom:calc(100% + 8px); background: #2d2a2a; color: #fff; width: 250px; display: none; z-index: 9; content: attr(data-title); border-radius: .3em;text-align: left;padding: 1em;font-size: 14px;line-height: 1;}

.ba__contact-form .tip::after{position: absolute; left: 0; bottom:calc(100% - 6px); width: 0; height: 0; border: 8px solid; border-color: #2d2a2a transparent transparent; content: ''; display: none;}

.ba__contact-form .tip:hover::before, .ba__contact-form .tip:hover::after{display: block;}

.ba__contact-form .ba-control > :not(label):not(span){display: block; border-radius: 0; padding: .2rem .5rem;}

.ba__contact-form input[type="color"]{width: 60px;padding:3px;}

.ba__contact-form select.form-control:not([multiple]){background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat calc(100% - 8px) center; background-size: 16px 12px;}

.ba__contact-form [type="radio-group"][inline] > .form-check,

.ba__contact-form [type="checkbox-group"][inline] > .form-check{display: inline-block; margin-right: 10px;}

.ba-header1{background: #11c5ee;color: #fff;padding: 3rem; text-align: center;outline: 4px double;outline-offset: -1rem;margin-bottom: 1rem;}

.ba-header1 > small{display: block;}

.ba-button1{background: #11c5ee;padding: .6rem 2rem;font-weight: bold;border-color: #11c5ee;}



.bac-header2{padding: 2rem;background:#00992d radial-gradient(circle closest-side, #fff 99%, transparent 0) 0 calc(100% + 40px) repeat-x; background-size: 40px 60px; text-align: center; color: #fff;font-size: 3rem;}

.bac-button2{background: #00992d;margin: 0 auto;min-width: 12rem;border-color: #00992d;}

.bac-footer2{background:#00992d radial-gradient(circle closest-side, #fff 99%, transparent 0) 0 -40px repeat-x; background-size: 40px 60px;padding: 2rem;}



.bac-header3{padding: 2rem;background:#f59910;text-align: center; color: #fff;font-size: 3rem; border-radius: 0 0 50% 50%; border-bottom: 18px solid rgba(255, 255, 255, 0.5);}

.bac-p{max-width: 680px; padding: 1rem 2rem; text-align: center; margin: 0 auto !important; display: block;}

.bac-button3{background: #f59910 !important;margin: 0 auto !important;min-width: 12rem;border-color: #f59910 !important;}

.bac-footer3{padding:0 2rem; border-bottom: 5px solid #f59910;}





.bac-header4{padding: 2rem;background:#f04646; min-height: 8rem; text-align: center; color: #fff; position: relative; display: table; margin: 0 auto 4rem !important;}

.bac-header4::after{position: absolute; left: 0; top: 100%; border-top: 2rem solid #f04646; border-right: 10rem solid transparent; content: ''; display: block;}

.bac-header4::before{position: absolute; width: 300%; height: 5px; left: -100%; top: 0; display: block; background:#f04646; content: '';}

.bac-footer4{padding:0 2rem; border-bottom: 6px double #f04646;}

.bac-button4{background: #f04646 !important;margin: 0 auto !important;min-width: 12rem;border-color: #f04646 !important;}