.home-sticky-form #contactform {
    width: 260px;
    right: -265px;
    z-index: 99999999;
    bottom: 150px;
    height: auto;
    margin: 5px 0;
    position: fixed;
    box-shadow: 0 0 12px 0 #333;
}

.home-sticky-form #contact-button {
    width: 40px;
    height: 155px;
    position: absolute;
    z-index: -1;
    padding: unset;
    display: block;
    cursor: pointer;
    margin-left: -45px;
    transform: rotate(0);
    position: absolute;
    z-index: -1;
    margin-top: 100px;
    font-size: 23px;
    float: left;
    color: #fff;
}

.home-sticky-form #contactform, .home-sticky-form #contact-button {
    background-color: #ee344e;
    border-radius: 15px 0 0 15px;
    border: 5px solid #ee344e;
    border-right: none;
}

.home-sticky-form #contactform {
    background-color: #002e47;
    text-align: center;
    text-align: -webkit-center;
}

.home-sticky-form .rotated-text {
    margin-top: 0px;
    padding-bottom: 80px;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 18px;
    white-space: nowrap;
    color: #fff;
    -webkit-transform: translate(0,1em) rotate(
-90deg);
    -moz-transform: translate(0,1em) rotate(-90deg);
    -o-transform: translate(0,1em) rotate(-90deg);
    transform: translate(0,1em) rotate(
-90deg);
}

.home-sticky-form form {
    width: 100%;
    padding: 20px 0;
}

.home-sticky-form h2 {
    color: #fff;
}

.home-sticky-form form textarea, .home-sticky-form form input {
    display: block;
    border: none;
    max-width: 230px;
    width: 100%;
    height: 35px;
    margin: 15px 5px;
}

.home-sticky-form form textarea, .home-sticky-form form input {
    padding-left: 10px;
    font-size: 14px;
    background: #f2f2f2;
    padding-left: 10px;
    border-radius: 0;
    background: 0 0!important;
    outline: none!important;
    color: #fff!important;
    border: none;
    border-bottom: 1px solid #fff;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-label {
    margin-bottom: 0;
}

.small, small {
    font-size: 80%;
    font-weight: 400;
}

.home-sticky-form .form-check-label.small {
    display: inline-block;
    width: 100%;
    color: #fff;
}

.home-sticky-form form input[type=checkbox] {
    max-width: unset;
    width: 20px;
    height: auto;
    float: left;
    margin-right: 10px;
    position: unset;
    padding: 0;
    margin: 0;
}

.home-sticky-form .form-check-label span {
    width: auto;
    float: left;
    display: inline-block;
}

.home-sticky-form button.btn {
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 10px;
    display: block;
    margin-bottom: 20px;
    max-width: 230px;
    width: 100%;
    padding: 12px 0;
    border-radius: 6px;
    border: 1px solid #fff;
}

.home-sticky-form button.btn:hover{
    background-color: #ee344e;
    color: #fff;
    border: 1px solid #ee344e;
}

.fade{transition:opacity .15s linear;}
@media screen and (prefers-reduced-motion:reduce){
.fade{transition:none;}
}
.modal-open{overflow:hidden;}
.modal-open .modal{overflow-x:hidden;overflow-y:auto;}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);}
@media screen and (prefers-reduced-motion:reduce){
    .modal.fade .modal-dialog{transition:none;}
    }
