@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* { font-family: 'Montserrat', sans-serif; padding:0; margin:0; outline:none; }
html { -webkit-text-size-adjust:100%; }
select { -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand { display:none }
.cl { clear:both }
.cnt, .scnt { width:1020px; margin:0 auto; }
.scnt { width:570px; }
img { max-width: 100%; }
#head { width:100%; padding:30px 0; background:#ffd145; color: #000; font-size: 20px; line-height: 150%; }
#head h1 { color: #000; text-transform:uppercase; font-size: 64px; margin-bottom:8px; letter-spacing: 0; line-height: 125%; font-weight: 700; }
#content { width:100%; background:#f9f9f9; padding:50px 0 160px 0; }
.scnt { text-align:center; color: #000; font-size: 14px; line-height: 200%; }
.scnt h2 { color: #007bff; margin-bottom:8px; font-size: 46px; letter-spacing: 0; line-height: 125%; font-weight: 700; font-style: normal; }
.scnt a { color:#000; }
.scnt a:hover { text-decoration:none; }
#fun_list { padding:60px 0 0 0; }
#fun_list::after, #quality::after, .qf::after { content:""; display:block; clear:both; }
.fun_item { color: #000; font-size: 18px; line-height: 150%; display:block; float:left; width:calc(50% - 30px); margin-right:60px; }
.fun_item:nth-child(2), .fun_item:nth-child(5), .fun_item:nth-child(7), .fun_item:nth-child(10), .fun_item:nth-child(12), .fun_item:nth-child(15), .fun_item:nth-child(17), .fun_item:nth-child(20), .fun_item:nth-child(22), .fun_item:nth-child(25), .fun_item:nth-child(2n+27) { margin-right:0; }
.fun_item:nth-child(n+3) { margin-top:60px; }
.fun_item h3 { color: #007bff; margin-bottom:8px; font-size: 20px; letter-spacing: 0; line-height: 125%; }
.fun_item img { margin-bottom:16px; }
.fun_item:nth-child(3), .fun_item:nth-child(4), .fun_item:nth-child(5), .fun_item:nth-child(8), .fun_item:nth-child(9), .fun_item:nth-child(10), .fun_item:nth-child(13), .fun_item:nth-child(14), .fun_item:nth-child(15), .fun_item:nth-child(18), .fun_item:nth-child(19), .fun_item:nth-child(20), .fun_item:nth-child(23), .fun_item:nth-child(24), .fun_item:nth-child(25) { width:calc(33.33% - 40px); }
.fun_item:nth-child(3), .fun_item:nth-child(6), .fun_item:nth-child(8), .fun_item:nth-child(11), .fun_item:nth-child(13), .fun_item:nth-child(16), .fun_item:nth-child(18), .fun_item:nth-child(21), .fun_item:nth-child(23), .fun_item:nth-child(26), .fun_item:nth-child(2n+28) { clear:both; }
#quality { width:820px; margin:60px auto; }
.qu_img { width:157px; float:left; }
.qu_info { float:right; width:calc(100% - 247px); }
.qu_info > div { color: #000; font-size: 18px; line-height: 150%; height:157px; display:table-cell; vertical-align:middle; }
.qu_info h3 { color: #007bff; margin-bottom:8px; font-size: 20px; letter-spacing: 0; line-height: 125%; }
#contact-form { width:570px; margin:0 auto; color: #000; font-size: 18px; line-height: 200%; text-align:center; }
#contact-form h2 { color: #007bff; margin-bottom:8px; font-size: 46px; letter-spacing: 0; line-height: 125%; font-weight: 700; font-style: normal; }
.qf { margin-top:40px; }
.qf input, .qf textarea { background-color:#f9f9f9; outline:3px solid #f9f9f9; transition:0.3s ease; height:45px; width:calc(100% - 32px); padding:0 15px; border-radius: 3px; font-size: 12px; color: #000; border: 1px solid #d1d3d3; }
.qf label { display:block; margin-bottom:16px; }
.qf textarea { overflow:auto; padding:15px; height:70px; }
.ss { cursor:pointer; transition:0.3s ease; background-color: #ffc107; height:47px; line-height:47px; font-size: 14px; color: #000; border-radius: 3px; font-weight: 700; text-decoration: none; display:inline-block; padding:0 40px; float:left; }
.ss:hover { background-color:#000; color:#fff; }
.qf input:hover, .qf input:focus, .qf textarea:hover, .qf textarea:focus { outline: 3px solid #bbd9fb; }
.qf input.err, .qf textarea.err { border-color:red; }
footer { color: #fff; font-size: 14px; line-height: 24px; padding:50px 31px; background:#007bff; width:calc(100% - 62px); text-align:left; }
.footer_logo { display:block; float:left; line-height:40%; margin-bottom:8px; }
.footer_logo img { height:46px; }
footer a { color:#000; text-decoration:underline; }
footer a:hover { text-decoration:none; }
.ac { display:block; text-align:center; font-size:18px; color:#007bff; font-weight:600; }
@media all and (min-width: 760px) and (max-width: 1080px) {
.cnt, #quality { max-width:calc(100% - 80px); }
.fun_item { width:calc(50% - 20px); margin-right:40px; }
.fun_item:nth-child(n+3) { margin-top:45px; }
.fun_item:nth-child(3), .fun_item:nth-child(4), .fun_item:nth-child(5), .fun_item:nth-child(8), .fun_item:nth-child(9), .fun_item:nth-child(10), .fun_item:nth-child(13), .fun_item:nth-child(14), .fun_item:nth-child(15), .fun_item:nth-child(18), .fun_item:nth-child(19), .fun_item:nth-child(20), .fun_item:nth-child(23), .fun_item:nth-child(24), .fun_item:nth-child(25) { width:calc(33.33% - 26.66px); }
.qu_info { width: calc(100% - 210px); }
#content { padding-bottom:100px; }
.qf input, .qf textarea { font-size:16px; }
}
@media all and (min-width: 560px) and (max-width: 759px) {
.cnt { max-width:calc(100% - 80px); }
.fun_item { width:100% !important; margin-right:0px; }
.fun_item:nth-child(n+2) { margin-top:45px; }
.qu_info { width: calc(100% - 190px); }
#content { padding-bottom:100px; }
#head { font-size:18px; }
#head h1 { font-size:28px; }
.scnt h2, #contact-form h2 { font-size:24px; }
.scnt, #quality, #contact-form { max-width:100%; }
#fun_list { max-width:480px; margin-left:auto; margin-right:auto; }
.qf input, .qf textarea { font-size:16px; }
}
@media all and (max-width: 559px) {
.cnt { max-width:calc(100% - 34px); }
.fun_item { width:100% !important; margin-right:0px; font-size:16px; }
.fun_item:nth-child(n+2) { margin-top:40px; }
.qu_info { width: calc(100% - 145px); }
.qu_info > div { font-size: 16px; height:120px; }
.qu_img { width: 120px; }
#content { padding-top:40px; padding-bottom:60px; }
#fun_list { padding-top:40px; }
#head { font-size:18px; }
#head h1 { font-size:28px; }
.scnt h2, #contact-form h2 { font-size:24px; }
.scnt, #quality, #contact-form { max-width:100%; }
#fun_list { max-width:480px; margin-left:auto; margin-right:auto; }
.qf input, .qf textarea { font-size:16px; }
.qf { margin-top: 25px; }
#contact-form { font-size: 16px; line-height: 150%; }
footer { padding: 35px 17px; width: calc(100% - 34px); }
#quality { margin:50px auto; }
}
@media all and (max-width: 365px) {
#head { font-size:16px; }
.qu_info { width: calc(100% - 110px); }
.qu_info > div { height:90px; }
.qu_img { width: 90px; }
}