﻿

#ContactForm { /*background-color:white;
               -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

-webkit-box-shadow: 10px 10px 51px -10px rgba(0,0,0,0.25);
-moz-box-shadow: 10px 10px 51px -10px rgba(0,0,0,0.25);
box-shadow: 10px 10px 51px -10px rgba(0,0,0,0.25);*/

overflow:hidden;

}
#ContactForm .clientForm { max-width:600px; margin:auto;  }
#ContactForm .clientForm .clientformcontent .item{ margin-bottom:5px; }
#ContactForm .riTextBox[type="text"].riEmpty,#Contact textarea.riTextBox.riEmpty { text-align:left; }
#ContactForm .itemvalidation { color:var(--color1); }
#ContactForm .button { /*background-color:var(--color10); color:var(--color3);*/ border:none; }
#ContactForm .clientformresponse {     background-color: #52a75b;
    padding: 60px;
    text-align: center;
    color: var(--color10); }

#ContactForm .formcontent{ width:calc(100% - 60px); padding:30px; }
/*#ContactForm .formcontact{ width:calc(40% - 60px); padding:30px; position:relative;
                           background-image:url(/Images/footer-form-bg.jpg); background-repeat:no-repeat; background-size:cover;
                           color:var(--color10);
}*/
#ContactForm .formcontact h3, #ContactForm .formcontact p,#ContactForm .formcontact a { color:var(--color10); text-decoration:none;  }
#ContactForm .formcontact h3,#ContactForm .formcontent h3 { font-size:2em; padding-top:0; font-weight:300; font-family:var(--font-title); color:white; }
#ContactForm .riTextBox[type="text"],#ContactForm textarea.riTextBox { border:2px solid var(--color7);
                                       -webkit-border-radius: 5px;
                                        -moz-border-radius: 5px;
                                        border-radius: 5px;
}
#ContactForm .txbox { margin:5px 0; }
    #ContactForm .formcontact .veil { width:100%; height:100%; position:absolute; left:0; top:0; z-index:5;
background: rgb(131,41,0);
background: linear-gradient(162deg, rgba(131,41,0,0.7035189075630253) 0%, rgba(131,41,0,0.700717787114846) 29%, rgba(220,45,28,0.6979166666666667) 55%, rgba(248,195,2,0.700717787114846) 100%);
    }
    #ContactForm .formcontact .usertext { position:relative; z-index:10; }

#ContactForm .item{ width:48%; margin:0 2% 0 0; }
#ContactForm .item.popis,#ContactForm .item.send,#ContactForm .item.approval { width:98%;margin:0 2% 0 0; }
#ContactForm .item.approval { margin-top:1rem; color:white; }
#ContactForm .item.approval a{ color:var(--color7); }
#ContactForm .item.send .button { /*background-color:var(--color2); color:var(--color10);*/ background-color:var(--color3); display:table; width:auto; margin:1rem 0 0 auto; padding:0 2rem; }
#ContactForm .clientformcontent { display:flex; flex-wrap:wrap; background-position:center center; }

@media all and (max-width: 54em) {
    #ContactForm .contactformcontent { flex-wrap:wrap; flex-direction:column-reverse; }
    #ContactForm .formcontact { width:calc(100% - 60px); }
    #ContactForm .formcontent { width:calc(100% - 45px); }
}


@media all and (max-width: 42em) {
    #ContactForm .clientForm { width:90%; margin-left:5%; margin-right:5%; }
}

@media all and (max-width: 36em) {
    #ContactForm .item { margin-right:0; width:98%; }
}