.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0);}
.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2));}
.modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:"";}
.modal-dialog{position:relative;width:100%;margin:auto;max-width: 414px}
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000;}
.modal-backdrop.fade{opacity:0;}
.modal-backdrop.show{opacity:.8;}
.modal-body{position:relative;padding:15px;flex: 1 1 auto;}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5;}   
.container:after,.container:before,.modal-footer:after,.modal-footer:before,.row:after,.row:before{display:table;content:" ";}
.container:after,.modal-footer:after,.row:after{clear:both;}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.visible-xs{display:none;}
@media (max-width:767px){
.visible-xs{display:block;}
}
@media (min-width: 576px){
    .modal-dialog {
        max-width: fit-content;
    }
}
    .modal-content{
        background-color: unset;
        border: none;
    }

    .modal-container {
        outline-offset: -11px;
        outline: 3px solid #0168b3;
        box-shadow: 0 10px 24px 0 rgb(54 61 77 / 15%);
        margin: auto;
        background-clip: padding-box;
        overflow: hidden;
        position: relative;
        border-radius: 8px;
        background-color: rgba(255,255,255,1);
        color: rgba(15,15,15,1);
        padding-top: 52px;
        padding-right: 38px;
        padding-bottom: 52px;
        padding-left: 38px;
        background-image: none;
        background-repeat: no-repeat;
        background-size: initial;
        background-position: initial;
        width: 95%;
        max-width: 414px;
        min-height: 0;
        z-index: 0;
    }


    .modal-image img {
        display: block;
        position: absolute ;
        object-fit: cover ;
        object-position: 0% 50% ;
        right: 0px;
        bottom: 0px ;
        width: 186px ;
        height: 398px ;
    }
    

    .modal-content .close {
        padding: 20px;
        margin: 0;
        position: absolute;
        z-index: 1;
    }

    .modal-content .close {
        top: 0;
        right: 0;
    }

    .modal-content .close {
        top: 7px;
        right: 7px;
    }

    @media (min-width: 960px){
        .modal-dialog{
            width: 660px;
            margin: auto;
        }
        .modal-content .close {
        top: 11px;
        right: 11px;
        }

        .modal-image img {
            display: block;
            position: absolute ;
            object-fit: cover ;
            object-position: 0% 50% ;
            right: 0px ;
            top: 0px ;
            width: 440px ;
            height: 100% ;
            z-index: -1;
        }

        .modal-container{
            outline-offset: -15px;
            outline: 3px solid #0168b3;
            box-shadow: 0 10px 24px 0 rgba(54, 61, 77, 0.15);
            margin: auto;
            background-clip: padding-box;
            overflow: hidden;
            position: relative;
            border-radius: 8px;
            background-color: #F8F3EF;
            color: rgba(15,15,15,1);
            padding-top: 40px;
            padding-right: 50px;
            padding-bottom: 30px;
            padding-left: 50px;
            background-image: none;
            background-repeat: no-repeat;
            background-size: initial;
            background-position: initial;
            width: 600px;
            max-width: none;
            min-height: 0;
            z-index: 0;
        }

    }
    #exampleModalCenter .close:before {
        width: 11px;
        height: 11px;
        background-image: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-290.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28290.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%230f0f0f%22%20d%3D%22M16.999954%208.44117617%2015.5588332%207.00005699%2011.998935%2010.5575%208.44121825%207%207.00004599%208.44117067%2010.5585606%2011.9999973%207%2015.5587778%208.44122375%2017%2011.998935%2013.4414323%2015.5588277%2016.999943%2017%2015.5587723%2013.4414339%2011.9999973z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E') ;
        background-position: center;
        background-repeat: no-repeat;
        transform-origin: center center;
        transition: transform 300ms,opacity 200ms;
        opacity: 0.5;
    }

    #exampleModalCenter .close:hover:before {
        transform: none;
        background-image: url(data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22%230f0f0f%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-290.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28290.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16.999954%208.44117617%2015.5588332%207.00005699%2011.998935%2010.5575%208.44121825%207%207.00004599%208.44117067%2010.5585606%2011.9999973%207%2015.5587778%208.44122375%2017%2011.998935%2013.4414323%2015.5588277%2016.999943%2017%2015.5587723%2013.4414339%2011.9999973z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E);
        opacity: 1;
    }

    #exampleModalCenter .close:before{
        opacity: 0.3;
        width: 24px;
        height: 24px;
    }

    #exampleModalCenter .close::before{display:block;content:''}

    

     .modal-img {
    z-index: -1 ;
    -webkit-mask-image: url(https://s2.getsitecontrol.com/templates/masks/FormDiscount-Modal-5-Mobile.svg) ;
    -webkit-mask-size: cover ;

}

@media (min-width: 960px) {
    .modal-img {
        -webkit-mask-image: url(https://s2.getsitecontrol.com/templates/masks/FormDiscount-Modal-5-Desktop.svg) ;
    }


}

    .modal-body{
        padding: 0;
    }

   .modal-body .modal-content{
       border: none;
   }

   .modal-title{
    font-size: 20px;
    line-height: 1.25;
    margin-bottom: 24px;
    text-align: center;
    color: #000;
   }

   .modal-description{
    margin:24px 0 0;
    font-size: 13px;
   }

.modal-form{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.form-fields{
    width: 100%;
    display: flex!;
    flex-direction: column;
    margin-bottom: 20px;
}

.form-fields{
    margin-bottom: 32px
}

.form-field-title {
    margin: 0 0 12px;
    line-height: 1.5;
    color: rgba(15,15,15,1);
    white-space: normal;
    word-wrap: break-word;
    word-break: normal;
    font-size: 14px;
    width: 150px;
    float: left;
}

.form-input-text{
    border: none;
    border-bottom: solid 1px rgba(15, 15, 15, 0.1);
    border-radius: 0;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.55555556;
    width: 300px;
    padding: 0 0 11px 0;
}

.form-field + .form-field{
    margin: 24px 0 0 0
}

.form-input-text:hover, .form-input-text:focus{
    border-color: rgba(15, 15, 15, 0.5)
}

.form-buttons{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: -8px
}

.form-button{
    border: 0;
    background-color: #ee344e;
    margin: 8px;
    padding: 11px 32px;
    font-weight: 700;
    line-height: 1.5;
    border-radius: 0;
    color: #fff;
    width: 200px;
    margin: auto;
}

.form-button:hover{
    color: #fff;
    background-color: #0168b3
}

.form-dropdown-list{
    width: 100px;
    padding: 0 0px 2px 0;
    border: none;
    background-color: transparent;
    height: 40px;
    margin-right: 10px;
    border-bottom: solid 1px rgba(15, 15, 15, 0.1);
}

#phone.form-input-text{
    width: 190px;
}

.errorMsg {
    position: absolute;
    color: red;
    font-size: 13px;
    margin-top: 3px;
}

@media (max-width: 960px) {
    .form-input-text{
        width: 100%;
    }

    #phone.form-input-text{
        width: 150px;
    }

    .form-field-title{
        width: 100%;
    }
}