@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,600,700,900&subset=latin,latin-ext);
body{font-family:'Titillium Web', sans-serif!important;background:#FCFAFC;
background-image: url("../design/images/logo-bg.png"); background-repeat: repeat;
}

#sendform fieldset{border: none;}

#sendform p{overflow: hidden;	margin-top: 10px;}

#sendform label{float: left;width: 300px;}

#sendform input[type="text"], #sendform input[type="tel"], #sendform input[type="email"], #sendform textarea
{border: 1px solid #ccc;padding: 5px;float: left; }

#sendform textarea{	height: 100px;}
#sendform input.error{	border: 1px solid red}
#sendform label.error{	display: none !important;}


form{width:700px;background:#e6e6e6;border-radius:8px;box-shadow:0 0 40px -10px #000;margin:calc(30vh - 220px) auto;padding:20px 30px;}

::placeholder {text-align:center; opacity:0.2;}

h2{margin:10px 0;padding-bottom:10px;color:#78788c;border-bottom:2px solid #78788c;font-weight: normal;}
h1, h3 {margin:10px 0;}
h3 {font-weight:initial;}
h1, h2, h3  {text-align:center;}
.centrul {position:relative;left:35px}
input{width:100%;padding:10px;box-sizing:border-box;outline:none;resize:none;border:0;transition:all .3s;border-bottom:2px solid #bebed2}
input:focus{border-bottom:2px solid #78788c}

button{float:right;padding:8px 12px;margin:8px 0 0;border:2px solid #78788c;background:0;color:#5a5a6e;cursor:pointer;transition:all .3s}
button:hover{background:#78788c;color:#fff}

.long1 {width: 79%;margin-right:1%}
.short1 {width:20%}
.bortik p {width:23%;margin:3px 3px 3px 0;display: inline-flex;}

 
.short2 {width: 32.5%;}
.short2:nth-child(3n)  {margin-right:0}
 input.short2 {width:100%}

.short3 {width:14%}
.short4 {width:44%}
.short5 {width:19%}
.short6 {width:59%;margin-right:1%}
.short7 {width:40%}
.short2, .short3,.short4, .short5 {float:left;margin: 1%; margin-left:0;}
.short3 input, .short4 input,.short5 input {margin-bottom:5px}
.qtext, .qradio, .rad10 , .short7,.short6,.short1,.long1{float: left;}

.qtext {width: 70%; }
.qradio {width: 30%;height: 48px; }
.rad10 {width: 40px !important;}
span.rindul {font-weight: bold;}
.rindul {width: 100%; display: flow-root;}
.resetu {float: left;}
.resetu:hover { background: brown; color:#fff;}
.finis {width:500px;margin:0 auto;}


@media only screen and (max-width:480px)
{
    form {width: 100%; margin: 20% 7%!important;}
    h1 { font-size: 3em;  }




}