body,html{width:100%;height:100%;margin:0;padding:0;font-family:'Mada',sans-serif}
 
.bdbg{background:url(../images/bgWpic.png);background-position:left bottom;background-size:cover;background-repeat:no-repeat;height: 100%;width: 100%;}
.pad-0{padding:0}
.fleft{float:left}
.fright{float:right}
.fnone{float:none}
.mar-0-auto{margin:0 auto}
.theme-cn{position:fixed;left:0;bottom:0}
.logo{text-align:center;margin-top:30%;width:100%}
.logo img{width:48%}
.theme-cn img{width:75%}
.form-container{width:95%;padding-left:10%}
.form-title{text-align:right;color:#fff;font-size:54px;font-weight:100;margin-top:24%;margin-bottom:2%}
.field{direction:rtl;display:flex;align-items:center;padding-top:4px}
.field label{color:#fff;padding-left:20px;font-weight:400;font-size:22px;max-width:150px;min-width:150px;text-align:left}
.field input{width:100%;border:none;background:rgba(255,255,255,0.75);padding:6px;margin:0}
.field textarea{width:100%;border:none;background:rgba(255,255,255,0.75);padding:6px;margin:7px 0}
.inputfile-2 + label{color:#db834d}
.inputfile + label{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;text-align:right}
.td2{width:100%;background:rgba(255,255,255,0.7)}
.td2 svg path{fill:#db834d}
.td2 svg{margin-right:10px}
.social-cn{direction:ltr;padding:10px 2px}
.social a{padding:10px}
.field input[type="submit"]{width:30%;border:none;background:rgba(255,255,255,0.75);padding:6px;margin:0;font-size:23px;color:#DB834D;border-radius:6px;-webkit-box-shadow:-7px 4px 5px -1px rgba(0,0,0,0.25);-moz-box-shadow:-7px 4px 5px -1px rgba(0,0,0,0.25);box-shadow:-3px 4px 5px -1px rgba(0,0,0,0.25);margin-right:20px}
.clear{clear:both}
.work-title{text-align:right;color:#fff;font-size:38px;width:20%;float:right}
.work-link{text-align:center;background:#fcd6ca;padding:10px;font-size:23px;border-radius:6px;-webkit-box-shadow:-7px 4px 5px -1px rgba(0,0,0,0.25);-moz-box-shadow:-7px 4px 5px -1px rgba(0,0,0,0.25);box-shadow:-3px 4px 5px -1px rgba(0,0,0,0.25)}
.workk a{color:#DB834D;text-decoration:none}
.work-cn{margin-top:50px;padding-bottom:100px}
.workk{width:80%;float:right}
@media screen and (min-width:1440px){}
@media screen and (max-width:1440px) and (min-width:1024px) {
.bdbg{background:url(../images/bgWpic1366.png);background-position:left bottom;background-size:cover;background-repeat:no-repeat;height: 100%;width: 100%;}
.work-title{font-size:32px}
.form-title{font-size:45px}
}
@media screen and (max-width:850px) {
.bdbg{background:url(../images/bgWpic768.png);background-position:left bottom;background-size:cover;background-repeat:no-repeat;height: 100%;width: 100%;}
.logo img{width:200px}
.form-title{font-size:28px;margin-top:16%;margin-bottom:4%}
.field label{max-width:90px;min-width:90px;font-size:18px}
.field input[type="submit"]{width:51%}
.logo{margin-top:13%}
.form-container{padding-left:7%;padding-bottom:50px}
.work-title{font-size:23px;width:30%}
.workk{width:70%}
}
@media screen and (max-width:500px) {
.bdbg{background:url(../images/bgWpic480.png);background-position:left bottom;background-size:cover;background-repeat:no-repeat;height: 100%;width: 100%;}
.social a{padding:7px}
.field input[type="submit"]{width:54%;font-size:21px}
.work-link{font-size:20px}
.logo img{width:165px}
}
@media screen and (max-width:321px) {
.bdbg{background:url(../images/bgWpic320.png);background-position:left bottom;background-size:cover;background-repeat:no-repeat;height: 100%;width: 100%;}
}