.test_bg button,.test_progress button{background:linear-gradient(#ffffff,#e2e2e2);cursor:pointer;border:1px solid #ccc!important;}
.test_bg button:hover,.test_progress button:hover{background:linear-gradient(#ffffff,#D3D3D3);}
.test_bg,.test_progress{font-family:Arial, Calibri, san-serif;}
.blue{color:#00f;}
.red{color:#f30;}
.green{color:#3c0;}
.yellow{color:#fc0;}
.test_bg{background:url(//static.zdorovieinfo.ru/upload/images/tests/TestStrupa/images/bg.jpg) no-repeat;width:800px;max-width:800px;max-height:532px;border-radius:20px;overflow:hidden;display:table;background-size:cover;min-height:332px;font-family:Arial, Calibri, san-serif;margin:0 auto;}
.test_bg button{border:1px solid #ccc;}
.test_text{border-radius:20px;background:#fff;overflow-y:auto!important;text-align:center;-webkit-box-shadow:#000 0 2px 10px;-moz-box-shadow:#000 0 2px 10px;box-shadow:#000 0 2px 10px;margin:8% 13%;padding:3%;}
.test_text h1{font-size:30px;text-align:center;margin:0;}
.test_text p{font:19px Arial;text-align:left;padding-bottom:10px;margin:0;}
.test_text p :last-child{padding-bottom:40px;}
.test_text p span.red{color:#ff3200;}
.test_text p span.blue{color:#0000fe;}
.test_text button{font:bold 22px Arial;border-radius:10px;color:#000;margin-top:5px;border:none;padding:1% 2%;}
.test_progress{background:#fff;max-width:800px;max-height:532px;border-radius:20px;overflow:hidden;width:auto;min-height:382px;border:1px solid #ccc;margin:0 auto;}
.test_progress_container{padding:20px;}
.test_progress button.start_test_again{background:url(//static.zdorovieinfo.ru/upload/images/tests/TestStrupa/images/back.png) no-repeat;display:block;height:34px;padding-left:37px;vertical-align:middle;padding-top:3px;text-decoration:none;color:#000;font-size:17px;border:none!important;}
.buttons_container{text-align:center;margin-top:7%;}
#colorizedText{font-size:70pt;font-weight:700;margin:15px auto;}
.buttons_container button{font:34px Arial;border:1px solid #ccc;border-radius:10px;color:#000;text-decoration:none;margin-top:5px;text-transform:uppercase;width:28%;display:inline-block;padding:2px;}
.test_progress_container .finish_test{font:bold 16px Arial;border:1px solid #ccc!important;border-radius:10px;color:#000;margin-top:11%;padding:1% 2%;}
.test_progress_container span{float:right;margin-top:12%;font-size:24px;}
.test_progress_container span.test_number{float:right;font-size:24px;padding-right:5px;margin:0;}
p.test_complete_time{text-align:center;font-size:15px;}
p.test_complete_time span{font-weight:700;}
@media screen and max-width 650px{.test_text h1{font-size:25px;text-align:center;margin:0 0 10px;}
.test_text p{font:16px Arial;text-align:left;}
#colorizedText{font-size:50pt;}
.buttons_container button{font-size:19px;}}@media screen and max-width400px{.test_text h1{font-size:20px;text-align:center;margin:0 0 10px;}.test_text p{font:12px Arial;text-align:left;}#colorizedText{font-size:35pt;font-weight:700;}.buttons_container button{font-size:17px;}}