#modalQuestion { margin:0;position:relative;}
#modalQuestion .title{font-size:24px;font-weight:normal;text-align:center;padding:30px 0;}
#modalQuestion .text{font-size:20px;font-weight:normal;text-align:center;padding:0px 0 30px 0;}
#modalQuestion form { margin:0; padding:0;}
#modalQuestion .error  {
	display:block;
	width:100%;
	padding:10px;
	text-align:center; 
	font-size:14px;
	margin:5px 0 20px 0;
	background:#f18181;
	color: #444; 
	text-align:center;
	border-radius:5px;
}

#modalQuestion .success{
	display:block;
	width:100%;
	padding:10px;
	text-align:center; 
	font-size:14px;
	margin:10px 0 20px 0;
	background:#aac765;
	color: #444; 
	text-align:center;
	border-radius:5px;
}

#modalQuestion .field-block{
	margin:0 0 10px 0;
	overflow:hidden;
}
#modalQuestion .input{
	display:block;
	width:100%;
	padding:15px;
	font-size:14px;
	border:none;
	border:1px solid #dedede;
	border-radius:4px;
}


#modalQuestion .button{
		border-radius:30px;
		background:#fabc10;
		padding:15px 25px;
		color:#444;
		font-size:12px;
		border:none;
		cursor:pointer;
		outline:none;
		font-weight:bold;
	}
#modalQuestion .button:hover{
	background:#fcc631;
}









#modalQuestion {
	width: 450px; 
	height: auto;
	background:#fff;
	border-radius:16px;
	position: fixed;
	left: 50%;
	margin-left: -225px; 
	display: none;
	opacity: 1;
	z-index: 999;
	padding:20px;
	-moz-box-sizing: border-box; 
    box-sizing: border-box;
}

@media (max-width: 450px) {
#modalQuestion {
	width: 80%; 
	height: auto;
	background: #fff;
	position: fixed;
	left: 50%;
	top:10%;
	margin-left: -150px; 
	display: none;
	opacity: 1;
	z-index: 999;
	padding:30px;
	-moz-box-sizing: border-box; 
    box-sizing: border-box;
}

}







#loader-wrapperQuestion  {
	display: none;

   position:absolute;
   bottom:10px;
   right:10px;
    width: 50px;
    height: 50px;
    z-index: 1000;
}

#loader {
    display: block;
    position: relative;
    right: 10px;
    bottom: 0x;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fabc10;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fabc10;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fabc10;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}